/* Общая плотность рабочего места; фирменные цвета и размеры касания сохранены. */
:root { --muted: #566477; }
:root[data-theme="paper"] { --muted: #655b50; }
:root[data-theme="calm"] { --muted: #526174; }
.workspace-shell .page-head { margin-bottom: 16px; }
.page-head .sub { margin: 6px 0 0; line-height: 1.5; }
.card { box-shadow: none; }
.card .section { padding: 18px 20px; }
.filter-row { gap: 12px; align-items: end; }
.filter-row .field { margin-bottom: 0; }
.filter-row.section { padding: 14px 16px; }
.entity-directory-row { padding: 14px 18px; }
.entity-directory-name h2 { line-height: 1.4; }
.hint, .sub, .muted { line-height: 1.5; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.employee-summary { margin: 16px 0; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.employee-summary > summary { cursor: pointer; font-weight: 600; padding: 14px 18px; }
.employee-summary > .kpi-row { padding: 0 16px 16px; margin: 0; }
.employee-summary .kpi { box-shadow: none; }
.employee-work-link { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.employee-work-link .btn { margin-left: auto; }
.employee-caption { margin: 8px 0; color: var(--muted); font-size: 13px; }
.employee-table { width: 100%; border-collapse: collapse; }
.employee-table th, .employee-table td { text-align: left; padding: 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.employee-table th { font-size: 12px; color: var(--muted); background: var(--surface-2); }
.employee-table td { overflow-wrap: anywhere; }
.employee-period { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 0 0 18px; }
.employee-period label { display: grid; gap: 5px; font-size: 13px; }
.employee-period .btn { min-height: 40px; }
.employee-metric { color: var(--ink); text-decoration: none; }
.employee-metric:hover { outline: 1px solid var(--brand); text-decoration: none; }
.employee-table details > summary { cursor: pointer; }
@media (max-width: 720px) {
 .card .section { padding: 16px; }
 .employee-work-link .btn { margin-left: 0; width: 100%; }
 .employee-period label { flex: 1 1 130px; min-width: 0; }
 .employee-period input { width: 100%; }
 .employee-table, .employee-table tbody, .employee-table tr, .employee-table td { display: block; }
 .employee-table thead { display: none; }
 .employee-table tr { border-bottom: 1px solid var(--line); padding: 10px 0; }
 .employee-table td { border: 0; padding: 5px 14px; }
 .employee-table td[data-label]::before { content: attr(data-label) ': '; color: var(--muted); }
}
@media print { .employee-summary { display: block; } .employee-period, .employee-work-link .btn { display: none; } }