.documents-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(470px, 620px);
    gap: 28px;
    align-items: end;
    margin-bottom: 26px;
}

.documents-toolbar .workspace-heading,
.documents-toolbar .document-filter { margin: 0 !important; min-width: 0; }
.documents-toolbar .workspace-heading p { max-width: 680px; }
.documents-toolbar .document-filter {
    display: grid;
    grid-template-columns: repeat(2, minmax(190px, 1fr)) auto;
    gap: 10px;
    align-items: end;
    justify-content: stretch;
}
.documents-toolbar .document-filter label { width: auto; min-width: 0; }

.workspace-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}
.workspace-document-table {
    width: 100%;
    min-width: 1010px;
    table-layout: fixed;
}
.workspace-document-table .column-document-name { width: 18%; }
.workspace-document-table .column-generator { width: 14%; }
.workspace-document-table .column-number { width: 12%; }
.workspace-document-table .column-workflow { width: 15%; }
.workspace-document-table .column-value { width: 12%; }
.workspace-document-table .column-storage { width: 8%; }
.workspace-document-table .column-created { width: 10%; }
.workspace-document-table .column-actions { width: 11%; }
.workspace-document-table th,
.workspace-document-table td {
    min-width: 0;
    padding: 13px 8px;
    overflow-wrap: anywhere;
    white-space: normal;
}
.workspace-document-table .document-name-cell { min-width: 0; }
.workspace-document-table .document-name-cell strong,
.workspace-document-table .document-name-cell small { max-width: none; }
.document-category-cell .document-type-mark { flex: 0 0 30px; }
.document-number-cell,
.document-value-cell { font-variant-numeric: tabular-nums; }
.document-workflow-cell strong,
.document-workflow-cell .workflow-kind-badge { display: block; }
.document-workflow-cell strong { margin-bottom: 6px; line-height: 1.35; }
.workflow-kind-badge {
    width: max-content;
    max-width: 100%;
    padding: 4px 7px;
    border-radius: 999px;
    background: #eef3f5;
    color: #536d79;
    font-size: 7px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: normal;
}
.workflow-kind-sales { background: #e5f7f3; color: #087b70; }
.workflow-kind-procurement { background: #e9f0fb; color: #315f9a; }
.workflow-kind-project { background: #f4ebfb; color: #76529a; }
.document-actions {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
}
.document-actions a,
.document-actions button { width: 100%; min-height: 27px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }

.workspace-reports-grid { display: grid; gap: 18px; }
.report-heading { margin-bottom: 16px; }
.report-heading > span { color: #159b8d; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.report-heading h2 { margin-top: 4px; }
.report-table-scroll { width: 100%; overflow-x: auto; scrollbar-width: thin; }
.report-table-scroll table { min-width: 580px; }
.workflow-category-report td:first-child { min-width: 150px; }

html[data-theme="dark"] .workflow-kind-badge { background: #183642; color: #b4cbd4; }
html[data-theme="dark"] .workflow-kind-sales { background: #12443f; color: #88e4d7; }
html[data-theme="dark"] .workflow-kind-procurement { background: #18394f; color: #a9ccef; }
html[data-theme="dark"] .workflow-kind-project { background: #3a2d4b; color: #dcc4ef; }

@media (max-width: 1400px) {
    .documents-toolbar { grid-template-columns: 1fr; gap: 18px; }
    .documents-toolbar .document-filter { max-width: 720px; }
}

@media (max-width: 760px) {
    .documents-toolbar { gap: 15px; margin-bottom: 18px; }
    .documents-toolbar .document-filter { grid-template-columns: 1fr; max-width: none; }
    .documents-toolbar .document-filter-reset { grid-column: auto; }
    .workspace-document-panel { padding: 14px; }
    .workspace-document-table { min-width: 0; display: block; }
    .workspace-document-table colgroup,
    .workspace-document-table thead { display: none; }
    .workspace-document-table tbody { display: grid; gap: 13px; }
    .workspace-document-table tr { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--ws-line); border-radius: 11px; }
    .workspace-document-table td { display: block !important; padding: 10px 12px; border-bottom: 1px solid var(--ws-line); background: transparent !important; }
    .workspace-document-table td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #80949f; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .workspace-document-table .document-name-cell,
    .workspace-document-table td:last-child { grid-column: 1 / -1; }
    .workspace-document-table td:last-child { border-bottom: 0; }
    .document-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .workspace-document-table .empty-state { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .workspace-document-table tr { grid-template-columns: 1fr; }
    .workspace-document-table .document-name-cell,
    .workspace-document-table td { grid-column: 1; }
    .document-actions { grid-template-columns: 1fr; }
}