#listCBArticlesPageTable.dataTable th.article-col-wide,
#listCBArticlesPageTable.dataTable td.article-col-wide {
    min-width: 60px;
    white-space: nowrap;
}

.DTE_Field.article-dimension-hidden-field {
    display: none !important;
}

.DTE_Field.article-dimension-host .DTE_Label {
    white-space: nowrap;
}

.DTE_Field_InputControl.article-dimension-composite,
[data-dte-e="input-control"].article-dimension-composite {
    display: flex !important;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.DTE_Field_InputControl.article-dimension-composite > .article-dimension-slot {
    flex: 1 1 0;
    min-width: 0;
}

.DTE_Field_InputControl.article-dimension-composite > .article-dimension-slot > .DTE_Field_InputControl {
    margin: 0;
}

.DTE_Field_InputControl.article-dimension-composite input,
.DTE_Field_InputControl.article-dimension-composite select,
.DTE_Field_InputControl.article-dimension-composite textarea {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 560px) {
    .DTE_Field_InputControl.article-dimension-composite {
        flex-direction: column;
        gap: 6px;
    }
}

.article-toolbar-grid {
    display: grid;
    grid-template-columns: minmax(340px, 1fr) minmax(320px, auto);
    gap: var(--space-4);
    width: 100%;
}

.article-toolbar-main {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-width: 0;
}

.article-toolbar-search .input {
    min-width: 260px;
    max-width: 320px;
}

.article-toolbar-title {
    font-weight: 800;
    margin-bottom: var(--space-1);
}

.article-toolbar-numeric {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: start;
}

.article-filter-toggle {
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    line-height: 1;
}

.article-filter-toggle:hover {
    background: var(--color-surface-2);
    color: var(--color-text-primary);
}

.article-filter-toggle i {
    font-size: 1rem;
}

.article-filter-collapsed-label {
    font-weight: 800;
    color: var(--color-text-secondary);
}

.article-numeric-row {
    display: grid;
    grid-template-columns: 84px 16px minmax(88px, 1fr) 16px 84px;
    gap: 6px;
    align-items: center;
}

.article-numeric-input.input {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.article-numeric-label {
    white-space: nowrap;
}

@media (max-width: 1080px) {
    .article-toolbar-grid {
        grid-template-columns: 1fr;
    }
}