/* ============================================================ Cold Slate / Teal — Design System for RAppServer Единственные темы: data-theme="new-dark" | "new-light" на . Legacy-тема (indigo / без new-*) отключена; app.css — базовая сетка и fallback. ============================================================ */ /* === Тёмная тема (по умолчанию) === */ html[data-theme="new-dark"] { /* Основные фоны */ --bg: #0f1215; --bg-elevated: #14181c; --surface: rgba(255,255,255,0.03); --surface-elevated: #1e2430; --surface-hover: rgba(255,255,255,0.06); /* Границы */ --border: rgba(255,255,255,0.06); --border-muted: #1f252e; --border-light: rgba(255,255,255,0.04); /* Текст */ --text: #d6dbe3; --text-head: #ecf0f5; --text-muted: #8b92a2; --text-subtle: #727983; /* Акцент (teal) */ --accent: #14b8a6; --accent-hover: #0d9488; --accent-muted: rgba(20,184,166,0.15); --accent-focus: rgba(20,184,166,0.35); /* Семантические */ --success: #22c55e; --success-muted: rgba(34,197,94,0.12); --warn: #f59e0b; --warn-muted: rgba(234,179,8,0.12); --err: #ef4444; --err-muted: rgba(239,68,68,0.12); --error: var(--err); --error-muted: var(--err-muted); --info: #3b82f6; --info-muted: rgba(59,130,246,0.12); --danger: var(--err); --link: var(--accent); --link-hover: var(--accent-hover); /* Тени */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.25); --shadow: 0 4px 12px rgba(0,0,0,0.35); --shadow-lg: 0 12px 28px rgba(0,0,0,0.4); --shadow-card: 0 2px 8px rgba(0,0,0,0.28); /* Фоны списков (алиасы) */ --bg-1: var(--surface); --bg-2: var(--surface-hover); --bg-3: var(--surface-hover); /* Бейджи табеля */ --badge-o: #60a5fa; --badge-b: #34d399; --badge-v: #a78bfa; /* Высоты контролов */ --field-height: 44px; /* toolbar (как в Для директоров) */ --field-height-sm: 36px; /* table tabs */ } /* === Светлая тема === */ html[data-theme="new-light"] { --bg: #f0f1f3; --bg-elevated: #ffffff; --surface: rgba(0,0,0,0.03); --surface-elevated: #ffffff; --surface-hover: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.07); --border-muted: rgba(0,0,0,0.05); --border-light: rgba(0,0,0,0.04); --text: #1a1c23; --text-head: #111215; --text-muted: #5c6370; --text-subtle: #6b7280; --accent: #14b8a6; --accent-hover: #0d9488; --accent-muted: rgba(20,184,166,0.08); --accent-focus: rgba(20,184,166,0.25); --success: #16a34a; --success-muted: rgba(22,163,74,0.1); --warn: #d97706; --warn-muted: rgba(217,119,6,0.1); --err: #dc2626; --err-muted: rgba(220,38,38,0.1); --error: var(--err); --error-muted: var(--err-muted); --info: #2563eb; --info-muted: rgba(37,99,235,0.1); --danger: var(--err); --link: var(--accent); --link-hover: var(--accent-hover); --shadow-sm: 0 1px 2px rgba(0,0,0,0.08); --shadow: 0 4px 12px rgba(0,0,0,0.1); --shadow-lg: 0 12px 28px rgba(0,0,0,0.12); --shadow-card: 0 2px 8px rgba(0,0,0,0.06); --bg-1: var(--surface); --bg-2: var(--surface-hover); --bg-3: var(--surface-hover); --badge-o: #3b82f6; --badge-b: #10b981; --badge-v: #8b5cf6; /* Высоты контролов */ --field-height: 44px; --field-height-sm: 36px; } /* === Общие токены новой темы === */ html[data-theme^="new"] { --accent-dim: var(--accent-focus); } /* Placeholder и focus — единый словарь для полей новой темы */ html[data-theme^="new"] input::placeholder, html[data-theme^="new"] textarea::placeholder { color: var(--text-muted); opacity: 1; } html[data-theme^="new"] :is( button, [role="button"], a, summary, .btn-primary, .btn-secondary, .btn-icon ):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] :is(input, select, textarea):focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } /* --- Destructive actions (DESIGN.md: --err, not teal) --- */ html[data-theme^="new"] .btn-danger { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-5); font-size: var(--text-sm); font-weight: 600; font-family: inherit; line-height: 1.25; color: #fff; background: var(--err); border: 1px solid var(--err); border-radius: var(--radius-md); cursor: pointer; transition: background 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] .btn-danger:hover:not(:disabled) { filter: brightness(1.08); } html[data-theme^="new"] .btn-danger:disabled { opacity: 0.5; cursor: not-allowed; } html[data-theme^="new"] .btn-danger-outline { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); font-size: var(--text-sm); font-weight: 500; font-family: inherit; line-height: 1.25; color: var(--err); background: transparent; border: 1px solid var(--err); border-radius: var(--radius-md); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] .btn-danger-outline:hover:not(:disabled) { background: var(--err-muted); } html[data-theme^="new"] .btn-danger-outline:disabled { opacity: 0.5; cursor: not-allowed; } /* ======================================================================== 1. Табель прораба / ОМ: Stats Bar (inline values, no cards) ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stat { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; display: flex; flex-direction: row; align-items: baseline; gap: 6px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stat-term { margin: 0; font-size: 0.75rem; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); order: 1; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stat-val { margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); order: 0; } /* ======================================================================== 2. Табель: Pane / Layout (убрать border-top, box-shadow, accent-top) ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__pane { border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; padding: var(--space-2) var(--space-3) var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout { display: flex; flex-direction: row; align-items: stretch; gap: 0; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout > .foreman-ts__aside { flex: 0 0 var(--foreman-ts-aside-width, 200px); width: var(--foreman-ts-aside-width, 200px); max-width: 55%; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout > .foreman-ts__pane { flex: 1 1 0; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split { position: relative; flex: 0 0 var(--foreman-ts-split-col, 6px); width: var(--foreman-ts-split-col, 6px); min-width: var(--foreman-ts-split-col, 6px); margin: 0; padding: 0; border: none; background: transparent; cursor: col-resize; touch-action: none; align-self: stretch; z-index: 2; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split::before { content: ''; position: absolute; top: var(--space-1); bottom: var(--space-1); left: 50%; width: 2px; margin-left: -1px; border-radius: var(--radius-sm); background: var(--border-muted, var(--border)); transition: background 0.15s cubic-bezier(0.16, 1, 0.3, 1); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split:hover::before, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split:focus-visible::before, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split[aria-grabbed='true']::before { background: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split:focus-visible { outline: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split:focus-visible::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-sm); outline: 2px solid var(--accent-focus); outline-offset: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_resizing { cursor: col-resize; user-select: none; } body.foreman-ts-layout-resizing { cursor: col-resize; user-select: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed { --foreman-ts-aside-width: 2.75rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed > .foreman-ts__aside { flex: 0 0 2.75rem; width: 2.75rem; max-width: 2.75rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__layout-split { display: none; } @media (prefers-reduced-motion: reduce) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split::before { transition: none; } } /* ======================================================================== 3. Табель: Toolbar (типографика, отступы) ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar { margin-bottom: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar-row { gap: var(--space-3); font-size: var(--text-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar-row_compact { gap: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) > .foreman-ts__sticky-chrome { position: sticky; top: var(--foreman-ts-sticky-top); z-index: calc(var(--z-sticky, 100) - 1); width: 100%; max-width: 100%; margin-bottom: var(--space-2); padding: var(--space-2) var(--space-3); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); box-sizing: border-box; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) > .foreman-ts__sticky-chrome > .foreman-ts__toolbar-row_top { margin-bottom: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) > .foreman-ts__sticky-chrome > .foreman-ts__toolbar-row_search_mobile { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__toolbar { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-strip { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-2) var(--space-3); width: 100%; min-height: var(--foreman-ts-period-bar-height, 2.75rem); padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; box-sizing: border-box; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-strip-search { flex: 1 1 10rem; min-width: 0; margin: 0 var(--space-1); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-strip-search .foreman-ts__toolbar-search { width: 100%; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-strip-search .foreman-ts__search-bar { width: 100%; min-width: 0; min-height: var(--field-height-sm); height: var(--field-height-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__period-strip-search { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile > .foreman-ts__toolbar { order: 1; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile > .foreman-ts__sticky-chrome { order: 2; display: flex; flex-direction: column; gap: var(--space-2); width: 100%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile > .foreman-ts__layout { order: 3; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__toolbar-row_desktop-only.foreman-ts__toolbar-row_compact { overflow: visible; flex-wrap: nowrap; gap: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar-row_desktop-only .foreman-ts__period-nav { flex-shrink: 0; margin-left: 0; padding-left: var(--space-2); border-left: 1px solid var(--border-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__toolbar-row_desktop-only .foreman-ts__period-nav[aria-busy='true'] { opacity: 0.72; pointer-events: none; } /* Печать табеля Т-13: toolbar + диалог */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-print__actions { display: inline-flex; flex-shrink: 0; align-items: center; gap: var(--space-1); margin-left: var(--space-2); padding-left: var(--space-2); border-left: 1px solid var(--border-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-print__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-1); min-width: var(--field-height-sm); min-height: var(--field-height-sm); padding: 0 var(--space-2); font-size: var(--text-sm); font-weight: 600; letter-spacing: 0.01em; color: var(--text-primary); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-print__icon { flex-shrink: 0; width: 1.125rem; height: 1.125rem; color: var(--text-primary); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .ts-print__btn-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] .ts-print-dialog.dialog-position-create { max-width: min(96vw, 32rem); width: min(96vw, 32rem); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar-row_mobile-bar .ts-print__actions { margin-left: auto; padding-left: 0; border-left: none; } .ts-print-dialog__inner { max-width: 32rem; } .ts-print-dialog__body { display: flex; flex-direction: column; gap: var(--space-4); } .ts-print-dialog__lead { margin: 0; color: var(--text-primary); font-size: var(--text-sm); line-height: 1.45; text-wrap: pretty; } .ts-print-dialog__section { margin: 0; padding: 0; border: 0; min-width: 0; } .ts-print-dialog__section + .ts-print-dialog__section, .ts-print-dialog__section + .ts-print-dialog__period-detail, .ts-print-dialog__period-detail + .ts-print-dialog__section { padding-top: var(--space-3); border-top: 1px solid var(--border-muted); } .ts-print-dialog__scope { margin: 0; padding: var(--space-3) 0 0; border: 0; border-top: 1px solid var(--border-muted); background: transparent; } .ts-print-dialog__status:not(:empty) { margin: 0; color: var(--text-primary); font-size: var(--text-sm); } html[data-theme^="new"] .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] .ts-print-dialog__status.visually-hidden:not(:empty) { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; } .ts-print-dialog__mono { font-family: var(--font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; } .ts-print-dialog__field { margin: 0; padding: 0; border: 0; min-width: 0; } .ts-print-dialog__label { display: block; margin-bottom: var(--space-2); color: var(--text-secondary); font-size: var(--text-sm); font-weight: 500; } .ts-print-dialog__select, .ts-print-dialog__input { display: block; width: 100%; box-sizing: border-box; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text-primary); font-size: var(--text-sm); line-height: 1.4; } .ts-print-dialog__select:focus-visible, .ts-print-dialog__input:focus-visible { outline: 2px solid var(--accent, var(--focus-ring, #0d9488)); outline-offset: 1px; } .ts-print-dialog__period-detail { display: flex; flex-direction: column; gap: var(--space-2); } .ts-print-dialog__hint { margin: 0; color: var(--text-primary); font-size: var(--text-sm); line-height: 1.45; opacity: 0.82; } .ts-print-dialog__employees-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); } .ts-print-dialog__link-btn { min-height: 2.75rem; padding: 0 var(--space-1); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--accent, var(--teal-500, #0d9488)); font-size: var(--text-sm); font-weight: 600; text-decoration: underline; text-underline-offset: 0.15em; cursor: pointer; transition: color 0.15s cubic-bezier(0.22, 1, 0.36, 1), transform 0.12s cubic-bezier(0.22, 1, 0.36, 1); } .ts-print-dialog__link-btn:hover { color: var(--accent-hover, var(--teal-600, #0f766e)); } .ts-print-dialog__link-btn:focus-visible { outline: 2px solid var(--accent, var(--focus-ring, #0d9488)); outline-offset: 2px; } .ts-print-dialog__employees-count { margin-left: auto; color: var(--text-primary); font-size: var(--text-sm); font-variant-numeric: tabular-nums; opacity: 0.82; } .ts-print-dialog__employees-pick { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-2); } .ts-print-dialog__employees { display: flex; flex-direction: column; gap: var(--space-1); max-height: 12rem; overflow: auto; padding: var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); } .ts-print-dialog__employee { display: flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; padding: var(--space-1) 0; font-size: var(--text-sm); line-height: 1.35; cursor: pointer; } .ts-print-dialog__employee input { width: 1.125rem; height: 1.125rem; margin: 0; flex-shrink: 0; accent-color: var(--accent, var(--teal-500, #0d9488)); } .ts-print-dialog__employee-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ts-print-dialog__employee[hidden] { display: none; } .ts-print-dialog__legend { display: block; width: 100%; margin: 0 0 var(--space-2); padding: 0; color: var(--text-primary); font-size: var(--text-sm); font-weight: 600; } .ts-print-dialog__radio { display: flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; margin: 0; font-size: var(--text-sm); line-height: 1.4; cursor: pointer; } .ts-print-dialog__radio input { width: 1.125rem; height: 1.125rem; margin: 0; flex-shrink: 0; } .ts-print-dialog__error { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: color-mix(in oklch, var(--danger, #c53030) 12%, transparent); color: var(--text-primary); font-size: var(--text-sm); } .ts-print-dialog__footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); } /* Motion: диалог печати (product register — 150–250ms, ease-out, reduced-motion) */ html[data-theme^="new"] .ts-print-dialog.dialog-position-create { --ts-print-ease: cubic-bezier(0.22, 1, 0.36, 1); } html[data-theme^="new"] .ts-print-dialog.dialog-position-create[open], html[data-theme^="new"] .ts-print-dialog.dialog-position-create.ts-print-dialog--opening { animation: ts-print-dialog-enter 0.26s var(--ts-print-ease) both; } @keyframes ts-print-dialog-enter { from { opacity: 0; transform: scale(0.98) translateY(0.375rem); } to { opacity: 1; transform: scale(1) translateY(0); } } html[data-theme^="new"] .ts-print-dialog.dialog-position-create::backdrop { background: rgba(0, 0, 0, 0.55); transition: background 0.22s cubic-bezier(0.25, 1, 0.5, 1); } html[data-theme^="new"] .ts-print-dialog.dialog-position-create[open]::backdrop { @starting-style { background: rgba(0, 0, 0, 0); } } .ts-print-dialog__period-detail.ts-print-dialog__panel--in, .ts-print-dialog__employees-pick.ts-print-dialog__panel--in { animation: ts-print-panel-in 0.22s var(--ts-print-ease, cubic-bezier(0.22, 1, 0.36, 1)) both; } .ts-print-dialog__scope.ts-print-dialog__panel--in { animation: ts-print-panel-in 0.2s var(--ts-print-ease, cubic-bezier(0.22, 1, 0.36, 1)) both; } @keyframes ts-print-panel-in { from { opacity: 0; transform: translateY(-0.25rem); } to { opacity: 1; transform: translateY(0); } } .ts-print-dialog__employees:not(:empty) .ts-print-dialog__employee { animation: ts-print-employee-in 0.2s var(--ts-print-ease, cubic-bezier(0.22, 1, 0.36, 1)) both; animation-delay: calc(var(--ts-print-i, 0) * 28ms); } @keyframes ts-print-employee-in { from { opacity: 0; transform: translateX(-0.25rem); } to { opacity: 1; transform: translateX(0); } } .ts-print-dialog__hint--in { animation: ts-print-hint-in 0.22s var(--ts-print-ease, cubic-bezier(0.22, 1, 0.36, 1)) both; } .ts-print-dialog__error--in { animation: ts-print-error-in 0.24s var(--ts-print-ease, cubic-bezier(0.22, 1, 0.36, 1)) both; } @keyframes ts-print-hint-in { from { opacity: 0; transform: translateY(-0.125rem); } to { opacity: 1; transform: translateY(0); } } @keyframes ts-print-error-in { from { opacity: 0; transform: translateY(0.125rem); } 15%, 45% { transform: translateX(-0.125rem); } 30%, 60% { transform: translateX(0.125rem); } to { opacity: 1; transform: translateX(0); } } .ts-print-dialog__inner[aria-busy="true"] .ts-print-dialog__status:not(:empty) { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: color-mix(in oklch, var(--accent, #14b8a6) 10%, transparent); } .ts-print-dialog__inner[aria-busy="true"] .ts-print-dialog__status:not(:empty)::before { content: ""; flex-shrink: 0; width: 0.875rem; height: 0.875rem; border: 2px solid color-mix(in oklch, var(--accent, #14b8a6) 35%, transparent); border-top-color: var(--accent, #14b8a6); border-radius: 50%; animation: ts-print-spin 0.65s linear infinite; } @keyframes ts-print-spin { to { transform: rotate(360deg); } } .ts-print-dialog__link-btn:active { transform: scale(0.97); } .ts-print-dialog__radio_disabled { opacity: 0.55; cursor: not-allowed; } .ts-print-dialog__employees--many .ts-print-dialog__employee { animation: none; } .ts-print-dialog__footer [data-ts-print-action]:disabled, .ts-print-dialog__footer [data-ts-print-close]:disabled { opacity: 0.72; cursor: wait; } .ts-print-dialog__employees-count:not(:empty) { transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .ts-print-dialog.dialog-position-create[open], html[data-theme^="new"] .ts-print-dialog.dialog-position-create.ts-print-dialog--opening, .ts-print-dialog__period-detail.ts-print-dialog__panel--in, .ts-print-dialog__employees-pick.ts-print-dialog__panel--in, .ts-print-dialog__scope.ts-print-dialog__panel--in, .ts-print-dialog__employees .ts-print-dialog__employee, .ts-print-dialog__hint--in, .ts-print-dialog__error--in { animation: none; transform: none; } html[data-theme^="new"] .ts-print-dialog.dialog-position-create::backdrop { transition: none; } .ts-print-dialog__inner[aria-busy="true"] .ts-print-dialog__status:not(:empty)::before { animation: none; border-top-color: color-mix(in oklch, var(--accent, #14b8a6) 35%, transparent); } .ts-print-dialog__link-btn:active { transform: none; } } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) [data-foreman-search-match], :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) [data-om-ts-search-match], :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__group { scroll-margin-top: calc(var(--foreman-ts-sticky-top) + var(--foreman-ts-sticky-chrome-height, 3.5rem)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__brigade-block[id^="foreman-ts-brigade-"] { scroll-margin-top: calc(var(--foreman-ts-sticky-top) + var(--foreman-ts-sticky-chrome-height, 3.5rem)); } /* Табель прораба: шапка секции + grid-stack неделя/месяц */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-head-text { flex: 1 1 12rem; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__group-view { flex: 0 0 auto; opacity: 0; pointer-events: none; transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__group-head:hover .foreman-ts__group-view, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__group-head:focus-within .foreman-ts__group-view { opacity: 1; pointer-events: auto; } /* На mobile месяц недоступен — переключатель в шапке секции не рендерится; правило на случай кэша DOM. */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__group-view { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile:not(.foreman-ts--day-mode) .foreman-ts__group-head { margin-bottom: var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile:not(.foreman-ts--day-mode) .foreman-ts__group-title { font-size: var(--text-sm); line-height: 1.35; text-wrap: pretty; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented_compact .foreman-ts__segment_compact { min-height: 2rem; padding: var(--space-1) var(--space-2); font-size: 0.75rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__grid-stack { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__grid-week, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__grid-month { grid-area: 1 / 1; min-width: 0; } /* Скрытый слой не участвует в высоте ячейки (opacity оставляет «дыру» под месячную сетку). */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts_view-month) .foreman-ts__grid-month { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts.foreman-ts_view-month .foreman-ts__grid-week { display: none; } @media (prefers-reduced-motion: reduce) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-view { transition: none; } } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-seg { min-width: 0; padding: var(--space-1) var(--space-2); font-size: 0.75rem; font-weight: 500; line-height: 1; letter-spacing: 0.01em; text-transform: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-label { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented.foreman-ts__segmented { border-color: var(--border-light); background: var(--bg-muted, var(--surface)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented .foreman-ts__segment { min-height: calc(var(--field-height-sm) - 4px); font-size: var(--text-sm); font-weight: 500; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented .foreman-ts__segment_active { background: color-mix(in srgb, var(--accent) 14%, var(--bg-elevated)); box-shadow: none; color: var(--accent); font-weight: 600; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented .foreman-ts__segment:disabled, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__view-segmented .foreman-ts__segment[aria-disabled='true'] { opacity: 0.4; color: var(--text-muted); } /* Смена неделя ↔ месяц: стабильный chrome, плавная подмена сетки (View Transitions API). */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) > .foreman-ts__sticky-chrome { view-transition-name: foreman-ts-sticky-chrome; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__aside { view-transition-name: foreman-ts-aside; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__main { position: relative; view-transition-name: foreman-ts-main; contain: layout style; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_swap-busy .foreman-ts__main { pointer-events: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_swap-busy .foreman-ts__main::after { content: ''; position: absolute; inset: 0; background: color-mix(in srgb, var(--bg) 55%, transparent); pointer-events: none; } @supports (view-transition-name: none) { @media (prefers-reduced-motion: no-preference) { ::view-transition-old(foreman-ts-main), ::view-transition-new(foreman-ts-main) { animation-duration: 0.2s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); } ::view-transition-old(foreman-ts-main) { animation-name: foreman-ts-main-fade-out; } ::view-transition-new(foreman-ts-main) { animation-name: foreman-ts-main-fade-in; } ::view-transition-old(foreman-ts-sticky-chrome), ::view-transition-new(foreman-ts-sticky-chrome), ::view-transition-old(foreman-ts-aside), ::view-transition-new(foreman-ts-aside) { animation: none; } } } @keyframes foreman-ts-main-fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes foreman-ts-main-fade-in { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; } } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-range { font-family: var(--font-mono); font-size: 0.8125rem; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__search-bar.docflow-panel__search-bar { min-height: var(--field-height); height: var(--field-height); border-radius: var(--radius-md); background: var(--surface); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__search-nav-btn { border-radius: var(--radius-md); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-btn { font-size: 0.8125rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-btn { min-width: var(--field-height-sm); min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-1); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-date { display: inline-flex; align-items: center; min-height: var(--field-height-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-btn_today { font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--accent); background: var(--accent-bg); border-radius: var(--radius-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-btn_today:hover { background: var(--accent-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-date { font-size: 0.8125rem; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--text); } /* ======================================================================== 4. Табель: Sidebar (без border, без bg, 200px) ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside { width: auto; min-width: 0; max-width: none; border: none; border-radius: 0; padding: var(--space-2) 0 0 0; background: transparent; box-shadow: none; display: flex; flex-direction: column; align-items: stretch; min-height: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside { padding: var(--space-2) 0 0 0; position: sticky; top: var(--foreman-ts-sticky-top); max-height: calc(100vh - var(--foreman-ts-sticky-top) - var(--foreman-ts-sticky-gap)); max-height: calc(100dvh - var(--foreman-ts-sticky-top) - var(--foreman-ts-sticky-gap)); box-sizing: border-box; overflow: hidden; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__aside, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__aside { top: var(--foreman-ts-sticky-aside-top); max-height: calc(100vh - var(--foreman-ts-sticky-aside-top) - var(--foreman-ts-sticky-gap)); max-height: calc(100dvh - var(--foreman-ts-sticky-aside-top) - var(--foreman-ts-sticky-gap)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside-body, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside-body { flex: 1 1 auto; min-height: 0; min-width: 0; max-height: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; contain: layout style; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-head { flex-shrink: 0; padding: 0 0 var(--space-1); border-bottom: none; margin-bottom: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-title { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); } /* Тоггл: чистая иконка без фона/границ, появляется на ховере сайдбара */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside-toggle, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside-toggle { flex-shrink: 0; width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; padding: 0; margin: 0 0 0 auto; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); font-size: 1rem; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.12s, color 0.12s; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside-toggle:hover, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside-toggle:hover, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside-toggle:focus-visible, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside-toggle:focus-visible { background: var(--surface); color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside-toggle-icon, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside-toggle-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 1; } /* Коллапс: сайдбар в 2.75rem */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside { min-width: 2.75rem; max-width: 2.75rem; width: 2.75rem; padding: var(--space-2) 0; display: flex; flex-direction: column; align-items: center; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-head { flex-direction: column; align-items: center; gap: 0; margin-bottom: 0; width: 100%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-title { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-body { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-segmented, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-panels { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-toggle, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-toggle { margin: 0; width: 2rem; height: 2rem; min-width: 2rem; min-height: 2rem; font-size: 1.125rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-toggle:hover, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__layout_nodes-collapsed .foreman-ts__aside-toggle:hover { background: var(--surface); color: var(--text-head); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree.docflow-tree-root { margin: 0; padding: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .foreman-ts__tree-branch { cursor: default; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .foreman-ts__tree-leaf { list-style: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .docflow-tree-expand:not(.docflow-tree-expand--spacer) { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; flex-shrink: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .docflow-tree-expand:not(.docflow-tree-expand--spacer)::before { width: 0; height: 0; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .docflow-tree-expand--expanded:not(.docflow-tree-expand--spacer)::before { border-left-width: 5px; border-right-width: 5px; border-top-width: 6px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__tree-orphans { border-top: 1px solid var(--border); padding: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__tree-orphans-title { margin: 0 0 var(--space-2); font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__tree-orphans-list { list-style: none; margin: 0; padding: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-grid-filter-hint { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); margin: 0; padding: var(--space-2); font-size: var(--text-xs); color: var(--text-muted); background: color-mix(in srgb, var(--accent) 8%, transparent); border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-grid-filter-hint-reset { border: 0; background: transparent; color: var(--accent); cursor: pointer; padding: 0; font: inherit; text-decoration: underline; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-grid-filter-hint-reset:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__segment_grid-filtered { position: relative; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__segment-filter-dot { display: inline-block; width: 6px; height: 6px; margin-left: 4px; border-radius: 50%; background: var(--accent); vertical-align: middle; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-head_oversight { display: flex; flex-direction: row; align-items: center; gap: var(--space-2); justify-content: space-between; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-head_oversight .foreman-ts__aside-segmented { flex: 1 1 auto; min-width: 0; width: 100%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-segmented.foreman-ts__view-segmented .foreman-ts__segment { flex: 1 1 0; justify-content: center; border-radius: calc(var(--radius-md) - 2px); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-segmented.foreman-ts__view-segmented .foreman-ts__segment:first-child, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-segmented.foreman-ts__view-segmented .foreman-ts__segment:last-child { border-radius: calc(var(--radius-md) - 2px); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-panels { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; min-width: 0; overflow: hidden; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-panel { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; min-width: 0; overflow: hidden; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-panel[hidden] { display: none !important; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-foremen { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-foremen-search-label { font-size: var(--text-xs); color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__aside-foremen-search { width: 100%; box-sizing: border-box; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav { list-style: none; margin: 0; padding: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-item { border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-btn { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; padding: var(--space-2); margin: 0; border: 0; background: transparent; text-align: left; cursor: pointer; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-item_active .foreman-ts__foreman-nav-btn { background: var(--surface); color: var(--text-head); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-btn:focus-visible, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-reset:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-item_muted .foreman-ts__foreman-nav-btn { color: var(--text-muted); cursor: default; opacity: 0.65; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-sub { font-size: var(--text-xs); color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__foreman-nav-reset { border: 0; background: transparent; color: var(--accent); cursor: pointer; padding: 0; font: inherit; text-decoration: underline; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet-head .foreman-ts__aside-segmented { margin-bottom: var(--space-2); width: 100%; } /* Список узлов в сайдбаре */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-item { padding: 0; border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-card { display: flex; flex-direction: row; align-items: center; gap: var(--space-2); width: 100%; padding: var(--space-1) var(--space-2); margin: 0; border-radius: 0; background: transparent; box-sizing: border-box; transition: background 0.1s; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-card:hover, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-card:focus-within { background: var(--surface); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-btn { flex-direction: row; align-items: center; gap: var(--space-2); width: 100%; margin: 0; padding: 0; border: none; background: transparent; font: inherit; font-size: var(--text-sm); line-height: 1.35; color: var(--text); text-align: left; border-radius: 0; box-sizing: border-box; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-btn:focus-visible, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-details:focus-visible, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sidebar-tree .docflow-tree-expand:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-btn-main { display: flex; flex-direction: row; align-items: center; gap: var(--space-2); flex: 1; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-badge { display: inline-block; flex-shrink: 0; font-size: 0.5625rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); background: var(--surface); padding: 1px 5px; border-radius: var(--radius-sm); line-height: 1.3; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-path { font-size: 0.8125rem; font-weight: 500; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex-shrink: 1; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-detail { font-size: 0.6875rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-details { flex-shrink: 0; font-size: 0.6875rem; font-weight: 500; color: var(--link); text-decoration: none; margin: 0; padding: 2px 6px; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: background 0.1s; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-details:hover { background: var(--surface); color: var(--link-hover); } /* Узел скрыт фильтром main, но виден в сайдбаре для навигации */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-item_filtered .foreman-ts__node-path { color: var(--text-muted); } /* Активный узел в сайдбаре */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-item_active { position: relative; background: var(--accent-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-item_active::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__node-item_active .foreman-ts__node-path { color: var(--accent); } /* В OM-табеле все узлы — площадки, бейдж избыточен */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__node-list .foreman-ts__node-badge { display: none; } /* ======================================================================== 5. Табель: Tables ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table-scroll { border: 1px solid var(--border); border-radius: var(--radius-md); overflow-x: auto; } html[data-theme="new-light"] .foreman-ts__table-scroll { background: var(--bg-elevated); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th { padding: var(--space-2) var(--space-2) var(--space-3); font-size: 0.5625rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); background: var(--surface); border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table tbody td { padding: var(--space-2); vertical-align: middle; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table tbody tr { border-bottom: 1px solid var(--border-light); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table tbody tr:last-child { border-bottom: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table td.foreman-ts__td-total, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table .foreman-ts__td-name { font-size: var(--text-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__name-stack { gap: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__name-fio { font-weight: 600; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__name-position { font-size: var(--text-xs); font-weight: 400; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table .foreman-ts__td-total { font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; padding-right: var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table tbody .foreman-ts__brigade-head td { font-weight: 600; color: var(--text); background: transparent; border-bottom: 1px solid var(--border); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table tbody tr.foreman-ts__tr-brigade-sum td { background: var(--surface); border-top: 1px solid var(--border); font-weight: 600; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table_month .foreman-ts__th-day-btn { padding: 0; border: none; background: transparent; font-size: inherit; font-weight: inherit; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_off .foreman-ts__th-day-btn, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_off .foreman-ts__th-day-btn:hover { background: transparent; border-color: transparent; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_today .foreman-ts__th-day-btn, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_today .foreman-ts__th-day-btn:hover { background: transparent; border-color: transparent; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_short .foreman-ts__th-day-btn, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_short .foreman-ts__th-day-btn:hover { background: transparent; border-color: transparent; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table_month .foreman-ts__th-date { display: block; font-size: 0.6875rem; font-weight: 600; color: var(--text); line-height: 1.2; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table_month .foreman-ts__th-dow { font-size: 0.625rem; font-weight: 600; color: var(--text-muted); letter-spacing: 0.02em; } /* Выходные/праздники — красный текст */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_off .foreman-ts__th-dow, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_off .foreman-ts__th-date, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_off .foreman-ts__th-day-btn { color: var(--err); } /* И фон — видимый красный оттенок, а не прозрачный err-muted */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__table thead th.foreman-ts__day-col_off, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__table thead th.foreman-ts__day-col_off { background-color: color-mix(in srgb, var(--err) 18%, var(--surface-elevated)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__table tbody td.foreman-ts__td-day.foreman-ts__day-col_off, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__table tbody td.foreman-ts__td-day.foreman-ts__day-col_off { background-color: color-mix(in srgb, var(--err) 10%, transparent); } /* Сегодня — accent */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_today .foreman-ts__th-dow, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_today .foreman-ts__th-date, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table thead th.foreman-ts__day-col_today .foreman-ts__th-day-btn { color: var(--accent); } /* ======================================================================== 6. Табель: Group Head ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-title { margin: 0 0 var(--space-1); line-height: 1.4; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-title .foreman-ts__group-title-path { font-size: 0.6875rem; font-weight: 400; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-title .foreman-ts__group-title-current { font-size: 0.8125rem; font-weight: 600; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group-head { margin-bottom: var(--space-1); } /* Карточка описания (предмет договора/спецификации) под крошками */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__brigade-head { background: var(--surface-elevated); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); margin-bottom: var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__brigade-subject { margin: 0; font-size: 0.875rem; line-height: 1.5; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__brigade-subject_muted { color: var(--text-muted); } /* ======================================================================== 7. Табель: Brigade spacing ======================================================================== */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__group { margin-bottom: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__brigade-block { margin-top: 0; margin-bottom: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__brigade-block + .foreman-ts__brigade-block { margin-top: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__empty-hint { margin: 0 0 var(--space-3); font-size: var(--text-sm); line-height: 1.5; max-width: 42ch; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__filter-check { display: inline-flex; align-items: center; gap: var(--space-2); flex: 0 0 auto; margin: 0; font-size: var(--text-sm); color: var(--text); white-space: nowrap; cursor: pointer; user-select: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__filter-check-input { width: 1rem; height: 1rem; margin: 0; flex-shrink: 0; accent-color: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts:not(.foreman-ts--mobile) .foreman-ts__period-strip .foreman-ts__filter-check { flex-shrink: 0; max-width: min(100%, 22rem); } @media (prefers-reduced-motion: reduce) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__popover { animation: none; } } /* ======================================================================== 7.b Табель прораба / ОМ: Module Panel Pattern (h2 + .card), как аналитика ======================================================================== */ html[data-theme^="new"] #panel-foreman-timesheet > .card, html[data-theme^="new"] #panel-object-manager-timesheet > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); overflow: visible; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .panel-body_foreman-ts, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .panel-body_foreman-ts { padding: var(--space-4); overflow: visible; } @media (max-width: 900px) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout { flex-direction: column; gap: var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout > .foreman-ts__aside { flex: 0 1 auto; width: 100%; max-width: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout > .foreman-ts__pane { flex: 1 1 auto; width: 100%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout-split { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__aside, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__aside { position: relative; top: auto; width: 100%; min-width: 0; max-width: none; max-height: min(40vh, 20rem); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__layout_nodes-collapsed .foreman-ts__aside { width: 2.75rem; min-width: 2.75rem; max-width: 2.75rem; max-height: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar-row_compact { flex-wrap: wrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table thead th.foreman-ts__th-name, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table thead th.foreman-ts__th-name, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table tbody td.foreman-ts__td-name, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table tbody td.foreman-ts__td-name { position: sticky; left: 0; z-index: 1; background: var(--surface-elevated); box-shadow: var(--foreman-ts-sticky-col-shadow); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-foreman-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table thead th.foreman-ts__th-name, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) #panel-object-manager-timesheet .foreman-ts__table-scroll:not(.foreman-ts__table-scroll_month) .foreman-ts__table thead th.foreman-ts__th-name { z-index: 2; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table-scroll_month .foreman-ts__table_month thead th.foreman-ts__th-name, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table-scroll_month .foreman-ts__table_month tbody td.foreman-ts__td-name { box-shadow: var(--foreman-ts-sticky-col-shadow); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table-scroll_month .foreman-ts__table_month thead th.foreman-ts__th-total:last-child, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table-scroll_month .foreman-ts__table_month tbody td.foreman-ts__td-total:last-child { box-shadow: var(--foreman-ts-sticky-col-shadow-end); } } @media (max-width: 768px) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-btn { min-width: var(--field-height); min-height: var(--field-height); height: var(--field-height); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__period-date { min-height: var(--field-height); padding: var(--space-1) var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__search-nav-btn { width: var(--field-height); min-width: var(--field-height); height: var(--field-height); } } /* Мобильный shell табеля (фаза 1A): chip договора, sheet, sticky toolbar, сводка */ /* На legacy global theme — локальные new-токены внутри панелей табеля (все ширины) */ #panel-foreman-timesheet[data-timesheet-theme="new-dark"] .foreman-ts, #panel-object-manager-timesheet[data-timesheet-theme="new-dark"] .foreman-ts { --bg: #0f1215; --bg-elevated: #14181c; --surface: rgba(255, 255, 255, 0.03); --surface-elevated: #1e2430; --surface-hover: rgba(255, 255, 255, 0.06); --border: rgba(255, 255, 255, 0.06); --border-muted: #1f252e; --border-light: rgba(255, 255, 255, 0.04); --text: #d6dbe3; --text-head: #ecf0f5; --text-muted: #8b92a2; --text-subtle: #727983; --accent: #14b8a6; --accent-hover: #0d9488; --accent-muted: rgba(20, 184, 166, 0.15); --accent-focus: rgba(20, 184, 166, 0.35); --success: #22c55e; --success-muted: rgba(34, 197, 94, 0.12); --warn: #f59e0b; --warn-muted: rgba(234, 179, 8, 0.12); --err: #ef4444; --err-muted: rgba(239, 68, 68, 0.12); --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25); --shadow: 0 4px 12px rgba(0, 0, 0, 0.35); --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.4); --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.28); --field-height: 44px; --field-height-sm: 36px; color: var(--text); } #panel-foreman-timesheet[data-timesheet-theme="new-light"] .foreman-ts, #panel-object-manager-timesheet[data-timesheet-theme="new-light"] .foreman-ts { --bg: #f0f1f3; --bg-elevated: #ffffff; --surface: rgba(0, 0, 0, 0.03); --surface-elevated: #ffffff; --surface-hover: rgba(0, 0, 0, 0.06); --border: rgba(0, 0, 0, 0.07); --border-muted: rgba(0, 0, 0, 0.05); --border-light: rgba(0, 0, 0, 0.04); --text: #1a1c23; --text-head: #111215; --text-muted: #5c6370; --text-subtle: #6b7280; --accent: #14b8a6; --accent-hover: #0d9488; --accent-muted: rgba(20, 184, 166, 0.08); --accent-focus: rgba(20, 184, 166, 0.25); --success: #16a34a; --success-muted: rgba(22, 163, 74, 0.1); --warn: #d97706; --warn-muted: rgba(217, 119, 6, 0.1); --err: #dc2626; --err-muted: rgba(220, 38, 38, 0.1); --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08); --shadow: 0 4px 12px rgba(0, 0, 0, 0.1); --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.12); --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06); --field-height: 44px; --field-height-sm: 36px; color: var(--text); } @media (max-width: 900px) { #panel-foreman-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__pane, #panel-object-manager-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__pane { border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; padding: var(--space-2) var(--space-3) var(--space-3); } #panel-foreman-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__period-btn_today, #panel-object-manager-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__period-btn_today { color: var(--accent); background: var(--accent-muted); } #panel-foreman-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__period-btn_today:hover, #panel-object-manager-timesheet[data-timesheet-theme^="new"] .foreman-ts--mobile .foreman-ts__period-btn_today:hover { background: color-mix(in srgb, var(--accent-muted) 80%, var(--accent-focus)); } } @media (min-width: 901px) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-details > summary { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-details { border: none; } } @media (max-width: 900px) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__aside { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar { position: sticky; top: 0; z-index: 5; padding-bottom: var(--space-2); margin-bottom: var(--space-1); background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--border-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract { display: inline-flex; align-items: center; gap: var(--space-2); max-width: min(9rem, 34vw); min-height: 2.75rem; min-width: 0; padding: var(--space-1) var(--space-2); margin: 0; border: 1px solid var(--border-muted); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); font-size: var(--text-sm); font-weight: 600; text-align: left; cursor: pointer; flex: 0 1 auto; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract-text { display: flex; flex-direction: column; min-width: 0; gap: 0.125rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract-sub { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-contract-chevron { flex-shrink: 0; color: var(--text-muted); font-size: var(--text-xs); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-details { margin: 0 0 var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-md); background: var(--surface-elevated); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__stats-details > summary { display: flex; align-items: center; min-height: 2.75rem; padding: var(--space-2) var(--space-3); cursor: pointer; list-style: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__stats-details > summary::-webkit-details-marker { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-summary-line { display: flex; align-items: baseline; gap: var(--space-1); min-width: 0; font-size: var(--text-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-summary-val { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__stats-summary-meta { color: var(--text-muted); font-weight: 500; white-space: nowrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__stats-details:not([open]) .foreman-ts__stats { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__stats-details[open] .foreman-ts__stats { padding: 0 var(--space-3) var(--space-3); border-top: 1px solid var(--border-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet { width: 100%; max-width: 100%; max-height: min(85vh, 36rem); margin: auto 0 0; padding: 0; border: none; border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: var(--bg-elevated); box-shadow: var(--shadow-lg); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet::backdrop { background: color-mix(in srgb, var(--text) 35%, transparent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet-panel { display: flex; flex-direction: column; max-height: min(85vh, 36rem); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-muted); flex-shrink: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet-title { margin: 0; font-size: var(--text-base); font-weight: 600; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet-body { overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom, 0px)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__period-prefix { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar-row_top { gap: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__toolbar-row_mobile-bar { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar-row_mobile-bar { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-1); min-height: 2.75rem; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar-row_desktop-only { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__toolbar-row_search_mobile { display: flex; width: 100%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__mobile-day-nav { display: flex; flex: 1 1 0; align-items: center; justify-content: center; gap: var(--space-1); min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__mobile-day-label { flex: 1 1 0; min-width: 0; max-width: none; padding: var(--space-1) var(--space-2); margin: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text); font-size: var(--text-sm); font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__mobile-day-nav .foreman-ts__period-btn_today { flex-shrink: 0; padding-inline: var(--space-2); font-size: var(--text-xs); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile .foreman-ts__mobile-day-nav .foreman-ts__period-btn:not(.foreman-ts__period-btn_today) { flex-shrink: 0; width: 2.25rem; min-width: 2.25rem; padding-inline: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__group-title, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__group-head, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__brigade-head, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__brigade-toolbar, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__period-range { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-section-label { margin: var(--space-2) 0 var(--space-1); padding: 0 var(--space-1); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-row { display: flex; align-items: center; gap: var(--space-2); width: 100%; min-height: 3rem; padding: var(--space-2) var(--space-3); border: 1px solid var(--border-muted); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-row-item_readonly .foreman-ts__day-row { opacity: 0.72; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-row-name { flex: 1 1 38%; min-width: 0; max-width: 42%; font-weight: 600; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-1); padding: 0 var(--space-3); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-spacer { flex: 1 1 38%; min-width: 0; max-width: 42%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; flex: 1 1 52%; min-width: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip_head { flex: 1 1 52%; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; text-align: center; line-height: 1.1; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-btn { margin: 0; padding: 2px 0; border: 0; background: transparent; font: inherit; border-radius: var(--radius-sm); min-height: 2.75rem; transition: background 0.12s ease; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-btn_clickable { cursor: pointer; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-btn_clickable:hover { background: var(--surface-hover); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-dow { font-size: 0.65rem; font-weight: 600; text-transform: lowercase; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-date { font-size: var(--text-xs); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-cell_focus .foreman-ts__day-strip-head-date { color: var(--text-head); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-cell_today .foreman-ts__day-strip-head-dow, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-head-cell_today .foreman-ts__day-strip-head-date { color: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--mobile.foreman-ts--day-mode .foreman-ts__anviz-legend-wrap { display: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 2px; border: 1px solid transparent; border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.1; cursor: default; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell_editable { cursor: pointer; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell_editable:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 1px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell_focus { border-color: var(--accent); box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--accent) 35%, transparent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell_today:not(.foreman-ts__day-strip-cell_focus) { border-color: color-mix(in oklch, var(--accent) 45%, transparent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell-label { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell-label_empty { color: var(--text-muted); font-weight: 500; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell .foreman-ts__cell-badge { min-width: 0; max-width: 100%; padding: 0.1rem 0.2rem; font-size: inherit; line-height: 1.1; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-row-value_empty { color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-empty { margin: var(--space-4) 0; text-align: center; color: var(--text-muted); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor { width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0; padding: 0; border: none; background: var(--bg-elevated); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor::backdrop { background: color-mix(in srgb, var(--text) 45%, transparent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor-panel { display: flex; flex-direction: column; min-height: 100%; max-height: 100dvh; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); padding-top: calc(var(--space-3) + env(safe-area-inset-top, 0px)); border-bottom: 1px solid var(--border-muted); flex-shrink: 0; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor-title { margin: 0; font-size: var(--text-base); font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-editor-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: var(--space-4); padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0px)); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__popover-inner_sheet .foreman-ts__popover-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: var(--space-2); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__popover-inner_sheet .foreman-ts__popover-btn { min-height: 2.75rem; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-cell_has-anviz { position: relative; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-strip-anviz-dot { position: absolute; top: 3px; right: 3px; width: 5px; height: 5px; border-radius: 50%; background: var(--success, #22c55e); box-shadow: 0 0 0 1px color-mix(in srgb, var(--bg) 70%, transparent); pointer-events: none; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-mode.foreman-ts__day-mode_pending { position: relative; pointer-events: none; opacity: 0.55; transition: opacity 0.15s ease; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__day-mode.foreman-ts__day-mode_pending::after { content: ''; position: absolute; inset: 0; z-index: 1; background: color-mix(in srgb, var(--bg) 35%, transparent); border-radius: var(--radius-sm); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts--day-pending .foreman-ts__mobile-day-nav { opacity: 0.72; } .foreman-ts__popover-backdrop { position: fixed; inset: 0; z-index: 1200; background: color-mix(in srgb, var(--text, #111) 42%, transparent); } .foreman-ts__popover_bottom-sheet { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; max-width: 100% !important; max-height: min(85dvh, 28rem); margin: 0; border-radius: var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0; z-index: 1201; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: calc(var(--space-3, 12px) + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -10px 40px color-mix(in srgb, var(--text, #111) 18%, transparent); } .foreman-ts__popover_bottom-sheet .foreman-ts__popover-inner_sheet { padding: var(--space-4); } } @media (prefers-reduced-motion: reduce) { :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__mobile-sheet { transition: none; } } /* ======================================================================== 8. Табель: Anviz markers (уголки биометрии, Gantt) — теульная палитра ======================================================================== */ /* Gantt-сегмент: gradient success→accent (вместо жёсткого синего #3b82f6) */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-mini__segment { background: linear-gradient( 90deg, color-mix(in srgb, var(--success, #22c55e) 75%, var(--accent)) 0%, color-mix(in srgb, var(--accent) 80%, var(--warn, #ed6c02)) 100% ); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent) inset; } /* Track: совпадает с границей */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-mini__track { background: color-mix(in srgb, var(--border) 60%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 35%, transparent); } /* Легенда — тот же gradient */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__anviz-legend-bar-seg { background: linear-gradient( 90deg, color-mix(in srgb, var(--success, #22c55e) 75%, var(--accent)), color-mix(in srgb, var(--accent) 80%, var(--warn, #ed6c02)) ); } /* Время уголков: тень адаптивная (на светлой теме — тёмная, на тёмной — светлая) */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-corner__time { text-shadow: 0 0 3px color-mix(in srgb, var(--bg) 90%, transparent), 0 0 6px color-mix(in srgb, var(--bg) 90%, transparent); } /* Уголок входа: цвет через accent вместо грязного миксования с синим */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-corner--in .ts-anviz-corner__time { color: color-mix(in srgb, var(--success, #22c55e) 82%, var(--text)); } /* Уголок выхода: */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-corner--out .ts-anviz-corner__time { color: color-mix(in srgb, var(--warn, #ed6c02) 88%, var(--text)); } /* Маркеры Gantt — extra glow для читаемости */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-mini__marker { border-color: color-mix(in srgb, var(--bg) 60%, transparent); box-shadow: 0 0 2px color-mix(in srgb, var(--bg) 50%, transparent); } /* На месячном виде — только уголки (треугольники), без времени и Gantt */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table_month .ts-anviz-corner__time, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__table_month .ts-anviz-mini { display: none; } /* === 9. Позиционирование уголков и Gantt — не пересекаются === */ :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-corner--in { bottom: 2px; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .ts-anviz-mini { left: auto; right: 3px; width: 40%; bottom: 3px; } /* ======================================================================== 10. Сотрудники — cold slate integration ======================================================================== */ /* --- Stats bar: inline-flex, no cards (как в табеле) --- */ html[data-theme^="new"] .employees-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 24px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid-template-columns: none; } html[data-theme^="new"] .employees-registry__stat { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; display: flex; flex-direction: row; align-items: baseline; gap: 6px; } html[data-theme^="new"] .employees-registry__stat-term { margin: 0; font-size: 0.75rem; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); order: 1; } html[data-theme^="new"] .employees-registry__stat-val { margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); order: 0; } /* --- Pane: без accent-полоски, чистый surface --- */ html[data-theme^="new"] .employees-registry__pane { border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; padding: var(--space-3); } html[data-theme^="new"] .employees-registry__pane-title { font-size: var(--text-sm); } /* --- Toolbar: компактнее, единая высота кнопок --- */ html[data-theme^="new"] .employees-registry__toolbar-row { gap: var(--space-2); align-items: center; } html[data-theme^="new"] .employees-registry__icon-btn, html[data-theme^="new"] .employees-registry__refresh-btn, html[data-theme^="new"] .employees-registry__export-btn, html[data-theme^="new"] .employees-registry__bulk-remote-btn, html[data-theme^="new"] .employees-registry__bulk-delete-btn { height: var(--er-control-height, 44px); min-height: var(--er-control-height, 44px); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--er-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .employees-registry__icon-btn { width: var(--er-control-height, 44px); min-width: var(--er-control-height, 44px); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] .employees-registry__refresh-btn, html[data-theme^="new"] .employees-registry__export-btn, html[data-theme^="new"] .employees-registry__bulk-remote-btn, html[data-theme^="new"] .employees-registry__bulk-delete-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] .employees-registry__icon-btn:hover, html[data-theme^="new"] .employees-registry__refresh-btn:hover, html[data-theme^="new"] .employees-registry__export-btn:hover, html[data-theme^="new"] .employees-registry__bulk-remote-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .employees-registry__bulk-delete-btn { color: var(--err); border-color: color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] .employees-registry__bulk-delete-btn:hover { border-color: var(--err); background: var(--err-muted); color: var(--err); } html[data-theme^="new"] .employees-registry__icon-btn:focus-visible, html[data-theme^="new"] .employees-registry__refresh-btn:focus-visible, html[data-theme^="new"] .employees-registry__export-btn:focus-visible, html[data-theme^="new"] .employees-registry__bulk-remote-btn:focus-visible, html[data-theme^="new"] .employees-registry__bulk-delete-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } /* Stat «Незадействованный персонал» — кликабельный */ html[data-theme^="new"] .employees-registry__stat_toggle-fired { cursor: pointer; transition: opacity 0.15s ease; } html[data-theme^="new"] .employees-registry__stat_toggle-fired:hover { opacity: 0.75; } /* --- Table: uppercase thead, muted, clean rows --- */ html[data-theme^="new"] .employees-registry__table thead th { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); background: var(--bg-elevated); } html[data-theme^="new"] .employees-registry__table thead th.employees-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] .employees-registry__th-chip { position: relative; background: transparent; border-color: var(--border-muted); min-height: 36px; } html[data-theme^="new"] .employees-registry__th-chip .employees-registry__th, html[data-theme^="new"] .employees-registry__th-chip .employees-registry__head-static, html[data-theme^="new"] .employees-registry__th-chip .employees-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .employees-registry__th-chip .employees-registry__th, html[data-theme^="new"] .employees-registry__th-chip .employees-registry__head-static { width: 100%; } html[data-theme^="new"] .employees-registry__th { background: transparent; border: none; min-height: 36px; } html[data-theme^="new"] .employees-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .employees-registry__th:hover .employees-registry__th-label { color: var(--accent); } html[data-theme^="new"] .employees-registry__th-sort { font-size: 0.625rem; } html[data-theme^="new"] .employees-registry__head-static { background: transparent; border: none; min-height: 36px; font-size: var(--text-xs); } html[data-theme^="new"] .employees-registry__th-filter { top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; } html[data-theme^="new"] .employees-registry__th-filter:hover { background: transparent; } html[data-theme^="new"] .employees-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] .employees-registry__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] .employees-registry__th-chip:has(.employees-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] .employees-registry__col-filter-head-clear { border-color: var(--border-muted); color: var(--text-subtle); } html[data-theme^="new"] .employees-registry__col-filter-head-clear:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] .employees-registry__col-filter-option_master { border-color: var(--border-muted); background: color-mix(in srgb, var(--bg) 90%, var(--surface-elevated)); } html[data-theme^="new"] .employees-registry__col-filter-popover, html[data-theme^="new"] .employees-registry__col-filter-dialog { background: var(--surface-elevated); border-color: var(--border-muted); box-shadow: var(--shadow-lg, 0 12px 40px rgba(0, 0, 0, 0.45)); color: var(--text); } html[data-theme="new-light"] .employees-registry__col-filter-dialog::backdrop, html[data-theme="new-dark"] .employees-registry__col-filter-dialog::backdrop { display: none; } html[data-theme="new-light"] .employees-registry__col-filter-dialog_bottom-sheet::backdrop, html[data-theme="new-dark"] .employees-registry__col-filter-dialog_bottom-sheet::backdrop { display: block; background: color-mix(in srgb, var(--bg) 50%, transparent); } html[data-theme^="new"] .employees-registry__col-filter-form-head, html[data-theme^="new"] .employees-registry__col-filter-form-foot { background: color-mix(in srgb, var(--surface-elevated) 94%, var(--bg)); border-color: var(--border-muted); } html[data-theme^="new"] .employees-registry__col-filter-list { background: var(--bg); border-color: var(--border-muted); } html[data-theme^="new"] .employees-registry__col-filter-option:hover { background: var(--surface-hover); border-radius: var(--radius-sm); } html[data-theme^="new"] .employees-registry__col-filter-search { background: var(--bg); border-color: var(--border-muted); color: var(--text); } html[data-theme^="new"] .employees-registry__filter-chip { background: var(--surface); border-color: var(--border-muted); } html[data-theme^="new"] .employees-registry__active-filters-clear-all { color: var(--accent); } html[data-theme^="new"] .employees-registry__col-filter-apply { color: var(--bg); } html[data-theme^="new"] .employees-registry__col-filter-dialog_bottom-sheet { border-radius: var(--radius-lg) var(--radius-lg) 0 0; box-shadow: var(--shadow-lg, 0 -8px 32px rgba(0, 0, 0, 0.35)); } html[data-theme^="new"] .employees-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--text-subtle); } html[data-theme^="new"] .employees-registry__col-filter-apply-hint { color: var(--text-muted, var(--text-subtle)); } @media (max-width: 56rem) { html[data-theme^="new"] .employees-registry__th-chip { min-height: 40px; } html[data-theme^="new"] .employees-registry__th, html[data-theme^="new"] .employees-registry__head-static { min-height: 40px; } html[data-theme^="new"] .employees-registry__th-filter { width: 1.75rem; min-width: 1.75rem; height: 1.75rem; } } /* Rows: hover highlight */ html[data-theme^="new"] .employees-registry__table tbody tr.employees-registry__row[data-employee-id]:hover { background: var(--surface-hover); } /* ======================================================================== 10.c Ставки и оклады — cold slate integration ======================================================================== */ html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__hint { margin: calc(-1 * var(--space-2)) 0 var(--space-4); max-width: 72ch; font-size: var(--text-sm); color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .employees-registry__cell-mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--text-sm); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__table tbody tr.employee-compensation-registry__row { cursor: pointer; transition: background-color 0.15s ease-out; } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__table tbody tr.employee-compensation-registry__row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__cell-muted, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__cell-muted { color: var(--text-muted); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__pay-badge, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__pay-badge { display: inline-flex; align-items: center; padding: 2px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; border: 1px solid transparent; } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__pay-badge_hourly, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__pay-badge_hourly { color: var(--info); background: var(--info-muted); border-color: color-mix(in srgb, var(--info) 28%, transparent); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__pay-badge_monthly, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__pay-badge_monthly { color: var(--success); background: var(--success-muted); border-color: color-mix(in srgb, var(--success) 28%, transparent); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__pay-badge_prorated, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__pay-badge_prorated { color: var(--warn); background: var(--warn-muted); border-color: color-mix(in srgb, var(--warn) 28%, transparent); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__pay-badge_unknown, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__pay-badge_unknown { color: var(--text-muted); background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__skeleton, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__skeleton { display: grid; gap: var(--space-2); padding: var(--space-4); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__skeleton-line, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__skeleton-line { height: 14px; border-radius: var(--radius-sm); background: linear-gradient( 90deg, color-mix(in srgb, var(--surface-hover) 80%, transparent) 0%, color-mix(in srgb, var(--border) 60%, transparent) 50%, color-mix(in srgb, var(--surface-hover) 80%, transparent) 100% ); background-size: 200% 100%; animation: employee-compensation-skeleton-pulse 1.4s ease-in-out infinite; } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__skeleton-line_wide, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__skeleton-line_wide { width: 72%; max-width: 420px; } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__skeleton-line_short, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__skeleton-line_short { width: 38%; max-width: 180px; } @keyframes employee-compensation-skeleton-pulse { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__skeleton-line, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__skeleton-line { animation: none; background: var(--surface-hover); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__table tbody tr.employee-compensation-registry__row { transition: none; } } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__retry { margin-top: var(--space-2); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__history-row_current td, html[data-theme^="new"] .employee-compensation-dialog .employee-compensation-registry__history-row_current td { background: color-mix(in srgb, var(--accent) 8%, transparent); } html[data-theme^="new"] #panel-employee-compensation .employee-compensation-registry__form-hint { margin: calc(-1 * var(--space-1)) 0 var(--space-2); font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); } /* Модалки «Ставки и оклады»: анимация, форма, контекст сотрудника */ @keyframes employee-compensation-dialog-enter { from { opacity: 0; transform: translateY(10px) scale(0.985); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes employee-compensation-backdrop-enter { from { opacity: 0; } to { opacity: 1; } } html[data-theme^="new"] .employee-compensation-dialog[open] { animation: employee-compensation-dialog-enter 0.22s cubic-bezier(0.16, 1, 0.3, 1) both; } html[data-theme^="new"] .employee-compensation-dialog[open]::backdrop { animation: employee-compensation-backdrop-enter 0.18s ease both; } html[data-theme^="new"] .employee-compensation-apply-dialog { max-width: min(96vw, 46rem); width: min(96vw, 46rem); } html[data-theme^="new"] .employee-compensation-history-dialog { max-width: min(96vw, 72rem); width: min(96vw, 72rem); } html[data-theme^="new"] .employee-compensation-history-dialog__inner { max-height: min(88vh, 44rem); } html[data-theme^="new"] .employee-compensation-history-dialog__header { align-items: flex-start; } html[data-theme^="new"] .employee-compensation-history-dialog__heading { flex: 1 1 auto; min-width: 0; padding-right: var(--space-2); } html[data-theme^="new"] .employee-compensation-history-dialog__subtitle { margin: var(--space-1) 0 0; font-size: var(--text-sm); line-height: 1.45; color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .employee-compensation-history-dialog__subtitle[hidden] { display: none; } html[data-theme^="new"] .employee-compensation-history-dialog__context { margin: 0 var(--space-5); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--bg) 90%, var(--accent) 10%); } html[data-theme^="new"] .employee-compensation-history-dialog__context[hidden] { display: none; } html[data-theme^="new"] .employee-compensation-history-dialog__context-meta { margin: 0; font-size: var(--text-sm); color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .employee-compensation-history-dialog__context-fired { margin: var(--space-2) 0 0; font-size: var(--text-xs); font-weight: 600; color: var(--err); } html[data-theme^="new"] .employee-compensation-history-dialog__body { padding-top: var(--space-3); } html[data-theme^="new"] .employee-compensation-history-dialog__loading { display: grid; gap: var(--space-2); padding: var(--space-2) 0; } html[data-theme^="new"] .employee-compensation-history-dialog__scroll { overflow: auto; max-height: min(52vh, 24rem); border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--border); -webkit-overflow-scrolling: touch; } html[data-theme^="new"] .employee-compensation-registry__history-table { width: 100%; min-width: 0; margin: 0; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] .employee-compensation-registry__history-table thead th { position: sticky; top: 0; z-index: 1; background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); border-bottom: 1px solid var(--border); white-space: nowrap; } html[data-theme^="new"] .employee-compensation-registry__history-table tbody td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); vertical-align: middle; } html[data-theme^="new"] .employee-compensation-registry__history-table tbody tr:last-child td { border-bottom: 0; } html[data-theme^="new"] .employee-compensation-history-dialog__date-cell { white-space: nowrap; } html[data-theme^="new"] .employee-compensation-history-dialog__current-badge { display: block; width: fit-content; margin-bottom: var(--space-1); padding: 1px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); } html[data-theme^="new"] .employee-compensation-history-dialog__amount { font-weight: 600; color: var(--text-head); white-space: nowrap; } html[data-theme^="new"] .employee-compensation-history-dialog__order-cell { max-width: 12rem; overflow-wrap: anywhere; } html[data-theme^="new"] .employee-compensation-history-dialog__empty { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5) var(--space-4); text-align: center; border-radius: var(--radius-sm); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .employee-compensation-history-dialog__empty-title { margin: 0; font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .employee-compensation-history-dialog__empty-hint { margin: 0; max-width: 36ch; align-self: center; font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .employee-compensation-history-dialog__error { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); } html[data-theme^="new"] .employee-compensation-history-dialog__footer { justify-content: flex-end; gap: var(--space-2); } html[data-theme^="new"] .employee-compensation-history-dialog__footer .btn-primary { order: 2; } html[data-theme^="new"] .employee-compensation-history-dialog__footer .btn-secondary { order: 1; } html[data-theme^="new"] .employee-compensation-dialog__inner { display: flex; flex-direction: column; max-height: min(88vh, 40rem); } html[data-theme^="new"] .employee-compensation-apply-form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } html[data-theme^="new"] .employee-compensation-dialog__body { flex: 1 1 auto; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] .employee-compensation-apply-form__body { display: flex; flex-direction: column; gap: var(--space-3); align-items: stretch; flex: 1 1 auto; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] .employee-compensation-apply-form .form-field { display: flex; flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] .employee-compensation-apply-form .form-field label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .employee-compensation-apply-form .form-field input, html[data-theme^="new"] .employee-compensation-apply-form .form-field select { width: 100%; min-height: var(--field-height, 2.75rem); padding: 0 var(--space-3); font-size: var(--text-sm); font-family: inherit; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; transition: border-color 0.15s ease, box-shadow 0.15s ease; } html[data-theme^="new"] .employee-compensation-apply-form__field-amount input { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } html[data-theme^="new"] .employee-compensation-apply-form .form-field input::placeholder { color: var(--text-muted); } html[data-theme^="new"] .employee-compensation-apply-form .form-field input:hover, html[data-theme^="new"] .employee-compensation-apply-form .form-field select:hover { border-color: var(--border-muted); } html[data-theme^="new"] .employee-compensation-apply-form .form-field input:focus, html[data-theme^="new"] .employee-compensation-apply-form .form-field select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] .employee-compensation-apply-form__field_invalid input, html[data-theme^="new"] .employee-compensation-apply-form__field_invalid select { border-color: var(--err); box-shadow: 0 0 0 2px color-mix(in srgb, var(--err) 22%, transparent); } html[data-theme^="new"] .employee-compensation-apply-form__context { padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--bg) 88%, var(--accent) 12%); } html[data-theme^="new"] .employee-compensation-apply-form__context-name { margin: 0 0 var(--space-2); font-size: var(--text-base); font-weight: 600; color: var(--text); text-wrap: balance; } html[data-theme^="new"] .employee-compensation-apply-form__context-meta { display: grid; gap: var(--space-2); margin: 0; } html[data-theme^="new"] .employee-compensation-apply-form__context-meta > div { display: grid; grid-template-columns: minmax(5.5rem, 7rem) 1fr; gap: var(--space-2); align-items: baseline; } html[data-theme^="new"] .employee-compensation-apply-form__context-meta dt { margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .employee-compensation-apply-form__context-meta dd { margin: 0; font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] .employee-compensation-apply-form__fired-badge { display: inline-block; padding: 0.1rem 0.45rem; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; color: var(--err); background: color-mix(in srgb, var(--err) 12%, transparent); } html[data-theme^="new"] .employee-compensation-apply-form__pay-preview { margin: calc(-1 * var(--space-1)) 0 0; font-size: var(--text-sm); font-weight: 500; color: var(--accent); } html[data-theme^="new"] .employee-compensation-apply-form__pay-preview[hidden] { display: none; } html[data-theme^="new"] .employee-compensation-apply-form__status { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--text); } html[data-theme^="new"] .employee-compensation-apply-form__status_err { background: color-mix(in srgb, var(--err) 12%, transparent); color: var(--err); } html[data-theme^="new"] .employee-compensation-apply-form__order-fieldset { margin: 0; padding: 0; border: 0; } html[data-theme^="new"] .employee-compensation-apply-form__order-legend { padding: 0; margin-bottom: var(--space-2); font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .employee-compensation-apply-form__order-grid { display: grid; gap: var(--space-3); } @media (min-width: 36rem) { html[data-theme^="new"] .employee-compensation-apply-form__order-grid { grid-template-columns: 1fr 1fr; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .employee-compensation-dialog[open], html[data-theme^="new"] .employee-compensation-dialog[open]::backdrop { animation: none; } } html[data-theme^="new"] .employee-compensation-import-admin__reason-summary { margin: 0 0 var(--space-3); font-size: var(--text-sm); } html[data-theme^="new"] .employee-compensation-import-admin { margin-top: var(--space-4); } html[data-theme^="new"] .employee-compensation-import-admin__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin: var(--space-3) 0; } html[data-theme^="new"] .employee-compensation-import-admin__overwrite { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); cursor: pointer; } html[data-theme^="new"] .employee-compensation-import-admin__hint { margin: 0 0 var(--space-3); font-size: var(--text-sm); } html[data-theme^="new"] .employee-compensation-import-admin__hint_warn { color: var(--warning-fg, var(--text-secondary)); } html[data-theme^="new"] .employee-compensation-import-admin__report { margin-top: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); } html[data-theme^="new"] .employee-compensation-import-admin__stats { display: flex; flex-wrap: wrap; gap: var(--space-4); margin: 0 0 var(--space-3); padding: 0; list-style: none; } html[data-theme^="new"] .employee-compensation-import-admin__stat { display: flex; flex-direction: column; gap: 2px; } html[data-theme^="new"] .employee-compensation-import-admin__stat-term { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .employee-compensation-import-admin__stat-val { font-family: var(--font-mono); font-size: var(--text-lg); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-head); } html[data-theme^="new"] .employee-compensation-import-admin__stat-val_warn { color: var(--warn); } html[data-theme^="new"] .employee-compensation-import-admin__stat-val_ok { color: var(--success); } html[data-theme^="new"] .employee-compensation-import-admin__details summary { cursor: pointer; font-weight: 600; margin-bottom: var(--space-2); } /* ======================================================================== 10.d Расчёт ЗП — Module Panel Pattern (card + единые контролы) ======================================================================== */ html[data-theme^="new"] #panel-payroll-calculation:not(.hidden) { display: flex; flex-direction: column; flex: 1 0 auto; min-height: auto; width: 100%; max-width: 100%; align-self: stretch; } html[data-theme^="new"] main.content:has(#panel-payroll-calculation:not(.hidden)) { max-width: none; width: 100%; } html[data-theme^="new"] #panel-payroll-calculation > h2 { margin-bottom: var(--space-4); flex-shrink: 0; } html[data-theme^="new"] #panel-payroll-calculation > .card { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; width: 100%; max-width: 100%; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); overflow: visible; margin-bottom: var(--space-4); } html[data-theme^="new"] #panel-payroll-calculation .panel-body_payroll-calculation-registry { display: flex; flex-direction: column; min-height: 0; gap: var(--space-4); padding: var(--space-4); box-sizing: border-box; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry { gap: var(--space-4); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__toolbar { flex-shrink: 0; margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__toolbar-row { align-items: flex-end; flex-wrap: wrap; gap: var(--space-3); } html[data-theme^="new"] #panel-payroll-calculation .mount-reporting__field { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__field_month { flex: 0 1 11rem; min-width: 9.5rem; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__field_org { flex: 1 1 14rem; min-width: 10rem; max-width: 22rem; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__month-select { width: 100%; min-width: 0; cursor: pointer; } html[data-theme^="new"] #panel-payroll-calculation .marks-registry__control, html[data-theme^="new"] #panel-payroll-calculation .positions-registry__refresh-btn, html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__finalize-btn { height: var(--field-height); min-height: var(--field-height); box-sizing: border-box; font-size: var(--text-sm); } html[data-theme^="new"] #panel-payroll-calculation .marks-registry__control { padding: 0 var(--space-3); border: 1px solid var(--border); background: var(--surface-elevated); color: var(--text); border-radius: var(--radius-md); } html[data-theme^="new"] #panel-payroll-calculation .marks-registry__control:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__toolbar-hint { display: none; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__table-scroll { margin-top: 0; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__itr-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75rem; padding: 1px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__th-itr, html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__itr-cell { text-align: center; white-space: nowrap; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__stat-mode { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); font-size: inherit; font-weight: inherit; font-family: inherit; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__mode-badge { display: inline-flex; align-items: center; padding: 2px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; border: 1px solid transparent; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__mode-badge_draft { color: var(--info); background: var(--info-muted); border-color: color-mix(in srgb, var(--info) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__mode-badge_finalized { color: var(--success); background: var(--success-muted); border-color: color-mix(in srgb, var(--success) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__mode-when { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); font-family: var(--font-mono); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__stat-warn { color: var(--warn); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-banner { border: 1px solid color-mix(in srgb, var(--warn) 35%, var(--border)); border-radius: var(--radius-md); background: var(--warn-muted); overflow: hidden; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-banner_blocker { border-color: color-mix(in srgb, var(--err) 35%, var(--border)); background: color-mix(in srgb, var(--err-muted) 78%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-banner_warning { border-color: color-mix(in srgb, var(--warn) 35%, var(--border)); background: var(--warn-muted); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-collapsible { margin: 0; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); padding: var(--space-3); cursor: pointer; list-style: none; margin: 0; transition: background-color 0.18s cubic-bezier(0.16, 1, 0.3, 1); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary::-webkit-details-marker { display: none; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary:hover { background: color-mix(in srgb, currentColor 4%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary::before { content: '▸'; flex: 0 0 auto; color: var(--warn); line-height: 1.35; transition: transform 0.15s ease-out; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-collapsible[open] .payroll-calculation-registry__warnings-summary::before { transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary::before { transition: none; } } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary-title { font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-summary-meta { flex: 1 1 12rem; min-width: 0; font-size: var(--text-sm); color: var(--text-muted); line-height: 1.45; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-list { margin: 0; padding: 0 var(--space-3) var(--space-3); list-style: none; display: flex; flex-direction: column; gap: var(--space-2); border-top: 1px solid color-mix(in srgb, var(--warn) 22%, var(--border)); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-item { display: flex; flex-wrap: wrap; gap: var(--space-2); font-size: var(--text-sm); line-height: 1.45; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-item_blocker { color: var(--err); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-item_warning { color: var(--text); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-code { font-weight: 600; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warnings-msg { color: var(--text-muted); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pay-badge { display: inline-flex; align-items: center; padding: 2px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; border: 1px solid transparent; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pay-badge_hourly { color: var(--info); background: var(--info-muted); border-color: color-mix(in srgb, var(--info) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pay-badge_monthly { color: var(--success); background: var(--success-muted); border-color: color-mix(in srgb, var(--success) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pay-badge_prorated { color: var(--warn); background: var(--warn-muted); border-color: color-mix(in srgb, var(--warn) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pay-badge_unknown { color: var(--text-muted); background: color-mix(in srgb, var(--border) 40%, transparent); border-color: var(--border); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warn-badge { display: inline-flex; align-items: center; padding: 1px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; border: 1px solid transparent; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warn-stack { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warn-badge_warning { color: var(--warn); background: var(--warn-muted); border-color: color-mix(in srgb, var(--warn) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__warn-badge_blocker { color: var(--err); background: var(--err-muted); border-color: color-mix(in srgb, var(--err) 28%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__money { font-variant-numeric: tabular-nums; white-space: nowrap; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__money_total { font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__cell-muted { color: var(--text-muted); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__table tbody tr.payroll-calculation-registry__row { cursor: pointer; transition: background-color 0.15s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.15s cubic-bezier(0.16, 1, 0.3, 1); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__table tbody tr.payroll-calculation-registry__row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__table tbody tr.payroll-calculation-registry__row:hover { background: var(--surface-hover); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pane { animation: payroll-calculation-pane-enter 0.2s ease-out both; } @keyframes payroll-calculation-pane-enter { from { opacity: 0.85; } to { opacity: 1; } } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-2) 0; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton-kpi { display: flex; flex-wrap: wrap; gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-subtle); } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton-block { display: block; border-radius: var(--radius-sm); background: linear-gradient( 90deg, color-mix(in srgb, var(--border) 55%, transparent) 0%, color-mix(in srgb, var(--border-subtle) 90%, transparent) 50%, color-mix(in srgb, var(--border) 55%, transparent) 100% ); background-size: 200% 100%; animation: payroll-calculation-shimmer 1.1s ease-in-out infinite; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton-block_stat { width: 7rem; height: 2.25rem; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton-block_table { width: 100%; height: 8rem; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__loading-caption { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } @keyframes payroll-calculation-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__retry { margin-top: var(--space-3); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__pane, html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__skeleton-block { animation: none; transition: none; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__table tbody tr.payroll-calculation-registry__row { transition: none; } } @media (max-width: 48rem) { html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__field_org { flex: 1 1 100%; max-width: none; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__field_month { flex: 1 1 100%; max-width: none; } html[data-theme^="new"] #panel-payroll-calculation .payroll-calculation-registry__finalize-btn { flex: 1 1 auto; } } /* Payroll employee detail dialog — только непрозрачные фоны (--surface в new-dark = rgba 3%) */ html[data-theme^="new"] .payroll-employee-detail-dialog::backdrop { background: rgba(0, 0, 0, 0.58); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] .payroll-employee-detail-dialog[open] { animation: payroll-detail-dialog-enter 0.22s cubic-bezier(0.16, 1, 0.3, 1) both; opacity: 1; transform: translateY(0) scale(1); } html[data-theme^="new"] .payroll-employee-detail-dialog[open]::backdrop { animation: employee-compensation-backdrop-enter 0.18s ease both; } html[data-theme^="new"] .payroll-employee-detail-dialog__inner { display: flex; flex-direction: column; width: 100%; max-height: min(90vh, 54rem); overflow: hidden; background: var(--bg-elevated); border-radius: inherit; isolation: isolate; } html[data-theme^="new"] .payroll-employee-detail-dialog__header { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); padding: var(--space-4) var(--space-5) var(--space-3); border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail-dialog__title { margin: 0; font-size: var(--text-xl); font-weight: 700; color: var(--text-head); text-wrap: balance; line-height: 1.35; } html[data-theme^="new"] .payroll-employee-detail-dialog__subtitle { margin: var(--space-1) 0 0; font-size: var(--text-sm); color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .payroll-employee-detail-dialog__title-wrap { min-width: 0; } html[data-theme^="new"] .payroll-employee-detail-dialog__close { flex-shrink: 0; width: 3rem; height: 3rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: var(--radius-md); background: transparent; color: var(--text-muted); cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } html[data-theme^="new"] .payroll-employee-detail-dialog__close:hover { background: var(--surface-hover); color: var(--text); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail-dialog__close:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] .payroll-employee-detail-dialog__body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-4) var(--space-5); overflow: auto; -webkit-overflow-scrolling: touch; background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail-dialog__status { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); line-height: 1.4; color: var(--text-muted); background: var(--bg-elevated); border: 1px solid var(--border); } html[data-theme^="new"] .payroll-employee-detail-dialog__status[data-tone="info"] { color: var(--text); background: color-mix(in srgb, var(--info) 10%, var(--bg-elevated)); border-color: color-mix(in srgb, var(--info) 22%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail-dialog__status:empty { display: none; } html[data-theme^="new"] .payroll-employee-detail-dialog__status[data-tone="success"] { color: var(--ok); background: color-mix(in srgb, var(--ok) 12%, var(--bg-elevated)); } html[data-theme^="new"] .payroll-employee-detail-dialog__status[data-tone="warning"] { color: var(--warn); background: color-mix(in srgb, var(--warn) 12%, var(--bg-elevated)); } html[data-theme^="new"] .payroll-employee-detail-dialog__status[data-tone="error"] { color: var(--err); background: color-mix(in srgb, var(--err) 12%, var(--bg-elevated)); } html[data-theme^="new"] .payroll-employee-detail-dialog__loading { margin: 0; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); background: linear-gradient( 90deg, var(--surface-elevated), color-mix(in srgb, var(--surface-elevated) 88%, var(--text-head)), var(--surface-elevated) ); background-size: 220% 100%; animation: payroll-detail-skeleton 1.2s linear infinite; } html[data-theme^="new"] .payroll-employee-detail-dialog__content { display: flex; flex-direction: column; gap: var(--space-4); animation: payroll-detail-content-enter 0.18s cubic-bezier(0.16, 1, 0.3, 1) both; } html[data-theme^="new"] .payroll-employee-detail__section { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail__section:not(.payroll-employee-detail__section_accrual) { background: var(--surface-elevated); } html[data-theme^="new"] .payroll-employee-detail__section_accrual { padding: 0 0 var(--space-4); border: none; border-radius: 0; border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail__section_accrual .payroll-employee-detail__section-title { margin-bottom: var(--space-1); } html[data-theme^="new"] .payroll-employee-detail__section_history { padding: var(--space-4) 0; border: none; border-radius: 0; border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail__periods-host { margin-top: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__periods-empty { margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text-muted); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__periods-scroll { overflow-x: auto; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__periods-table { width: 100%; min-width: 40rem; margin: 0; } html[data-theme^="new"] .payroll-employee-detail__periods-table th[scope="row"] { font-weight: 600; color: var(--text-head); white-space: nowrap; } html[data-theme^="new"] .payroll-employee-detail__periods-pay-type { display: block; margin-top: 2px; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__periods-mode { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; white-space: nowrap; } html[data-theme^="new"] .payroll-employee-detail__periods-mode_finalized { color: var(--ok); background: color-mix(in srgb, var(--ok) 12%, var(--bg-elevated)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ok) 28%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__periods-mode_draft { color: var(--text-muted); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__periods-total { font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .payroll-employee-detail__section-title { margin: 0; font-size: var(--text-base); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .payroll-employee-detail__section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; } html[data-theme^="new"] .payroll-employee-detail__section-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); flex-wrap: wrap; } html[data-theme^="new"] .payroll-employee-detail-dialog :is(.btn-primary, .btn-secondary) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; line-height: 1.25; border-radius: var(--radius-md); cursor: pointer; box-sizing: border-box; white-space: nowrap; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] .payroll-employee-detail-dialog .btn-secondary { color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); } html[data-theme^="new"] .payroll-employee-detail-dialog .btn-secondary:hover:not(:disabled) { background: color-mix(in srgb, var(--accent) 8%, var(--surface-elevated)); border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail-dialog .btn-primary { color: var(--bg); background: var(--accent); border: 1px solid var(--accent); } html[data-theme^="new"] .payroll-employee-detail-dialog .btn-primary:hover:not(:disabled) { background: var(--accent-hover); border-color: var(--accent-hover); } html[data-theme^="new"] .payroll-employee-detail-dialog :is(.btn-primary, .btn-secondary):disabled { opacity: 0.55; cursor: not-allowed; } html[data-theme^="new"] .payroll-employee-detail-dialog__footer :is(.btn-primary, .btn-secondary) { min-height: var(--field-height); height: var(--field-height); } html[data-theme^="new"] .payroll-employee-detail-dialog__recalc-btn { color: var(--text); } html[data-theme^="new"] .payroll-employee-detail-dialog__recalc-btn[aria-busy="true"] { cursor: wait; } html[data-theme^="new"] .payroll-employee-detail__section-caption { margin: var(--space-1) 0 0; max-width: 62ch; font-size: var(--text-sm); color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] .payroll-employee-detail__stats { display: grid; grid-template-columns: minmax(12rem, 15rem) repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: 0; align-items: stretch; } html[data-theme^="new"] .payroll-employee-detail__stat { margin: 0; display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; min-height: 3.75rem; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__stat-label { margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__stat-value { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); text-wrap: pretty; } html[data-theme^="new"] .payroll-employee-detail__stat_total { grid-column: 1; grid-row: 1 / span 2; justify-content: center; min-height: 0; padding: var(--space-4); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__stat_total .payroll-employee-detail__stat-value { font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] .payroll-employee-detail__money { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } html[data-theme^="new"] .payroll-employee-detail__warnings { padding: var(--space-3); border-radius: var(--radius-md); border: 1px solid color-mix(in srgb, var(--warn) 35%, var(--border)); background: color-mix(in srgb, var(--warn) 10%, var(--bg-elevated)); } html[data-theme^="new"] .payroll-employee-detail__warnings-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .payroll-employee-detail__warnings-item { font-size: var(--text-sm); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--warn) 14%, var(--bg-elevated)); } html[data-theme^="new"] .payroll-employee-detail__warnings-item_blocker { background: color-mix(in srgb, var(--err) 14%, var(--bg-elevated)); color: var(--err); } html[data-theme^="new"] .payroll-employee-detail__editor-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(24rem, 1fr); gap: var(--space-5); align-items: start; } html[data-theme^="new"] .payroll-employee-detail__params-form .form-field { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__params-form .form-field:last-child { margin-bottom: 0; } html[data-theme^="new"] .payroll-employee-detail__params-form label { font-size: var(--text-sm); font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text); } html[data-theme^="new"] .payroll-employee-detail__params-form select { width: 100%; min-height: var(--field-height); padding: 0 var(--space-3); font-size: var(--text-sm); font-family: inherit; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease; } html[data-theme^="new"] .payroll-employee-detail__params-form select:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 28%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__params-form select:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); } html[data-theme^="new"] .payroll-employee-detail__toggle-field { margin-top: var(--space-1); padding: 0; border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] .employees-registry__field-hint_warn { color: var(--warn); } html[data-theme^="new"] .payroll-employee-detail__comp-empty { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--err) 10%, var(--bg-elevated)); color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__comp-empty-title { color: var(--text-head); font-size: var(--text-sm); } html[data-theme^="new"] .payroll-employee-detail__comp-current { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] .payroll-employee-detail__comp-dual { display: grid; grid-template-columns: repeat(2, minmax(12rem, 1fr)); gap: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__section_adjustments { padding: var(--space-4) 0; border: none; border-radius: 0; border-bottom: 1px solid var(--border); background: var(--bg-elevated); gap: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__adjustments-summary { margin: 0; font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-head); text-align: right; text-wrap: balance; } html[data-theme^="new"] .payroll-employee-detail__adjustments-list { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-1); } html[data-theme^="new"] .payroll-employee-detail__adjustments-empty { margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); text-wrap: pretty; } html[data-theme^="new"] .payroll-employee-detail__adjustments-scroll { overflow-x: auto; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__adjustments-table { width: 100%; min-width: 36rem; margin: 0; } html[data-theme^="new"] .payroll-employee-detail__adjustments-reason { font-weight: 500; color: var(--text-head); } html[data-theme^="new"] .payroll-employee-detail__adjustments-kind { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; white-space: nowrap; } html[data-theme^="new"] .payroll-employee-detail__adjustments-kind_bonus { color: var(--ok); background: color-mix(in srgb, var(--ok) 12%, var(--bg-elevated)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ok) 28%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__adjustments-kind_deduction { color: var(--err); background: color-mix(in srgb, var(--err) 10%, var(--bg-elevated)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--err) 24%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__adjustments-amount { font-weight: 600; white-space: nowrap; } html[data-theme^="new"] .payroll-employee-detail__adjustments-comment-cell { max-width: 22rem; font-size: var(--text-sm); color: var(--text-muted); line-height: 1.45; text-wrap: pretty; } html[data-theme^="new"] .payroll-employee-detail__adjustments-comment-empty { color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__adjustments-actions-cell { width: 1%; white-space: nowrap; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form { display: flex; flex-direction: column; gap: 0; margin-top: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--border); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form-fieldset { margin: 0; padding: 0; border: none; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form-legend { padding: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .payroll-employee-detail__adjustments-templates { display: flex; flex-wrap: wrap; gap: var(--space-2); } html[data-theme^="new"] .payroll-employee-detail__adjustments-template { min-height: var(--field-height-sm); } html[data-theme^="new"] .payroll-employee-detail__adjustments-fields { display: grid; grid-template-columns: repeat(2, minmax(10rem, 1fr)); gap: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__adjustments-comment-field { grid-column: 1 / -1; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; min-width: 0; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field label { font-size: var(--text-sm); font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field :is(select, input, textarea) { width: 100%; min-height: var(--field-height); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); font-family: inherit; line-height: 1.4; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field textarea { min-height: 4.5rem; resize: vertical; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field :is(select, input, textarea)::placeholder { color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field :is(select, input, textarea):hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 28%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form .form-field :is(select, input, textarea):focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); } html[data-theme^="new"] .payroll-employee-detail__adjustments-form-actions { display: flex; justify-content: flex-start; } html[data-theme^="new"] .payroll-employee-detail__money_bonus { color: var(--ok); } html[data-theme^="new"] .payroll-employee-detail__money_deduction { color: var(--err); } html[data-theme^="new"] .payroll-employee-detail__comp-card { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); min-height: 5.5rem; min-width: 0; } html[data-theme^="new"] .payroll-employee-detail__comp-label { font-size: var(--text-xs); font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); text-wrap: balance; } html[data-theme^="new"] .payroll-employee-detail__comp-card_empty { background: var(--surface); } html[data-theme^="new"] .payroll-employee-detail__comp-missing { color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] .payroll-employee-detail__comp-since { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .employee-compensation-apply-form__rates-grid { display: grid; grid-template-columns: repeat(2, minmax(12rem, 1fr)); gap: var(--space-3); } html[data-theme^="new"] .employee-compensation-apply-form__field-hourly label { text-wrap: balance; } html[data-theme^="new"] .employee-compensation-apply-form__rates-fieldset { border: 0; margin: 0; padding: 0; } html[data-theme^="new"] .employee-compensation-apply-form__rates-legend { font-weight: 600; margin-bottom: var(--space-2); } html[data-theme^="new"] .employee-compensation-registry__dual-amount { display: flex; flex-direction: column; gap: var(--space-1); align-items: flex-end; } html[data-theme^="new"] .employee-compensation-registry__dual-amount-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2); } html[data-theme^="new"] .employee-compensation-registry__dual-type { white-space: nowrap; } @media (max-width: 720px) { html[data-theme^="new"] .payroll-employee-detail__comp-dual, html[data-theme^="new"] .employee-compensation-apply-form__rates-grid { grid-template-columns: 1fr; } } html[data-theme^="new"] .payroll-employee-detail__comp-hero { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-elevated); box-shadow: inset 0 0 0 1px var(--border); } html[data-theme^="new"] .payroll-employee-detail__comp-amount { font-size: clamp(1.1rem, 1.8vw, 1.45rem); color: var(--text-head); } html[data-theme^="new"] .payroll-employee-detail__comp-type { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__comp-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--space-3); margin: 0; } html[data-theme^="new"] .payroll-employee-detail__comp-meta-item { margin: 0; min-width: 0; } html[data-theme^="new"] .payroll-employee-detail__comp-meta dt { margin: 0 0 2px; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .payroll-employee-detail__comp-meta dd { margin: 0; font-size: var(--text-sm); } html[data-theme^="new"] .payroll-employee-detail-dialog__footer { display: flex; justify-content: flex-end; padding: var(--space-3) var(--space-5) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .payroll-employee-detail-dialog__footer-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); } html[data-theme^="new"] .payroll-employee-detail-dialog__error { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); background: color-mix(in srgb, var(--err) 10%, var(--bg-elevated)); border: 1px solid color-mix(in srgb, var(--err) 35%, var(--border)); } @keyframes payroll-detail-dialog-enter { from { transform: translateY(10px) scale(0.985); } to { transform: translateY(0) scale(1); } } @keyframes payroll-detail-skeleton { from { background-position: 100% 0; } to { background-position: -100% 0; } } @keyframes payroll-detail-content-enter { from { transform: translateY(6px); } to { transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .payroll-employee-detail-dialog[open], html[data-theme^="new"] .payroll-employee-detail-dialog[open]::backdrop { animation: none; } html[data-theme^="new"] .payroll-employee-detail-dialog__loading, html[data-theme^="new"] .payroll-employee-detail-dialog__content { animation: none; } } @media (max-width: 56rem) { html[data-theme^="new"] .payroll-employee-detail__editor-grid { grid-template-columns: 1fr; } html[data-theme^="new"] .payroll-employee-detail__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } html[data-theme^="new"] .payroll-employee-detail__stat_total { grid-column: 1 / -1; grid-row: auto; } } @media (max-width: 40rem) { html[data-theme^="new"] .payroll-employee-detail-dialog { max-width: calc(100vw - 1rem); width: calc(100vw - 1rem); } html[data-theme^="new"] .payroll-employee-detail-dialog__inner { max-height: calc(100vh - 1rem); } html[data-theme^="new"] .payroll-employee-detail-dialog__body { gap: var(--space-2); padding: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail-dialog__header, html[data-theme^="new"] .payroll-employee-detail-dialog__footer { padding-left: var(--space-3); padding-right: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__section { padding: var(--space-3); } html[data-theme^="new"] .payroll-employee-detail__section-actions, html[data-theme^="new"] .payroll-employee-detail-dialog__footer-actions { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .payroll-employee-detail__section-actions > *, html[data-theme^="new"] .payroll-employee-detail-dialog__footer-actions > * { width: 100%; } html[data-theme^="new"] .payroll-employee-detail__section-head { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .payroll-employee-detail__adjustments-summary { text-align: left; } html[data-theme^="new"] .payroll-employee-detail__adjustments-fields { grid-template-columns: 1fr; } html[data-theme^="new"] .payroll-employee-detail__adjustments-form-actions :is(.btn-primary, .btn-secondary) { width: 100%; } } /* ======================================================================== 10.b Пользователи — cold slate integration (зеркало §10 Сотрудники) ======================================================================== */ html[data-theme^="new"] .users-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 24px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid-template-columns: none; } html[data-theme^="new"] .users-registry__stat { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; display: flex; flex-direction: row; align-items: baseline; gap: 6px; } html[data-theme^="new"] .users-registry__stat-term { margin: 0; font-size: 0.75rem; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); order: 1; } html[data-theme^="new"] .users-registry__stat-val { margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); order: 0; } html[data-theme^="new"] .users-registry__pane { border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; padding: var(--space-3); } html[data-theme^="new"] .users-registry__pane-title { font-size: var(--text-sm); } html[data-theme^="new"] .users-registry__pane-hint { margin: 0; font-size: var(--text-xs); color: var(--text-subtle); letter-spacing: normal; text-transform: none; } html[data-theme^="new"] .users-registry__toolbar-row { gap: var(--space-2); align-items: center; } html[data-theme^="new"] .users-registry__icon-btn, html[data-theme^="new"] .users-registry__refresh-btn, html[data-theme^="new"] .users-registry__bulk-delete-btn { height: var(--ur-control-height, 44px); min-height: var(--ur-control-height, 44px); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--ur-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .users-registry__icon-btn { width: var(--ur-control-height, 44px); min-width: var(--ur-control-height, 44px); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] .users-registry__refresh-btn, html[data-theme^="new"] .users-registry__bulk-delete-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] .users-registry__icon-btn:hover, html[data-theme^="new"] .users-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .users-registry__bulk-delete-btn { color: var(--err); border-color: color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] .users-registry__bulk-delete-btn:hover { border-color: var(--err); background: var(--err-muted); color: var(--err); } html[data-theme^="new"] .users-registry__icon-btn:focus-visible, html[data-theme^="new"] .users-registry__refresh-btn:focus-visible, html[data-theme^="new"] .users-registry__bulk-delete-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] .users-registry__table { min-width: 52rem; } html[data-theme^="new"] .users-registry__table thead th { font-size: var(--text-xs); font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--text-subtle); background: var(--bg-elevated); } html[data-theme^="new"] .users-registry__table thead th.users-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] .users-registry__th-chip { position: relative; background: transparent; border-color: color-mix(in srgb, var(--border-muted) 35%, transparent); min-height: 36px; } html[data-theme^="new"] .users-registry__th-chip .users-registry__th, html[data-theme^="new"] .users-registry__th-chip .users-registry__head-static, html[data-theme^="new"] .users-registry__th-chip .users-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .users-registry__th-chip .users-registry__th, html[data-theme^="new"] .users-registry__th-chip .users-registry__head-static { width: 100%; } html[data-theme^="new"] .users-registry__th { background: transparent; border: none; min-height: 36px; } html[data-theme^="new"] .users-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--text-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme^="new"] .users-registry__th:hover .users-registry__th-label { color: var(--accent); } html[data-theme^="new"] .users-registry__th-sort { font-size: 0.625rem; } html[data-theme^="new"] .users-registry__head-static { background: transparent; border: none; min-height: 36px; font-size: var(--text-xs); letter-spacing: normal; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme^="new"] .users-registry__th-filter { top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; } html[data-theme^="new"] .users-registry__th-filter:hover { background: transparent; } html[data-theme^="new"] .users-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] .users-registry__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] .users-registry__th-chip:has(.users-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] .users-registry__th-chip:hover { border-color: color-mix(in srgb, var(--border-muted) 55%, transparent); background: transparent; } html[data-theme^="new"] .users-registry__th-chip:has(.users-registry__th:hover), html[data-theme^="new"] .users-registry__th-chip:has(.users-registry__th-filter:hover), html[data-theme^="new"] .users-registry__th-chip:has(.users-registry__th-filter:focus-visible), html[data-theme^="new"] .users-registry__th-chip:has(.users-registry__th:focus-visible) { border-color: color-mix(in srgb, var(--accent) 45%, var(--border-muted)); background: color-mix(in srgb, var(--surface-hover) 40%, transparent); } html[data-theme^="new"] .users-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--text-subtle); } html[data-theme^="new"] .users-registry__table tbody tr.users-registry__row:hover { background: var(--surface-hover); } html[data-theme^="new"] .users-registry__cell_login { font-family: var(--font-mono); font-size: var(--text-sm); } html[data-theme^="new"] .users-registry__lockout-chip--warn { background: color-mix(in srgb, var(--warn) 10%, var(--surface)); border-color: color-mix(in srgb, var(--warn) 28%, var(--border)); } html[data-theme^="new"] .users-registry__lockout-chip--warn .users-registry__lockout-chip-icon { background: color-mix(in srgb, var(--warn) 22%, transparent); color: color-mix(in srgb, var(--warn) 88%, var(--text-head)); } html[data-theme^="new"] .users-registry__lockout-chip--locked { background: color-mix(in srgb, var(--err) 8%, var(--surface)); border-color: color-mix(in srgb, var(--err) 28%, var(--border)); } html[data-theme^="new"] .users-registry__lockout-chip-value { font-variant-numeric: tabular-nums; min-width: 0.75rem; text-align: center; } html[data-theme^="new"] .users-registry__dismissal-badge[data-tip] { cursor: default; } html[data-theme^="new"] .users-registry__dismissal-badge[data-tip]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } @media (max-width: 56rem) { html[data-theme^="new"] .users-registry__th-chip { min-height: 40px; } html[data-theme^="new"] .users-registry__th, html[data-theme^="new"] .users-registry__head-static { min-height: 40px; } html[data-theme^="new"] .users-registry__th-filter { width: 2.75rem; min-width: 2.75rem; height: 2.75rem; } } @media (max-width: 40rem) { html[data-theme^="new"] .users-registry__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-3); align-items: start; } html[data-theme^="new"] .users-registry__stat { flex-direction: column; align-items: flex-start; gap: 2px; } html[data-theme^="new"] .users-registry__stat-val { font-size: 1.125rem; } html[data-theme^="new"] .users-registry__stat-term { font-size: 0.6875rem; line-height: 1.3; } html[data-theme^="new"] .users-registry__pane { padding: var(--space-3); } html[data-theme^="new"] .users-registry__table { min-width: 38rem; } } /* --- Dialog user create (Cold Slate, по образцу user-card) --- */ html[data-theme^="new"] .dialog-user-create { background: var(--bg-elevated); box-shadow: var(--shadow-lg, 0 20px 40px -10px rgba(0, 0, 0, 0.45)); max-width: min(92vw, 28rem); } html[data-theme^="new"] .dialog-user-create::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] .dialog-user-create-header { padding: var(--space-3) var(--space-5) var(--space-2); } html[data-theme^="new"] .dialog-user-create-title { font-size: var(--text-base); font-weight: 600; letter-spacing: normal; } html[data-theme^="new"] .dialog-user-create-close-icon > span { display: none; } html[data-theme^="new"] .dialog-user-create-close-icon::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .dialog-user-create-close-icon:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] .dialog-user-create-footer { background: var(--bg-elevated); } /* --- Dialog user card (Cold Slate, по образцу employee-card) --- */ html[data-theme^="new"] .dialog-user-card { background: var(--bg-elevated); box-shadow: var(--shadow-lg, 0 20px 40px -10px rgba(0, 0, 0, 0.45)); } html[data-theme^="new"] .dialog-user-card::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; transition: background 0.2s ease-out; } html[data-theme^="new"] .dialog-user-card[open]::backdrop { @starting-style { background: rgba(0, 0, 0, 0); } } html[data-theme^="new"] .dialog-user-card__inner { overflow: hidden; border-radius: inherit; } html[data-theme^="new"] .dialog-user-card__header { padding: var(--space-3) var(--space-5) var(--space-2); } html[data-theme^="new"] .dialog-user-card__title { font-size: var(--text-base); font-weight: 600; letter-spacing: normal; } html[data-theme^="new"] .dialog-user-card__close > span { display: none; } html[data-theme^="new"] .dialog-user-card__close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .dialog-user-card__close:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] .dialog-user-card__footer { background: var(--bg-elevated); } html[data-theme^="new"] .user-card__hero { background: var(--surface); border-bottom: 1px solid var(--border); padding: var(--space-4) var(--space-5); } html[data-theme^="new"] .user-card__avatar { color: var(--text-head); box-shadow: 0 0 0 2px var(--border-muted); text-shadow: none; } html[data-theme^="new"] .user-card__role-badge { text-transform: none; letter-spacing: normal; font-weight: 600; background: color-mix(in srgb, var(--accent) 12%, transparent); } html[data-theme^="new"] .user-card__name { font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] .user-card__info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-4); margin: var(--space-3) 0 0; padding: 0 0 var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .user-card__info-item { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; gap: 1px; } html[data-theme^="new"] .user-card__info-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .user-card__info-value { font-size: var(--text-sm); font-weight: 500; font-variant-numeric: tabular-nums; } html[data-theme^="new"] .user-card__info-value--mono { font-family: var(--font-mono); font-size: var(--text-sm); } html[data-theme^="new"] .user-card__info-value--warn { color: color-mix(in srgb, var(--warn) 82%, var(--text)); cursor: default; } html[data-theme^="new"] .user-card__info-value--warn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-xs, 2px); } html[data-theme^="new"] .user-card__info-value--copy::after { display: none; } html[data-theme^="new"] .user-card__id-copy { cursor: pointer; transition: color 0.15s ease; } html[data-theme^="new"] .user-card__id-copy:hover { color: var(--accent); } html[data-theme^="new"] .user-card__section { background: transparent; border: none; border-radius: 0; padding: var(--space-4) 0 0; margin: 0; border-top: 1px solid var(--border); } html[data-theme^="new"] .user-card__section-title { font-size: var(--text-sm); font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--text-subtle); gap: 0; } html[data-theme^="new"] .user-card__section-title::before { display: none; } html[data-theme^="new"] .user-card__section--collapsible > summary.user-card__section-title::after { color: var(--text-subtle); } html[data-theme^="new"] .user-card-recovery-email { margin-top: var(--space-3); padding: var(--space-3) 0 0; border: none; border-top: 1px solid var(--border); border-radius: 0; background: transparent; } html[data-theme^="new"] .user-card-recovery-email__badge { background: transparent; border-color: var(--border-muted); } html[data-theme^="new"] .dialog-user-card__body { padding-top: var(--space-3); } html[data-theme^="new"] .user-card__lockout-banner { align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--err) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] .user-card__lockout-banner--warning { align-items: center; background: color-mix(in srgb, var(--warn) 8%, var(--surface)); border-color: color-mix(in srgb, var(--warn) 35%, var(--border)); color: var(--text); } html[data-theme^="new"] .user-card__lockout-banner--warning .user-card__lockout-text { font-size: var(--text-sm); line-height: 1.35; } html[data-theme^="new"] .user-card__lockout-banner--warning .user-card__lockout-text strong { color: inherit; font-weight: 600; } html[data-theme^="new"] .user-card__lockout-icon { margin-top: 0; width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1; flex-shrink: 0; } html[data-theme^="new"] .user-card__lockout-banner--warning .user-card__lockout-icon { background: color-mix(in srgb, var(--warn) 22%, transparent); color: color-mix(in srgb, var(--warn) 85%, var(--text-head)); border-radius: 50%; font-weight: 700; font-size: 0.6875rem; } html[data-theme^="new"] .user-card__lockout-banner--dismissed { background: color-mix(in srgb, var(--err) 6%, var(--surface)); } @media (max-width: 480px) { html[data-theme^="new"] .user-card__info-grid { grid-template-columns: 1fr; } } /* Направления деятельности (директор / прораб): как user-card-substitute-check, 1.25rem + teal */ html[data-theme^="new"] .director-sections-fieldset { border-color: var(--border-muted); border-radius: var(--radius-sm); padding: var(--space-3); background: transparent; } html[data-theme^="new"] .director-sections-legend { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-subtle); padding: 0 var(--space-1); } html[data-theme^="new"] .director-sections-checkboxes { gap: var(--space-1) var(--space-3); } html[data-theme^="new"] .director-section-checkbox-label { min-height: var(--field-height-sm); color: var(--text); } html[data-theme^="new"] .director-section-checkbox-label:hover { background: var(--surface-hover); } html[data-theme^="new"] .director-section-checkbox-label input[type='checkbox'] { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; accent-color: var(--accent); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .dialog-user-card, html[data-theme^="new"] .dialog-user-card::backdrop { transition: none; } } /* FIO compact */ html[data-theme^="new"] .employees-registry__cell-fio-surname { font-size: var(--text-sm); } html[data-theme^="new"] .employees-registry__cell-fio-given, html[data-theme^="new"] .employees-registry__cell-fio-given_only { font-size: var(--text-xs); } /* --- Fired badge: text-head вместо #fff --- */ html[data-theme^="new"] .employees-registry__fired-badge { color: var(--text-head); } /* --- Aside: без card-стилей --- */ html[data-theme^="new"] .employees-registry__aside { border: none; border-radius: 0; background: transparent; box-shadow: none; padding: var(--space-3) 0; margin-top: var(--space-3); } html[data-theme^="new"] .employees-registry__aside_secondary { border-top: 1px solid var(--border); } html[data-theme^="new"] .employees-registry__aside-title { font-size: var(--text-sm); font-weight: 700; } /* --- Dialog employee card: palette fixes --- */ html[data-theme^="new"] .employee-card__info-value--warning, html[data-theme^="new"] .employee-card__info-value--warning::before { color: var(--warn); } html[data-theme^="new"] .employee-card__avatar { color: var(--text-head); } html[data-theme^="new"] .employee-card__hero { background: var(--surface); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .employee-card__info-grid { display: grid; grid-template-columns: repeat(4, auto); gap: var(--space-2) var(--space-4); margin: var(--space-3) 0 0; padding: var(--space-2) 0 0; border-bottom: 1px solid var(--border); } /* Separator between rows */ html[data-theme^="new"] .employee-card__info-grid::after { content: ''; order: 5; grid-column: 1 / -1; height: 1px; background: var(--border); margin: var(--space-1) 0; } /* Reorder items: Row 1 (ID · Организация · Anviz · Приём) */ html[data-theme^="new"] .employee-card__info-item:nth-child(1) { order: 1; } html[data-theme^="new"] .employee-card__info-item:nth-child(4) { order: 2; } html[data-theme^="new"] .employee-card__info-item:nth-child(2) { order: 3; } html[data-theme^="new"] .employee-card__info-item:nth-child(6) { order: 4; } /* Row 2 (Подразделение в ЗУП · Источник · Синхр.Anviz · Увольнение) */ html[data-theme^="new"] .employee-card__info-item:nth-child(5) { order: 6; } html[data-theme^="new"] .employee-card__info-item:nth-child(8) { order: 7; } html[data-theme^="new"] .employee-card__info-item:nth-child(3) { order: 8; } html[data-theme^="new"] .employee-card__info-item:nth-child(7) { order: 9; } html[data-theme^="new"] .employee-card__info-item { display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] .employee-card__info-label { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .employee-card__info-value { font-size: var(--text-sm); font-weight: 500; font-variant-numeric: tabular-nums; color: var(--text); } html[data-theme^="new"] .employee-card__info-value--mono { font-family: var(--font-mono); font-size: var(--text-sm); } html[data-theme^="new"] .employee-card__info-value--warning { font-weight: 600; color: var(--warn); } html[data-theme^="new"] .employee-card__id-copy { cursor: pointer; transition: color 0.15s; } html[data-theme^="new"] .employee-card__id-copy:hover { color: var(--accent); } /* Responsive */ @media (max-width: 640px) { html[data-theme^="new"] .employee-card__info-grid { grid-template-columns: repeat(2, auto); } } @media (max-width: 480px) { html[data-theme^="new"] .employee-card__info-grid { grid-template-columns: 1fr; } } html[data-theme^="new"] .employee-card__section { background: var(--bg-elevated); border-color: var(--border-muted); } /* --- Dialog: inner overflow для clip border-radius --- */ html[data-theme^="new"] .dialog-employee-card__inner { overflow: hidden; border-radius: inherit; } html[data-theme^="new"] .employees-export-dialog__inner { overflow: hidden; border-radius: inherit; } /* --- Backdrop overlay (system, can't use var() easily) --- */ /* kept as rgba(0,0,0,0.5) — works for both themes */ /* ======================================================================== 10.c Марки — cold slate integration (реестр, тулбар, пагинация) ======================================================================== */ html[data-theme^="new"] #panel-marks > h2 { margin-bottom: var(--space-4); font-size: var(--text-xl); font-weight: 700; color: var(--text-head); letter-spacing: var(--tracking-tight); } /* Реестр: сводка + тулбар + pane (зеркало §10.b Пользователи) */ html[data-theme^="new"] .marks-registry__summary { display: flex; flex-direction: column; gap: var(--space-3); margin: 0 0 var(--space-3); padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .marks-registry__summary-project { display: flex; flex-direction: row; align-items: baseline; gap: var(--space-2); flex: 0 1 auto; min-width: 12rem; max-width: 32rem; } html[data-theme^="new"] .marks-registry__summary-project .marks-registry__field-label { flex-shrink: 0; margin: 0; } html[data-theme^="new"] .marks-registry__summary-project .marks-registry__control_project { flex: 1 1 auto; min-width: 0; } html[data-theme^="new"] .marks-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 24px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); width: 100%; } html[data-theme^="new"] .marks-registry__stat { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; display: flex; flex-direction: row; align-items: baseline; gap: 6px; } html[data-theme^="new"] .marks-registry__stat-term { margin: 0; font-size: 0.75rem; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); order: 1; } html[data-theme^="new"] .marks-registry__stat-val_progress { color: var(--accent); } html[data-theme^="new"] .marks-registry__status-groups { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); width: 100%; margin: 0; padding: var(--space-2) 0 0; border-top: 1px solid var(--border); } html[data-theme^="new"] .marks-registry__status-groups-label { margin: 0; flex: 0 0 auto; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .marks-registry__status-group-term { font-size: 0.75rem; color: var(--text-muted); } html[data-theme^="new"] .marks-registry__status-group-btn { font-family: var(--font-mono); font-size: 0.875rem; } html[data-theme^="new"] .marks-registry__status-group-share { font-family: var(--font-mono); color: var(--text-subtle); } html[data-theme^="new"] .marks-registry__stat-val { margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); order: 0; } html[data-theme^="new"] .marks-registry__stat-val_err { color: var(--err); } html[data-theme^="new"] .marks-registry__stat-val_success { color: var(--success); } html[data-theme^="new"] .marks-registry__stat-val_active.marks-registry__stat-val_err { background: var(--err-muted); border-radius: var(--radius-sm); padding: var(--space-1) var(--space-2); margin: 0; } html[data-theme^="new"] .marks-registry__stat-val_active.marks-registry__stat-val_success { background: var(--success-muted); border-radius: var(--radius-sm); padding: var(--space-1) var(--space-2); margin: 0; } html[data-theme^="new"] .marks-registry__pane { border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; padding: var(--space-3); } html[data-theme^="new"] .marks-registry__pane-title { font-size: var(--text-sm); } html[data-theme^="new"] .marks-registry__pane-head { margin: 0 0 var(--space-2); } html[data-theme^="new"] .dispatcher-workspace { display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] .dispatcher-workspace__chrome { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace__context-toolbar { padding: 0; margin: 0; border: none; } html[data-theme^="new"] .dispatcher-workspace__context-row { flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); } html[data-theme^="new"] .dispatcher-workspace__context-row .marks-registry__summary-project { flex: 1 1 12rem; min-width: 10rem; max-width: 22rem; } html[data-theme^="new"] .dispatcher-workspace__context-row .dispatcher-workspace__tabs { flex: 1 1 auto; justify-content: flex-start; } html[data-theme^="new"] .dispatcher-workspace__tabs { display: inline-flex; flex-wrap: wrap; gap: var(--space-1); padding: 0; } html[data-theme^="new"] .dispatcher-workspace__help-btn { flex-shrink: 0; font-family: var(--font-mono); font-weight: 600; } html[data-theme^="new"] .dispatcher-workspace__metrics-details { margin: 0; border: none; } html[data-theme^="new"] .dispatcher-workspace__metrics-details > summary { display: none; list-style: none; } html[data-theme^="new"] .dispatcher-workspace__metrics-details > summary::-webkit-details-marker { display: none; } html[data-theme^="new"] .dispatcher-workspace__metrics-body { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace__pane.hidden { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] #dispatcher-tasks-host #tasks-panel-title { display: none; } /* Диспетчер → вкладка «Задачи»: плоский layout без вложенных card */ html[data-theme^="new"] #dispatcher-tasks-host { display: flex; flex-direction: column; gap: var(--space-4); min-height: 12rem; padding-top: var(--space-1); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__pane-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__pane-head-start { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); min-width: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__actions { display: inline-flex; align-items: center; gap: var(--space-2); flex-shrink: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__create-btn { width: var(--field-height-sm, 2.25rem); min-width: var(--field-height-sm, 2.25rem); height: var(--field-height-sm, 2.25rem); padding: 0; font-size: 1.25rem; line-height: 1; justify-content: center; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__status-select { min-width: min(12rem, 42vw); max-width: 16rem; height: var(--field-height-sm, 2.25rem); padding: 0 var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font-size: var(--text-sm); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__status-select.hidden { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__status-select:disabled { opacity: 0.5; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__pane-title { margin: 0; font-size: var(--text-sm); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__pane { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav-host { margin-left: auto; flex-shrink: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav.foreman-ts__period-nav { margin-left: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav .foreman-ts__period-btn { min-width: var(--field-height-sm, 2.25rem); min-height: var(--field-height-sm, 2.25rem); height: var(--field-height-sm, 2.25rem); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav .foreman-ts__period-date { min-height: var(--field-height-sm, 2.25rem); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__gantt { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); padding: var(--space-3); overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-header-row, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-row { display: grid; grid-template-columns: minmax(9rem, 11.5rem) repeat(11, minmax(3.25rem, 1fr)); gap: 1px; align-items: stretch; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-dates-header { margin-bottom: var(--space-2); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-corner, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-day-header, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-row-label, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-cell { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-corner_label { display: flex; align-items: center; padding: var(--space-2) var(--space-3); min-height: 2rem; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-day-header { min-height: 2rem; padding: var(--space-1); font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); text-align: center; display: flex; align-items: center; justify-content: center; position: relative; background: var(--bg-elevated); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-day-header_today, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-cell_today { background: color-mix(in srgb, var(--accent) 10%, var(--surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-row-label { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); font-weight: 500; background: var(--surface-hover); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-cell { min-height: 2.5rem; padding: var(--space-1); display: flex; flex-wrap: wrap; gap: var(--space-1); align-content: flex-start; cursor: cell; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-body .gantt-row + .gantt-row { margin-top: 2px; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar { background: color-mix(in srgb, var(--accent) 22%, var(--surface)); color: var(--text); border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--border)); border-radius: var(--radius-sm); padding: 2px 6px; font-size: var(--text-xs); font-weight: 500; line-height: 1.25; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar:hover, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar:focus-visible { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 32%, var(--surface)); outline: none; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar_status_done { border-color: color-mix(in srgb, var(--success, #22c55e) 60%, var(--border)); background: color-mix(in srgb, var(--success, #22c55e) 18%, var(--surface)); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar_status_cancelled, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-bar_status_disagreed { opacity: 0.65; border-style: dashed; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__gantt-footnote { margin: var(--space-2) 0 0; font-size: var(--text-xs); color: var(--text-muted); line-height: 1.45; } html[data-theme^="new"] .dispatcher-workspace--view-tasks .dispatcher-workspace__metrics-details { display: none; } html[data-theme^="new"] .dialog-task-view-history { margin-top: var(--space-3); font-size: var(--text-sm); } html[data-theme^="new"] .dialog-task-view-history-list { margin: var(--space-2) 0 0; padding-left: 1.25rem; color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__list { display: flex; flex-direction: column; gap: var(--space-2); padding: 0; margin: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__loading { margin: 0; padding: var(--space-4); font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__empty, html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__error { padding: var(--space-4); border: 1px dashed var(--border-muted); border-radius: var(--radius-md); background: var(--surface-elevated); } html[data-theme^="new"] #dispatcher-tasks-host .task-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'status date' 'meta meta' 'hint hint'; gap: var(--space-1) var(--space-3); width: 100%; margin: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; text-align: left; cursor: pointer; font: inherit; color: inherit; transition: border-color 0.15s ease, background-color 0.15s ease; } html[data-theme^="new"] #dispatcher-tasks-host .task-card:hover { border-color: var(--border-strong, var(--border)); background: var(--surface-hover); } html[data-theme^="new"] #dispatcher-tasks-host .task-card:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] #dispatcher-tasks-host .task-card__status { grid-area: status; font-size: var(--text-sm); font-weight: 600; color: var(--accent); } html[data-theme^="new"] #dispatcher-tasks-host .task-card__status_pending_proj_manager, html[data-theme^="new"] #dispatcher-tasks-host .task-card__status_pending_completion_review { color: var(--warn); } html[data-theme^="new"] #dispatcher-tasks-host .task-card__status_done { color: var(--success); } html[data-theme^="new"] #dispatcher-tasks-host .task-card__status_cancelled, html[data-theme^="new"] #dispatcher-tasks-host .task-card__status_disagreed { color: var(--err); } html[data-theme^="new"] #dispatcher-tasks-host .task-card__date { grid-area: date; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); justify-self: end; } html[data-theme^="new"] #dispatcher-tasks-host .task-card__meta { grid-area: meta; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .task-card__hint { grid-area: hint; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-view-date-input { margin-left: var(--space-2); padding: var(--space-1) var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-elevated); color: var(--text); font-family: var(--font-mono); font-size: var(--text-sm); } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__gantt-empty { margin: 0; padding: var(--space-4); font-size: var(--text-sm); color: var(--text-muted); text-align: center; } html[data-theme^="new"] #dispatcher-tasks-host label:has(#tasks-filter-project) { display: none; } /* Диалог «Создать задачу» */ html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create { width: min(96vw, 68rem); max-width: min(96vw, 68rem); max-height: min(92dvh, 48rem); padding: 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-elevated); box-shadow: var(--shadow-lg); color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-inner { display: flex; flex-direction: column; max-height: min(92dvh, 48rem); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-header { flex-shrink: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) var(--space-5) var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-header-text { min-width: 0; flex: 1; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-project { margin: var(--space-1) 0 0; font-size: var(--text-sm); color: var(--text-muted); line-height: var(--leading-normal); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-title { font-size: var(--text-lg); font-weight: 600; letter-spacing: normal; text-wrap: balance; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-close-icon > span { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-close-icon::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-close-icon:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-content { display: flex; flex-direction: row; align-items: stretch; flex: 1; min-height: 0; overflow: hidden; gap: 0; padding: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-form-col { flex: 1 1 50%; min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; box-shadow: 1px 0 0 var(--border-muted); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-body { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: var(--space-3); padding: var(--space-4) var(--space-5); flex: 1; min-height: 0; overflow: auto; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-close-icon { border: none; background: transparent; color: var(--text-muted); width: var(--field-height, 2.75rem); height: var(--field-height, 2.75rem); min-width: var(--field-height, 2.75rem); padding: 0; display: inline-flex; align-items: center; justify-content: center; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-close-icon:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-fields-grid__span-full { grid-column: 1 / -1; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-field-hint { margin: var(--space-1) 0 0; font-size: var(--text-xs); line-height: var(--leading-normal); color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-field-hint_warn { margin-top: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid color-mix(in srgb, var(--warn) 45%, var(--border)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--warn) 12%, var(--surface)); color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-field-hint_error { color: var(--err); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-executor-kind { display: inline-flex; gap: var(--space-1); margin-bottom: var(--space-2); padding: 2px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--surface) 90%, var(--bg)); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-executor-kind__btn { min-height: 2rem; padding: 0 var(--space-3); border: none; border-radius: calc(var(--radius-sm) - 2px); background: transparent; color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; cursor: pointer; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-executor-kind__btn:hover { color: var(--text); background: color-mix(in srgb, var(--surface) 70%, var(--bg)); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-executor-kind__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-executor-kind__btn_active { background: var(--accent); color: var(--accent-fg, #fff); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-stub-panel { margin-top: var(--space-2); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--surface) 92%, var(--bg)); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-stub-panel__title { margin: 0 0 var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-stub-panel__text { margin: 0; font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-head_has-rows .task-create-lines-hint { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-body .form-field { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; min-width: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-body .form-field label { font-size: var(--text-sm); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create input[type="date"], html[data-theme^="new"] #dispatcher-tasks-host #form-task-create textarea { width: 100%; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-3); font-size: var(--text-sm); font-family: inherit; line-height: var(--leading-normal); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; transition: border-color 0.15s ease, box-shadow 0.15s ease; } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create textarea { min-height: 5.5rem; height: auto; padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select { appearance: none; -webkit-appearance: none; padding-right: calc(var(--space-3) + 1.25rem); cursor: pointer; background-color: var(--bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%239aa3ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-2) center; background-size: 1rem 1rem; } html[data-theme="new-dark"] #dispatcher-tasks-host #form-task-create select { color-scheme: dark; } html[data-theme="new-light"] #dispatcher-tasks-host #form-task-create select { color-scheme: light; } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select option { color: var(--text); background: var(--bg-elevated); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select:required:invalid { color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select:hover, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create input[type="date"]:hover, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create textarea:hover { border-color: var(--border-muted); } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select:invalid, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create input[type="date"]:invalid { border-color: var(--border); box-shadow: none; } html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select:focus-visible, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create input[type="date"]:focus-visible, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create textarea:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-wrap { margin-top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-hint { margin: var(--space-1) 0 0; font-size: var(--text-xs); color: var(--text-muted); line-height: var(--leading-normal); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table-wrap { border: 1px solid var(--border); border-radius: var(--radius-md); overflow: auto; max-height: 12rem; background: var(--surface); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); margin: 0; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table th { position: sticky; top: 0; z-index: 1; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: none; letter-spacing: normal; text-align: left; color: var(--text-muted); background: var(--surface-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-muted); vertical-align: middle; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table-wrap_empty .task-create-lines-table thead { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-cell-label { font-family: var(--font-mono); font-size: var(--text-xs); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-line-comment { width: 100%; min-height: 2rem; padding: var(--space-1) var(--space-2); font-size: var(--text-sm); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-elevated); color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-role-hint { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: var(--space-3); margin-top: 0; padding: var(--space-3) var(--space-5) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary, html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-primary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-family: inherit; line-height: 1.25; border-radius: var(--radius-md); cursor: pointer; box-sizing: border-box; white-space: nowrap; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary { font-weight: 500; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border-muted); transition: background 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary:focus-visible, html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-primary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-primary { font-weight: 600; color: #fff; background: var(--accent); border: 1px solid var(--accent); transition: background 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-primary:hover:not(:disabled) { background: var(--accent-hover); border-color: var(--accent-hover); filter: brightness(1.03); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-primary:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary:disabled { opacity: 1; color: var(--text-subtle); background: var(--surface); border-color: var(--border-muted); cursor: not-allowed; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .btn-secondary[hidden], html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer .task-create-marks-picker-clear-table[hidden] { display: none !important; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker { flex: 1 1 50%; min-width: 0; max-width: none; border-left: none; padding: var(--space-4) var(--space-5); background: color-mix(in srgb, var(--surface-elevated) 88%, var(--bg)); min-height: 0; display: flex; flex-direction: column; overflow: hidden; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-head_empty .task-create-lines-hint { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-table-wrap_empty { min-height: 5.5rem; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--surface) 92%, var(--bg)); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-lines-empty td { padding: var(--space-4) var(--space-5); text-align: center; font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text); border: none; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer__actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: var(--space-2); flex-shrink: 0; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-empty[hidden], html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-empty.hidden { display: none !important; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-toolbar { flex-direction: column; align-items: stretch; gap: var(--space-2); margin-bottom: var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-toolbar-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-title { margin: 0; font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-search { max-width: none; width: 100%; min-height: 2.5rem; padding: var(--space-2) var(--space-3); font-size: var(--text-sm); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list-wrap { flex: 1; min-height: 14rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); display: flex; flex-direction: column; overflow: hidden; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-status { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-5) var(--space-4); text-align: center; flex: 1; min-height: 8rem; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-status:has(.task-create-marks-picker-empty.hidden) { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-empty { margin: 0; font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text); max-width: 24rem; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list-guide { margin: 0; padding: var(--space-4); font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text-muted); text-align: center; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list-guide[hidden] { display: none !important; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-count-label { margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-retry.hidden { display: none !important; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list { flex: 1; min-height: 0; overflow: auto; margin: 0; padding: 0; list-style: none; content-visibility: auto; contain-intrinsic-size: auto 14rem; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list-wrap.is-loading { opacity: 0.65; pointer-events: none; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-group-header { font-weight: 600; background: transparent; border-bottom: 1px solid var(--border-muted); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-group-toggle { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-count { margin-left: auto; padding: 0 var(--space-2); font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); background: var(--surface); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-item { padding-left: var(--space-2); gap: var(--space-2); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-item-label { font-size: var(--text-xs); font-family: var(--font-mono); } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-add { flex-shrink: 0; min-height: 2.75rem; min-width: 2.75rem; padding: 0 var(--space-3); font-size: var(--text-xs); } @media (max-width: 52rem) { html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-content { flex-direction: column; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer { flex-wrap: wrap; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer__actions { width: 100%; justify-content: stretch; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-footer__actions .btn-primary { flex: 1; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-form-col { box-shadow: none; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker { border-top: 1px solid var(--border-muted); max-height: 40vh; } html[data-theme^="new"] #dispatcher-tasks-host .task-create-fields-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create select, html[data-theme^="new"] #dispatcher-tasks-host #form-task-create input[type="date"], html[data-theme^="new"] #dispatcher-tasks-host #form-task-create textarea, html[data-theme^="new"] #dispatcher-tasks-host .task-create-marks-picker-list-wrap.is-loading { transition: none; } } @media (max-width: 56rem) { html[data-theme^="new"] #panel-marks > h2 { font-size: var(--text-lg); margin-bottom: var(--space-3); } html[data-theme^="new"] #panel-marks .panel-body_marks-registry { padding-top: var(--space-3); } html[data-theme^="new"] .dispatcher-workspace:not(.dispatcher-workspace--mobile) .dispatcher-workspace__chrome { position: sticky; top: 0; z-index: calc(var(--z-sticky, 100) - 1); margin: 0 0 var(--space-2); padding: var(--space-2) 0 var(--space-3); background: color-mix(in srgb, var(--bg) 94%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(6px); } html[data-theme^="new"] .dispatcher-workspace__context-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'project help' 'tabs tabs'; align-items: end; gap: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace__context-row .marks-registry__summary-project { grid-area: project; flex-direction: column; align-items: stretch; gap: var(--space-1); max-width: none; width: 100%; min-width: 0; } html[data-theme^="new"] .dispatcher-workspace__help-btn { grid-area: help; align-self: end; } html[data-theme^="new"] .dispatcher-workspace__context-row .dispatcher-workspace__tabs { grid-area: tabs; display: flex; flex-wrap: nowrap; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; justify-content: flex-start; } html[data-theme^="new"] .dispatcher-workspace__context-row .dispatcher-workspace__tabs::-webkit-scrollbar { display: none; } html[data-theme^="new"] .dispatcher-workspace__tab.docflow-mode-tab { flex: 0 0 auto; min-height: 2.75rem; min-width: 2.75rem; padding-inline: var(--space-3); white-space: nowrap; } html[data-theme^="new"] .marks-registry__status-groups { flex-direction: column; align-items: flex-start; gap: var(--space-2); } html[data-theme^="new"] .marks-registry__status-groups-list { display: flex; flex-wrap: nowrap; gap: var(--space-2); width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: var(--space-1); } html[data-theme^="new"] .marks-registry__status-group { flex: 0 0 auto; } html[data-theme^="new"] .marks-registry__toolbar-search { flex: 1 1 100%; max-width: none; width: 100%; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__pane-head { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav-host { margin-left: 0; width: 100%; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__period-nav.foreman-ts__period-nav { width: 100%; justify-content: flex-end; } html[data-theme^="new"] #dispatcher-tasks-host .dispatcher-tasks__create-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; font-size: 1.25rem; line-height: 1; justify-content: center; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt { padding: var(--space-3); overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-dates-header, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-body { min-width: 36rem; } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-header-row, html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-row { grid-template-columns: 7.5rem repeat(11, minmax(2.75rem, 1fr)); } html[data-theme^="new"] #dispatcher-tasks-host .tasks-gantt .gantt-row-label { font-size: var(--text-xs); padding: var(--space-2); } } @media (max-width: 40rem) { html[data-theme^="new"] #panel-marks > h2 { display: none; } html[data-theme^="new"] #dispatcher-tasks-host .panel-body { padding: var(--space-3); } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create { max-width: 100vw; width: 100%; max-height: 100dvh; margin: 0; border-radius: 0; } html[data-theme^="new"] #dispatcher-tasks-host .dialog-task-create-inner { max-height: 100dvh; } } /* Диспетчер: узкий телефон (класс выставляет dispatcher-workspace.js) */ html[data-theme^="new"] .dispatcher-workspace--mobile { gap: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__chrome { position: static; margin: 0; padding: 0; background: transparent; border: none; backdrop-filter: none; } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__context-row { grid-template-areas: 'tabs tabs' 'project help'; align-items: stretch; gap: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__context-row .dispatcher-workspace__tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; padding-bottom: 0; gap: var(--space-1); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__tab.docflow-mode-tab { flex: unset; min-width: 0; min-height: 2.75rem; padding-inline: var(--space-1); font-size: 0.6875rem; text-align: center; justify-content: center; white-space: normal; line-height: 1.2; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__summary-project .marks-registry__field-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__summary-project { flex-direction: row; align-items: center; } html[data-theme^="new"] .dispatcher-workspace--mobile #marks-project { width: 100%; min-width: 0; max-width: 100%; font-size: var(--text-sm); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-details { border: 1px solid var(--border-muted); border-radius: var(--radius-md); background: var(--surface-elevated); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-details > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-height: 2.75rem; padding: var(--space-2) var(--space-3); cursor: pointer; } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-summary-label { flex-shrink: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-summary-kpi { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-xs); font-variant-numeric: tabular-nums; color: var(--text-muted); text-align: right; } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-details:not([open]) .dispatcher-workspace__metrics-body { display: none; } html[data-theme^="new"] .dispatcher-workspace--mobile .dispatcher-workspace__metrics-details[open] .dispatcher-workspace__metrics-body { padding: var(--space-2) var(--space-3) var(--space-3); border-top: 1px solid var(--border-muted); } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-3); align-items: start; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__stat { flex-direction: column; align-items: flex-start; gap: 2px; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__stat-val { font-size: 1.125rem; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__stat-term { font-size: 0.6875rem; line-height: 1.3; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__status-groups-list { scrollbar-width: none; padding-bottom: 0; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__status-groups-list::-webkit-scrollbar { display: none; } html[data-theme^="new"] .dispatcher-workspace--mobile #panel-marks > .card { padding: var(--space-2); background: transparent; border: none; box-shadow: none; } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__pane { padding: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__pane .marks-registry__toolbar { margin-inline: calc(-1 * var(--space-2)); padding-inline: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__table-scroll { scrollbar-width: none; margin-inline: calc(-1 * var(--space-2)); padding-inline: var(--space-2); } html[data-theme^="new"] .dispatcher-workspace--mobile .marks-registry__table-scroll::-webkit-scrollbar { display: none; height: 0; } @media (max-width: 56rem) and (prefers-reduced-motion: reduce) { html[data-theme^="new"] .dispatcher-workspace__chrome { backdrop-filter: none; } } @media (hover: none) and (pointer: coarse) { html[data-theme^="new"] #panel-marks .marks-registry__th-filter { width: 2.75rem; min-width: 2.75rem; height: 2.75rem; } } html[data-theme^="new"] .dispatcher-help-dialog { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 0; max-width: min(40rem, calc(100vw - var(--space-4))); width: 100%; background: var(--bg-elevated); color: var(--text); box-shadow: var(--shadow-lg, 0 20px 40px -10px rgba(0, 0, 0, 0.45)); } html[data-theme^="new"] .dispatcher-help-dialog::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] .dispatcher-help-dialog__inner { display: flex; flex-direction: column; max-height: min(85vh, 40rem); } html[data-theme^="new"] .dispatcher-help-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) var(--space-4) var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .dispatcher-help-dialog__head h3 { margin: 0; font-size: var(--text-lg); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .dispatcher-help-dialog__close { flex-shrink: 0; width: 2.25rem; height: 2.25rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--radius-md); background: transparent; color: var(--text-muted); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } html[data-theme^="new"] .dispatcher-help-dialog__close > span { display: none; } html[data-theme^="new"] .dispatcher-help-dialog__close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .dispatcher-help-dialog__close:hover { color: var(--text); background: var(--surface-hover); } html[data-theme^="new"] .dispatcher-help-dialog__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] .dispatcher-help-dialog__body { padding: var(--space-3) var(--space-4); overflow: auto; font-size: var(--text-sm); line-height: 1.55; } html[data-theme^="new"] .dispatcher-help-dialog__lead { margin: 0 0 var(--space-3); color: var(--text-muted); } html[data-theme^="new"] .dispatcher-help-dialog__body h4 { margin: var(--space-3) 0 var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .dispatcher-help-dialog__body ul { margin: 0; padding-left: 1.25rem; } html[data-theme^="new"] .dispatcher-help-dialog__body li + li { margin-top: var(--space-1); } html[data-theme^="new"] .dispatcher-help-dialog__dl { margin: 0; display: grid; gap: var(--space-2); } html[data-theme^="new"] .dispatcher-help-dialog__dl dt { font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .dispatcher-help-dialog__dl dd { margin: 0.15rem 0 0; color: var(--text-muted); } html[data-theme^="new"] .dispatcher-help-dialog__foot { display: flex; justify-content: flex-end; gap: var(--space-2); padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .marks-registry__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-3); padding-top: var(--space-2); border-top: 1px solid var(--border); } html[data-theme^="new"] .marks-registry__pagination.hidden { display: none; } html[data-theme^="new"] .marks-registry__page-info { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .marks-registry__page-btn { min-height: var(--field-height); padding: 0 var(--space-3); font-size: var(--text-sm); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); cursor: pointer; } html[data-theme^="new"] .marks-registry__page-btn:disabled { opacity: 0.45; cursor: not-allowed; } html[data-theme^="new"] .marks-registry__pane .marks-registry__toolbar { margin: calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3); padding: var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .marks-registry__toolbar-row { gap: var(--space-2); align-items: center; justify-content: flex-end; } html[data-theme^="new"] .marks-registry__toolbar-search { flex: 1 1 14rem; min-width: min(100%, 12rem); max-width: 22rem; } html[data-theme^="new"] .marks-registry__field-label { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); text-transform: none; letter-spacing: normal; } html[data-theme^="new"] .marks-registry__control { height: var(--field-height); min-height: var(--field-height); padding: 0 var(--space-3); background: var(--surface-elevated); border-color: var(--border); color: var(--text); } html[data-theme^="new"] #panel-marks .marks-registry__toolbar-row button:not([class*="-registry__"]) { height: var(--field-height); min-height: var(--field-height); background: var(--surface-elevated); border-color: var(--border); } html[data-theme^="new"] .marks-registry__icon-btn, html[data-theme^="new"] .marks-registry__toggle-text { border-radius: var(--mr-control-radius, var(--radius-md)); border: 1px solid var(--border); background: var(--surface); color: var(--text); transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .marks-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); height: var(--field-height); min-height: var(--field-height); padding: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; } html[data-theme^="new"] .marks-registry__icon-btn:hover, html[data-theme^="new"] .marks-registry__toggle-text:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .marks-registry__toggle-text { height: var(--field-height); min-height: var(--field-height); padding: 0 var(--space-3); box-sizing: border-box; display: inline-flex; align-items: center; } html[data-theme^="new"] #panel-marks .marks-registry__icon-btn[aria-pressed="true"], html[data-theme^="new"] #panel-marks .marks-registry__toggle-text[aria-pressed="true"] { color: var(--text-head); background: var(--accent-muted); border-color: var(--accent); } html[data-theme^="new"] #panel-marks > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } /* Loading / empty */ html[data-theme^="new"] #panel-marks .marks-registry__loading { margin: 0; padding: var(--space-4); color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-marks .marks-registry__skeleton { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-3); } html[data-theme^="new"] #panel-marks .marks-registry__skeleton-line { height: 0.75rem; border-radius: var(--radius-sm); background: linear-gradient( 90deg, var(--border-muted) 0%, var(--surface-hover) 50%, var(--border-muted) 100% ); background-size: 200% 100%; animation: marks-registry-skeleton-pulse 1.4s ease-in-out infinite; } html[data-theme^="new"] #panel-marks .marks-registry__skeleton-line_wide { width: 100%; } html[data-theme^="new"] #panel-marks .marks-registry__skeleton-line_short { width: 42%; } @keyframes marks-registry-skeleton-pulse { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } } html[data-theme^="new"] #panel-marks .marks-registry__empty { margin: 0; padding: var(--space-6); text-align: center; border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #panel-marks .marks-registry__empty-title { margin: 0 0 var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #panel-marks .marks-registry__empty-hint { margin: 0 0 var(--space-3); font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] #panel-marks .marks-registry__empty-reset { min-height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 500; color: var(--accent); background: transparent; border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; } html[data-theme^="new"] #panel-marks .marks-registry__empty-reset:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-marks .marks-file-list-empty { margin: 0; padding: var(--space-6); border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); color: var(--text-muted); font-size: var(--text-sm); text-align: center; } /* Table */ html[data-theme^="new"] #panel-marks #marks-file-list table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] #panel-marks #marks-file-list table thead th { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); background: var(--bg-elevated); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); text-align: left; } html[data-theme^="new"] #panel-marks #marks-file-list table thead th.marks-file-th-issues { width: 3.5rem; text-align: center; text-transform: none; letter-spacing: normal; } html[data-theme^="new"] #panel-marks #marks-file-list table tbody td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-light); vertical-align: middle; } html[data-theme^="new"] #panel-marks #marks-file-list table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-cell-code { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-marks #marks-file-list td:nth-child(3), html[data-theme^="new"] #panel-marks #marks-file-list td:nth-child(4), html[data-theme^="new"] #panel-marks #marks-file-list td.marks-file-cell-quantity { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } html[data-theme^="new"] #panel-marks #marks-file-list table thead th.marks-file-th-status { min-width: 11rem; text-align: left; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-cell-status { min-width: 11rem; text-align: left; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-mark-status-cell .marks-instance-percent-ring, html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-mark-status-cell .marks-instance-percent-ring-wrap { flex-shrink: 0; } html[data-theme^="new"] #panel-marks #marks-file-list tr[data-mark-id]:focus-within .marks-file-cell-code .marks-view-3d { display: inline-flex; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-mark-status-cell { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--space-2); width: 100%; min-width: 0; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-mark-status-name { flex: 1 1 auto; min-width: 0; font-size: var(--text-sm); color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-status-cell { text-align: left; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instances-table th:last-child, html[data-theme^="new"] #panel-marks #marks-file-list .marks-instances-table td.marks-instance-status-cell { text-align: left; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instances-table thead th { text-align: left; font-size: var(--text-xs); font-weight: 600; color: var(--text-subtle); padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instances-table td.marks-instance-status-cell { min-width: 10rem; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instances-table .marks-instance-ordinal-cell { width: 3rem; font-family: var(--font-mono); font-variant-numeric: tabular-nums; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-cell-status:focus-visible, html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-status-cell:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-marks #marks-file-list .marks-view-3d { min-width: var(--field-height-sm); min-height: var(--field-height-sm); width: var(--field-height-sm); height: var(--field-height-sm); } @media (hover: none) { html[data-theme^="new"] #panel-marks #marks-file-list .marks-view-3d { display: inline-flex; } } /* Progress rings — semantic tokens */ html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-percent-ring { background: conic-gradient( var(--warn) 0deg, var(--warn) calc(var(--percent) * 3.6deg), var(--text-subtle) calc(var(--percent) * 3.6deg), var(--text-subtle) 360deg ); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-percent-ring-wrap--center-green::before { background: var(--success); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-percent-ring.marks-instance-percent-ring--phase2 { background: conic-gradient( var(--warn) 0deg, var(--warn) 216deg, var(--success) 216deg, var(--success) calc(var(--percent) * 3.6deg), var(--text-subtle) calc(var(--percent) * 3.6deg), var(--text-subtle) 360deg ); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-percent-ring.marks-instance-percent-ring--installed { background: conic-gradient(var(--success) 0deg, var(--success) 360deg); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-file-mark-has-lost { background: var(--err-muted); color: var(--err); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-count-diff--plus { color: var(--success); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-count-diff--minus { color: var(--err); } html[data-theme^="new"] #panel-marks #marks-file-list .marks-instance-status-dropdown { z-index: var(--z-dropdown, 1200); background: var(--bg-elevated); border-color: var(--border); box-shadow: var(--shadow); } html[data-theme^="new"] .marks-registry__table { min-width: 44rem; } html[data-theme^="new"] .marks-registry__table-scroll { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] .marks-registry__table thead th.marks-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] .marks-registry__th-chip { position: relative; background: transparent; border-color: color-mix(in srgb, var(--border-muted) 35%, transparent); min-height: 36px; } html[data-theme^="new"] .marks-registry__th-chip .marks-registry__th, html[data-theme^="new"] .marks-registry__th-chip .marks-registry__head-static, html[data-theme^="new"] .marks-registry__th-chip .marks-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .marks-registry__th-chip .marks-registry__th, html[data-theme^="new"] .marks-registry__th-chip .marks-registry__head-static { width: 100%; } html[data-theme^="new"] .marks-registry__th { background: transparent; border: none; min-height: 36px; } html[data-theme^="new"] .marks-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--text-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme^="new"] .marks-registry__th:hover .marks-registry__th-label { color: var(--accent); } html[data-theme^="new"] .marks-registry__th-sort { font-size: 0.625rem; } html[data-theme^="new"] .marks-registry__head-static { background: transparent; border: none; min-height: 36px; font-size: var(--text-xs); letter-spacing: normal; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme^="new"] .marks-registry__th-filter { top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; } html[data-theme^="new"] .marks-registry__th-filter:hover { background: transparent; } html[data-theme^="new"] .marks-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] .marks-registry__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] .marks-registry__th-chip:has(.marks-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] .marks-registry__th-chip:hover { border-color: color-mix(in srgb, var(--border-muted) 55%, transparent); background: transparent; } html[data-theme^="new"] .marks-registry__th-chip:has(.marks-registry__th:hover), html[data-theme^="new"] .marks-registry__th-chip:has(.marks-registry__th-filter:hover), html[data-theme^="new"] .marks-registry__th-chip:has(.marks-registry__th-filter:focus-visible), html[data-theme^="new"] .marks-registry__th-chip:has(.marks-registry__th:focus-visible) { border-color: color-mix(in srgb, var(--accent) 45%, var(--border-muted)); background: color-mix(in srgb, var(--surface-hover) 40%, transparent); } html[data-theme^="new"] .marks-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--text-subtle); } html[data-theme^="new"] #panel-marks .marks-registry__filter-reset { min-width: 1.25rem; min-height: 1.25rem; } html[data-theme^="new"] .marks-instance-history-truncated { margin-top: var(--space-2); margin-left: 0; padding-left: 0; list-style: none; color: var(--text-muted); font-size: var(--text-sm); } /* Диалог истории инстансов (клик по количеству / № инстанса) */ html[data-theme^="new"] .marks-instance-history-dialog { max-width: min(92vw, 32rem); width: 100%; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-elevated); color: var(--text); box-shadow: var(--shadow-lg, 0 20px 40px -10px rgba(0, 0, 0, 0.45)); } html[data-theme^="new"] .marks-instance-history-dialog::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] .marks-instance-history-inner { display: flex; flex-direction: column; max-height: min(85vh, 36rem); overflow: hidden; border-radius: inherit; } html[data-theme^="new"] .marks-instance-history-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) var(--space-4) var(--space-2); border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .marks-instance-history-title { margin: 0; font-size: var(--text-base); font-weight: 600; line-height: 1.35; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .marks-instance-history-close { flex-shrink: 0; width: 2.25rem; height: 2.25rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--radius-md); background: transparent; color: var(--text-muted); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } html[data-theme^="new"] .marks-instance-history-close > span { display: none; } html[data-theme^="new"] .marks-instance-history-close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .marks-instance-history-close:hover { color: var(--text); background: var(--surface-hover); } html[data-theme^="new"] .marks-instance-history-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] .marks-instance-history-body { flex: 1 1 auto; min-height: 0; padding: var(--space-3) var(--space-4); overflow-y: auto; } html[data-theme^="new"] .marks-instance-history-body .marks-instance-history-list { margin: 0; padding: 0; list-style: none; max-height: none; } html[data-theme^="new"] .marks-instance-history-item { display: flex; flex-direction: column; gap: 2px; padding: var(--space-2) 0; border-bottom: 1px solid var(--border); } html[data-theme^="new"] .marks-instance-history-item:last-child { border-bottom: none; } html[data-theme^="new"] .marks-instance-history-item__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); } html[data-theme^="new"] .marks-instance-history-item__time { font-family: var(--font-mono); font-size: var(--text-xs); font-variant-numeric: tabular-nums; color: var(--text-muted); } html[data-theme^="new"] .marks-instance-history-item__ordinal { font-size: var(--text-xs); color: var(--text-subtle); } html[data-theme^="new"] .marks-instance-history-item__change { font-size: var(--text-sm); color: var(--text); line-height: 1.45; } html[data-theme^="new"] .marks-instance-history-item__arrow { color: var(--text-subtle); } html[data-theme^="new"] .marks-instance-history-body .marks-instance-history-empty { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .marks-instance-history-foot { display: flex; justify-content: flex-end; padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #panel-marks #marks-file-list td.marks-file-cell-quantity { cursor: pointer; text-decoration: underline dotted transparent; text-underline-offset: 3px; transition: color 0.15s ease, text-decoration-color 0.15s ease; } html[data-theme^="new"] #panel-marks #marks-file-list td.marks-file-cell-quantity:hover, html[data-theme^="new"] #panel-marks #marks-file-list td.marks-file-cell-quantity:focus-visible { color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent); outline: none; } html[data-theme^="new"] #panel-marks #marks-file-list td.marks-file-cell-quantity:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); border-radius: var(--radius-sm); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .marks-instance-history-dialog, html[data-theme^="new"] .marks-instance-history-dialog[open] { transition: none; transform: none; opacity: 1; } } @media (max-width: 56rem) { html[data-theme^="new"] .marks-registry__th-chip { min-height: 40px; } html[data-theme^="new"] .marks-registry__th, html[data-theme^="new"] .marks-registry__head-static { min-height: 40px; } html[data-theme^="new"] .marks-registry__th-filter { width: 2.75rem; min-width: 2.75rem; height: 2.75rem; } } @media (max-width: 48rem) { html[data-theme^="new"] #panel-marks .marks-registry__table-scroll { scrollbar-color: var(--border) transparent; } html[data-theme^="new"] #panel-marks .marks-registry__table { min-width: 40rem; } } @media (max-width: 40rem) { html[data-theme^="new"] #panel-marks .marks-registry__table { min-width: 34rem; } } /* ======================================================================== 11. Модальные окна — solid background, единый стиль ======================================================================== */ /* --surface слишком прозрачный (3%), модалкам нужен solid фон */ html[data-theme^="new"] .employees-export-dialog, html[data-theme^="new"] .dialog-employee-card { background: var(--bg-elevated); } /* Close button: replace SVG line with ✕, fix dot issue */ html[data-theme^="new"] .employees-export-dialog__close svg, html[data-theme^="new"] .dialog-employee-card__close svg { display: none; } html[data-theme^="new"] .employees-export-dialog__close::after, html[data-theme^="new"] .dialog-employee-card__close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .employees-export-dialog__close:hover, html[data-theme^="new"] .dialog-employee-card__close:hover { background: var(--surface-hover); color: var(--text); } /* Export backdrop: единый blur/transition с card */ html[data-theme^="new"] .employees-export-dialog::backdrop { background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background 0.25s ease, backdrop-filter 0.25s ease; } html[data-theme^="new"] .employees-export-dialog[open]::backdrop { @starting-style { background: rgba(0, 0, 0, 0); backdrop-filter: blur(0); } } /* Header: компактный паддинг */ html[data-theme^="new"] .employees-export-dialog__header { padding: var(--space-3) var(--space-5) var(--space-2); } /* Footer: bg-elevated как у card */ html[data-theme^="new"] .employees-export-dialog__footer { background: var(--bg-elevated); } /* Export body: clean fields, radio/checkbox styling */ html[data-theme^="new"] .employees-export-dialog__legend { font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); margin: 0; padding: 0; } html[data-theme^="new"] .employees-export-dialog__radio, html[data-theme^="new"] .employees-export-dialog__checkbox { font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] .employees-export-dialog__radio input, html[data-theme^="new"] .employees-export-dialog__checkbox input { accent-color: var(--accent); } html[data-theme^="new"] .employees-export-dialog__field-group-title { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .employees-export-dialog__field-label { font-size: var(--text-sm); color: var(--text); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); transition: background 0.12s ease; } html[data-theme^="new"] .employees-export-dialog__field-label:hover { background: var(--surface-hover); } html[data-theme^="new"] .employees-export-dialog__field-label input { accent-color: var(--accent); } html[data-theme^="new"] .employees-export-dialog__field-grid { gap: var(--space-1) var(--space-2); } html[data-theme^="new"] .employees-export-dialog__status { color: var(--text-subtle); font-size: var(--text-xs); } /* === 12. Directors Board === */ html[data-theme^="new"] .directors-board__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] .directors-board__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .directors-board__stat-term { order: 1; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .directors-board__stat-val { order: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] .directors-board__toolbar-grid { gap: var(--space-3); } html[data-theme^="new"] .directors-board__toolbar-actions { flex-direction: row; align-items: center; } html[data-theme^="new"] .directors-board__toolbar-spacer { display: none; } html[data-theme^="new"] .directors-board__refresh-btn { height: var(--field-height); font-size: var(--text-sm); font-weight: 600; border-radius: var(--radius-sm); } html[data-theme^="new"] .directors-board__field { gap: var(--space-1); } html[data-theme^="new"] .directors-board__field-label { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-subtle); } html[data-theme^="new"] .directors-board__control { height: var(--field-height); font-size: var(--text-sm); border-radius: var(--radius-sm); background: var(--bg); border: 1px solid var(--border); color: var(--text); } html[data-theme^="new"] .directors-board__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; padding: 0; } html[data-theme^="new"] .directors-board__pane_employees { border-top: 1px solid var(--border); } html[data-theme^="new"] .directors-board__pane_foremen { border-top: 1px solid var(--border); } html[data-theme^="new"] .directors-board__pane_contracts { border-top: 1px solid var(--border); } html[data-theme^="new"] .directors-board__pane-head { padding: var(--space-2) var(--space-3) 0; } html[data-theme^="new"] .directors-board__pane-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .directors-board__direction-pill { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 0.6875rem; font-weight: 600; color: var(--text); padding: 0.125rem 0.5rem; } html[data-theme^="new"] .directors-board__direction-pill:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] .directors-board__direction-pill_active { border-color: var(--accent); background: var(--accent-muted); box-shadow: inset 0 0 0 1px var(--accent); } html[data-theme^="new"] .directors-board__direction-pill-count { color: var(--text-muted); font-weight: 500; } html[data-theme^="new"] .directors-board__table-scroll { border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] .directors-board__table thead th { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-directors-board .directors-board__table thead th.directors-board__th-cell:not(.directors-board__checkbox-cell) { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] #panel-directors-board .directors-board__table thead th.directors-board__checkbox-cell { width: 2.5rem; max-width: 2.5rem; padding: var(--space-2); vertical-align: middle; } html[data-theme^="new"] .directors-board__table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] .directors-board__table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] .directors-board__table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] .directors-board__table tbody tr:hover { background: var(--surface-hover); } html[data-theme^="new"] .directors-board__empty-row td { padding: var(--space-6) var(--space-3); } html[data-theme^="new"] .directors-board__empty-title { font-size: var(--text-base); font-weight: 600; color: var(--text); } html[data-theme^="new"] .directors-board__empty-hint { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .directors-board__fatal { background: var(--surface); border: 1px solid color-mix(in srgb, var(--err) 28%, var(--border)); border-radius: var(--radius-md); } html[data-theme^="new"] .directors-board__fatal-title, html[data-theme^="new"] .foreman-ts__fatal-title, html[data-theme^="new"] .panel-load-error__title { color: var(--ink-head); font-family: var(--font-display); font-weight: 600; } html[data-theme^="new"] .directors-board__fatal-text, html[data-theme^="new"] .foreman-ts__fatal-msg, html[data-theme^="new"] .panel-load-error__message { color: var(--ink-body); font-size: var(--text-sm); line-height: 1.5; } html[data-theme^="new"] .directors-board__fatal-details-summary, html[data-theme^="new"] .foreman-ts__fatal-details-summary, html[data-theme^="new"] .panel-load-error__details-summary { color: var(--ink-muted); } html[data-theme^="new"] .directors-board__fatal-technical, html[data-theme^="new"] .foreman-ts__fatal-technical, html[data-theme^="new"] .panel-load-error__technical { background: var(--bg); border: 1px solid var(--border); color: var(--ink-muted); font-family: var(--font-mono); } html[data-theme^="new"] .directors-board__table_compact thead th { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .directors-board__table_compact .directors-board__th-cell_business_direction_name, html[data-theme^="new"] .directors-board__table_compact tbody td.directors-board__cell_muted { width: 9rem; min-width: 9rem; max-width: 9rem; } html[data-theme^="new"] .directors-board__table_compact thead th.directors-board__th-cell_business_direction_name { overflow: visible; max-width: none; } html[data-theme^="new"] .directors-board__table_compact .directors-board__th-cell_business_direction_name .directors-board__th-label { flex: 0 0 auto; min-width: auto; overflow: visible; text-overflow: unset; white-space: nowrap; } html[data-theme^="new"] .directors-board__table_compact tbody td { font-size: var(--text-sm); } html[data-theme^="new"] #panel-directors-board .directors-board__toolbar-segmented.foreman-ts__view-segmented { border-color: var(--border-light); background: var(--bg-muted, var(--surface)); } html[data-theme^="new"] #panel-directors-board .directors-board__toolbar-segmented .foreman-ts__segment { min-height: calc(var(--field-height) - 4px); font-size: var(--text-sm); font-weight: 500; padding: 0 var(--space-4); } html[data-theme^="new"] #panel-directors-board .directors-board__toolbar-segmented .foreman-ts__segment_active { background: color-mix(in srgb, var(--accent) 14%, var(--bg-elevated)); box-shadow: none; color: var(--accent); font-weight: 600; } html[data-theme^="new"] #panel-directors-board .directors-board__th-chip { position: relative; background: transparent; border-color: var(--border-muted); min-height: 36px; } html[data-theme^="new"] #panel-directors-board .directors-board__th-chip .directors-board__th, html[data-theme^="new"] #panel-directors-board .directors-board__th-chip .directors-board__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-directors-board .directors-board__th-chip .directors-board__th { width: 100%; min-height: 36px; } html[data-theme^="new"] #panel-directors-board .directors-board__th { background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-directors-board .directors-board__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-directors-board .directors-board__th[aria-pressed='true'] { background: transparent; } html[data-theme^="new"] #panel-directors-board .directors-board__th-chip:has(.directors-board__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] #panel-directors-board .directors-board__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-directors-board .directors-board__th:hover .directors-board__th-label { color: var(--accent); } html[data-theme^="new"] #panel-directors-board .directors-board__th[aria-pressed='true'] .directors-board__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-directors-board .directors-board__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-directors-board .directors-board__th-filter { top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; color: var(--text-subtle); } html[data-theme^="new"] #panel-directors-board .directors-board__th-filter:hover { background: transparent; color: var(--accent); } html[data-theme^="new"] #panel-directors-board .directors-board__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-directors-board .directors-board__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] .directors-board__filter-chip { background: var(--surface); border-color: var(--border-muted); } html[data-theme^="new"] .directors-board__active-filters-clear-all { color: var(--accent); } html[data-theme^="new"] .directors-board__active-filters-label { font-size: var(--text-sm); font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--text-subtle); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip { border-color: var(--border-muted); background: var(--bg-elevated); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip .foreman-ts__th-sort-btn:hover { background: transparent; } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-filter { color: var(--text-subtle); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-filter:hover, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-filter_active { color: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip_filtered, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip:has(.foreman-ts__th-filter_active) { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 18%, var(--bg-elevated)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip_filtered .foreman-ts__th-sort-label, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__th-chip:has(.foreman-ts__th-filter_active) .foreman-ts__th-sort-label { color: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__active-filters-clear-all { color: var(--accent); } :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"]) .foreman-ts__active-filters-label { font-size: var(--text-sm); font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--text-subtle); } html[data-theme^="new"] .col-autofilter__popover, html[data-theme^="new"] .col-autofilter__dialog { background: var(--surface-elevated); border-color: var(--border-muted); box-shadow: var(--shadow-lg, 0 12px 40px rgba(0, 0, 0, 0.45)); color: var(--text); } html[data-theme^="new"] .col-autofilter__form-head, html[data-theme^="new"] .col-autofilter__form-foot { background: color-mix(in srgb, var(--surface-elevated) 94%, var(--bg)); border-color: var(--border-muted); } html[data-theme^="new"] .col-autofilter__list { background: var(--bg); border-color: var(--border-muted); } html[data-theme^="new"] .col-autofilter__search { background: var(--bg); border-color: var(--border-muted); color: var(--text); } html[data-theme^="new"] .directors-board__cell_draggable { cursor: grab; } html[data-theme^="new"] .directors-board__row_dragging { opacity: 0.55; } html[data-theme^="new"] .directors-board__row_dragging .directors-board__cell_draggable { outline: 2px dashed var(--accent); outline-offset: -2px; } html[data-theme^="new"] .directors-board__drop-target_drag-over { outline: 2px solid var(--accent-focus); outline-offset: -2px; background: var(--accent-muted); } html[data-theme^="new"] .directors-board__row_selected { background: var(--accent-muted); } html[data-theme^="new"] .directors-board__row_highlight { background: var(--accent-muted); outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] .directors-board__bulk-actions { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; } html[data-theme^="new"] .directors-board__bulk-count { color: var(--accent); font-weight: 600; } html[data-theme^="new"] .directors-board__bulk-move-btn { background: transparent; border: 1px solid var(--accent); color: var(--accent); border-radius: var(--radius-sm); font-weight: 600; } html[data-theme^="new"] .directors-board__bulk-move-btn:hover { background: var(--accent); color: var(--bg-elevated); } html[data-theme^="new"] .directors-board__pane-head_aside { gap: var(--space-2); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] .directors-board__pane-head_contracts { gap: var(--space-2); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] .directors-board__tree-scroll { background: transparent; border: none; border-radius: 0; } html[data-theme^="new"] .directors-board__tree-primary { font-size: var(--text-sm); font-weight: 500; } html[data-theme^="new"] .directors-board__tree-secondary { font-size: 0.6875rem; } html[data-theme^="new"] .directors-board__tree-empty { color: var(--text-muted); } html[data-theme^="new"] .directors-board__substitute-badge { background: var(--warn-muted); color: var(--warn); font-size: 0.625rem; font-weight: 600; padding: 0 0.25rem; border-radius: 0.25rem; } html[data-theme^="new"] .directors-board__foreman-row_drop { cursor: copy; } html[data-theme^="new"] .directors-board__foreman-row_readonly { opacity: 0.85; } html[data-theme^="new"] .directors-board__foreman-no-user { font-size: 0.6875rem; color: var(--text-muted); } html[data-theme^="new"] .directors-board__foreman-transfer-btn { border-radius: var(--radius-md); font-size: 0.6875rem; font-weight: 500; color: var(--text-muted); border-color: var(--border); background: var(--surface-elevated); min-height: var(--field-height-sm); } html[data-theme^="new"] .directors-board__foreman-transfer-btn:focus-visible { opacity: 1; pointer-events: auto; outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .directors-board__order-hint { color: var(--text-muted); } html[data-theme^="new"] .directors-board__foreman-brigade-details summary { color: var(--accent); font-weight: 500; } html[data-theme^="new"] .directors-board__dialog_compact { max-width: min(90vw, 26rem); } html[data-theme^="new"] .directors-board__foreman-transfer-btn:hover:not(:disabled) { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); background: var(--surface-hover); } html[data-theme^="new"] .directors-board__order-summary { color: var(--text); } html[data-theme^="new"] .directors-board__cell-clear-btn { background: var(--surface); border: 1px solid var(--border); border-radius: 999px; color: var(--text-muted); font-size: 0.75rem; width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s; } html[data-theme^="new"] .directors-board__cell-clear-btn:hover { color: var(--err); border-color: var(--err); opacity: 1; } html[data-theme^="new"] .directors-board__checkbox-cell input { accent-color: var(--accent); } html[data-theme^="new"] .directors-board__cell_muted { font-size: 0.6875rem; color: var(--text-muted); } html[data-theme^="new"] .directors-board__order-emp:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] .directors-board__dialog::backdrop { background: rgba(0, 0, 0, 0.6); } html[data-theme^="new"] .directors-board__clear-intro { font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] .directors-board__clear-fieldset { border: 1px solid var(--border); border-radius: var(--radius-sm); } html[data-theme^="new"] .directors-board__clear-option { font-size: var(--text-sm); } /* FIO stack — two-line surname/given layout matching employees panel */ html[data-theme^="new"] .directors-board__cell_fio { max-width: none; overflow: visible; white-space: normal; word-break: break-word; } html[data-theme^="new"] .directors-board__cell-fio-stack { display: flex; flex-direction: column; gap: 0.125rem; } html[data-theme^="new"] .directors-board__cell-fio-surname { font-size: var(--text-sm); font-weight: 600; color: var(--text); line-height: 1.3; } html[data-theme^="new"] .directors-board__cell-fio-given { font-size: var(--text-xs); font-weight: 400; color: var(--text-muted); line-height: 1.3; } html[data-theme^="new"] .directors-board__cell-fio-stack_fallback { justify-content: center; } html[data-theme^="new"] .directors-board__cell-fio-fallback { font-size: var(--text-sm); color: var(--text-muted); font-style: italic; } /* Employees table — colgroup, assignment affordances */ html[data-theme^="new"] #panel-directors-board .directors-board__th-cell_business_direction_name .directors-board__th-label { text-align: center; } html[data-theme^="new"] .directors-board__cell_text_business_direction_name .directors-board__cell-text { font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .directors-board__table col.directors-board__col_checkbox { width: 2.5rem; } html[data-theme^="new"] .directors-board__table col.directors-board__col_full_name { width: 11%; } html[data-theme^="new"] .directors-board__table col.directors-board__col_position { width: 13%; } html[data-theme^="new"] .directors-board__table col.directors-board__col_direction { width: 5rem; } html[data-theme^="new"] .directors-board__table col.directors-board__col_object { width: 14%; } html[data-theme^="new"] .directors-board__table col.directors-board__col_docflow { width: 26%; } html[data-theme^="new"] .directors-board__table col.directors-board__col_foreman { width: 18%; } html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table thead th.directors-board__checkbox-cell, html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table tbody td.directors-board__checkbox-cell { position: sticky; left: 0; z-index: 4; background: var(--bg-elevated); } html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table tbody td.directors-board__checkbox-cell { z-index: 2; background: var(--bg); } html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table thead th.directors-board__th-cell_full_name, html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table tbody td.directors-board__cell_fio { position: sticky; left: 2.5rem; z-index: 3; background: var(--bg-elevated); box-shadow: var(--foreman-ts-sticky-col-shadow); } html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__table tbody td.directors-board__cell_fio { z-index: 1; background: var(--bg); } html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__row_selected td.directors-board__checkbox-cell, html[data-theme^="new"] #panel-directors-board .directors-board__table-scroll .directors-board__row_selected td.directors-board__cell_fio { background: var(--accent-muted); } html[data-theme^="new"] .directors-board__tbody_dense .directors-board__row { content-visibility: auto; contain-intrinsic-size: auto 2.75rem; } html[data-theme^="new"] .directors-board__table thead th.directors-board__th-cell_foreman, html[data-theme^="new"] .directors-board__cell_assign_foreman.directors-board__cell_priority, html[data-theme^="new"] .directors-board__cell_assign_docflow.directors-board__cell_priority { max-width: none; overflow: visible; white-space: normal; word-break: normal; } html[data-theme^="new"] .directors-board__assign-date { color: var(--text-muted); font-family: var(--font-mono); } html[data-theme^="new"] .directors-board__cell-value_clickable { display: inline; margin: 0; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none; text-decoration: none; } html[data-theme^="new"] .directors-board__cell-value_clickable:hover { color: var(--accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent); } html[data-theme^="new"] .directors-board__cell-value_clickable:focus-visible { color: var(--accent); outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .directors-board__cell_assign:has(.directors-board__cell-clear-btn) { padding-right: calc(var(--space-6) + var(--space-1)); } html[data-theme^="new"] .directors-board__cell-clear-btn { border-color: var(--border-muted); background: var(--bg-elevated); color: var(--text-muted); } html[data-theme^="new"] .directors-board__cell-clear-btn:hover, html[data-theme^="new"] .directors-board__cell-clear-btn:focus-visible { border-color: var(--accent); color: var(--accent); background: var(--surface-hover); } @media (max-width: 720px) { html[data-theme^="new"] .directors-board__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] .directors-board__tree-warning { border: 1px solid var(--border); background: var(--bg-warning, rgba(255, 200, 0, 0.08)); color: var(--text-muted); font-size: 0.8125rem; } /* === 13. Docflow Panels === */ /* 13.1 Layout — обе панели чистые поверхности */ html[data-theme^="new"] .docflow-tree-panel.card, html[data-theme^="new"] .docflow-detail-panel { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; margin-bottom: 0; max-height: none; } html[data-theme^="new"] .docflow-tree-panel.card { position: sticky; top: var(--space-4); align-self: start; } html[data-theme^="new"] .docflow-detail-panel { display: grid; grid-template-rows: auto 1fr; gap: var(--space-2); } /* 13.2 Tree content */ html[data-theme^="new"] .docflow-tree-content { max-height: 65vh; overflow: auto; margin-top: var(--space-3); } /* 13.3 Search bar */ html[data-theme^="new"] .docflow-search-bar { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: var(--space-1) var(--space-2); margin-bottom: var(--space-3); } html[data-theme^="new"] .docflow-search-bar-input { font-size: var(--text-sm); } html[data-theme^="new"] .docflow-search-bar-shortcut { background: var(--bg-elevated); font-size: 0.625rem; padding: 1px 6px; } /* 13.4 Structure head */ html[data-theme^="new"] .docflow-tree-structure-head { margin: 0 0 var(--space-2); gap: var(--space-2); } html[data-theme^="new"] .docflow-tree-structure-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); margin: 0; } html[data-theme^="new"] .docflow-tree-structure-toggle { gap: 0.35rem; font-size: var(--text-sm); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .docflow-switch-btn { background: transparent; border: 1px solid var(--border); color: var(--text-muted); } html[data-theme^="new"] .docflow-switch-btn.active { background: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated)); border-color: var(--accent); color: var(--accent); box-shadow: none; } html[data-theme^="new"] .docflow-switch-btn[data-contract-status='active'].active { background: color-mix(in srgb, #44bf73 15%, var(--bg-elevated)); border-color: #44bf73; color: #44bf73; } html[data-theme^="new"] .docflow-switch-btn[data-contract-status='closed'].active { background: color-mix(in srgb, #d66868 15%, var(--bg-elevated)); border-color: #d66868; color: #d66868; } /* 13.5 Mode tabs — segmented style */ html[data-theme^="new"] .docflow-mode-tab { background: transparent; border: 1px solid var(--border); color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; min-height: var(--field-height-sm); padding: 0 var(--space-3); } html[data-theme^="new"] .docflow-mode-tab.active { background: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated)); border-color: var(--accent); color: var(--accent); } /* 13.6 Detail mode tabs */ html[data-theme^="new"] .docflow-detail-mode-tab { background: transparent; border: 1px solid var(--border); color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; min-height: var(--field-height, 2.75rem); padding: 0 var(--space-3); } html[data-theme^="new"] .docflow-detail-mode-tab.active { background: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated)); border-color: var(--accent); color: var(--accent); } /* 13.7 Stats — inline-flex как directors-board (web-ui-style §3.3) */ html[data-theme^="new"] dl.docflow-stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; grid: none; } @media (max-width: 720px) { html[data-theme^="new"] dl.docflow-stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] .docflow-stats__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .docflow-stats__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .docflow-stats__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } /* 13.7.1 Договоры (#panel-docflow) — chrome сводки/тулбара/card; дерево/карточка — §13.1–13.12 без изменений */ html[data-theme^="new"] #panel-docflow > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-docflow .panel-toolbar { background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; gap: var(--space-2); min-height: 0; } html[data-theme^="new"] #panel-docflow .panel-toolbar button:not(.docflow-search-bar-shortcut):not([class*="-registry__"]) { box-sizing: border-box; height: var(--field-height); min-height: var(--field-height); padding: 0 var(--space-4); border-radius: var(--radius-md); background: var(--surface); color: var(--text); border: 1px solid var(--border); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-docflow .panel-toolbar button:not(.docflow-search-bar-shortcut):not([class*="-registry__"]):hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-docflow .docflow-panel__toolbar-row { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-2); width: 100%; min-width: 0; } html[data-theme^="new"] #panel-docflow .docflow-panel__toolbar-search { flex: 1 1 12rem; min-width: 0; } html[data-theme^="new"] #panel-docflow .docflow-panel__search-bar { box-sizing: border-box; display: flex; align-items: center; gap: var(--space-2); width: 100%; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); } html[data-theme^="new"] #panel-docflow .docflow-panel__search-bar:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #panel-docflow .docflow-panel__search-input { flex: 1 1 auto; min-width: 0; border: none; background: transparent; color: var(--text); font-size: var(--text-sm); font-family: inherit; outline: none; padding: 0; } html[data-theme^="new"] #panel-docflow .docflow-panel__control { box-sizing: border-box; width: 100%; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-3); border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface); color: var(--text); font-size: var(--text-sm); font-family: inherit; } html[data-theme^="new"] #panel-docflow .docflow-panel__control:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #panel-docflow .docflow-flat-table { background: transparent; } html[data-theme^="new"] #panel-docflow .docflow-flat-table thead th { padding: var(--space-2) var(--space-3); background: var(--bg-elevated); } html[data-theme^="new"] #panel-docflow .docflow-flat-table thead th.docflow-flat-th-cell { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] #panel-docflow .docflow-flat-th { background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-docflow .docflow-flat-th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-docflow .docflow-flat-th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-docflow .docflow-entity-form-grid .docflow-form-control, html[data-theme^="new"] #panel-docflow .docflow-entity-form-grid .docflow-form-field select, html[data-theme^="new"] #panel-docflow .docflow-entity-form-grid .docflow-form-field input:not([type='checkbox']) { min-height: var(--field-height); height: var(--field-height); border-radius: var(--radius-sm); background: var(--surface); font-size: var(--text-sm); } html[data-theme^="new"] #panel-docflow .docflow-entity-form-grid .docflow-switch-btn { min-height: var(--field-height); height: var(--field-height); font-size: var(--text-sm); } html[data-theme^="new"] #panel-docflow .docflow-form-label { color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; } html[data-theme^="new"] #panel-docflow .docflow-flat-th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-docflow .docflow-flat-th:hover .docflow-flat-th-label { color: var(--accent); } html[data-theme^="new"] #panel-docflow .docflow-flat-th[aria-pressed='true'] .docflow-flat-th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-docflow .docflow-flat-th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-docflow .docflow-flat-table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-docflow .docflow-flat-table tbody tr:nth-child(odd), html[data-theme^="new"] #panel-docflow .docflow-flat-table tbody tr:nth-child(even) { background: transparent; } html[data-theme^="new"] #panel-docflow .docflow-flat-table tbody tr:hover { background: var(--surface-hover); } /* 13.7.2 Индексация документов (#admin-sub-document-index) — реестр как Площадки */ html[data-theme^="new"] #admin-sub-document-index .docidx-panel-title { margin: 0 0 var(--space-3); font-size: var(--text-xl); font-weight: 700; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #admin-sub-document-index .panel-body_docflow-customers-registry { padding: 0; } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry { gap: var(--space-4); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__stat-val_warn, html[data-theme^="new"] #admin-sub-document-index .docidx-registry__stat-btn { color: var(--err); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__stat-btn { font: inherit; font-family: var(--font-mono); font-size: 1.25rem; font-weight: 700; font-variant-numeric: tabular-nums; background: none; border: none; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__stat-btn:hover { color: var(--text-head); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__toolbar { background: transparent; border: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__toolbar-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__toolbar-row .btn-primary, html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__refresh-btn { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__refresh-btn:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__toolbar-row_maint { padding-top: var(--space-1); border-top: 1px solid var(--border-light); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__toolbar-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__toolbar-label { font-size: var(--text-xs); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__pane.docidx-registry__workspace { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); min-height: 0; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__pane-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); padding: var(--space-3); border-bottom: 1px solid var(--border); background: transparent; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__pane-head-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); min-width: 0; flex: 1 1 auto; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__pane-head-main .docflow-customers-registry__pane-title { margin: 0; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-left: auto; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filter { display: inline-flex; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filter-label { font-size: var(--text-xs); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #admin-sub-document-index .docflow-customers-registry__control { height: var(--field-height-sm); min-height: var(--field-height-sm); min-width: 8.5rem; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text); padding: 0 var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-layout { grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr); padding: var(--space-2); gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-layout > .card, html[data-theme^="new"] #admin-sub-document-index .docidx-main { background: transparent; border: none; border-radius: 0; box-shadow: none; padding: 0; min-width: 0; } html[data-theme^="new"] #admin-sub-document-index .docidx-tree-panel.docflow-tree-panel { position: sticky; top: var(--space-4); align-self: start; min-width: 0; padding: var(--space-2); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-panel, html[data-theme^="new"] #admin-sub-document-index .docflow-tree-content { --docflow-tree-indent: 0.625rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-file-count { display: none; } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-structure-head { margin: 0 0 var(--space-1); } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-structure-title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-expand:not(.docflow-tree-expand--spacer), html[data-theme^="new"] #admin-sub-document-index .docflow-tree-expand--spacer { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-node-icon { width: 1rem; height: 1rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-node-icon svg { width: 1rem; height: 1rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-counter-badge { min-width: 1.25rem; height: 1.125rem; padding: 0 0.25rem; font-size: 0.625rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-picker-cb { width: 1rem; height: 1rem; margin: 0; flex-shrink: 0; accent-color: var(--accent); cursor: pointer; } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-row { min-height: 1.5rem; gap: 0.25rem; padding: 0.0625rem 0.25rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-tree-text { font-size: 0.8125rem; } html[data-theme^="new"] #admin-sub-document-index .docflow-panel__search-bar { margin-bottom: var(--space-2); padding: 0 var(--space-1); } html[data-theme^="new"] #admin-sub-document-index .docidx-tree-panel .docflow-tree-content { max-height: 58vh; margin-top: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-table-wrap { border: 1px solid var(--border); border-radius: var(--radius-sm); max-height: min(58vh, 520px); overflow: auto; } html[data-theme^="new"] #admin-sub-document-index .docidx-table thead th { background: var(--bg-elevated); color: var(--text-subtle); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__table thead th.docidx-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip { position: relative; box-sizing: border-box; width: 100%; border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: transparent; min-height: 36px; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip_actions { border-color: transparent; min-height: 36px; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip .docidx-registry__head-static, html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip .docidx-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip .docidx-registry__head-static { display: block; width: 100%; margin: 0; padding: var(--space-2) calc(var(--space-2) + 1.375rem) var(--space-2) var(--space-2); min-height: 36px; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-filter { position: absolute; z-index: 1; top: 50%; right: var(--space-1); transform: translateY(-50%); width: 1.75rem; min-width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; color: var(--text-subtle); cursor: pointer; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-filter:hover { color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip:has(.docidx-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__th-filter-icon { display: block; width: 0; height: 0; margin: 0 auto; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__active-filters { margin: 0 var(--space-3) var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; padding: var(--space-1) var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filter-chip:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__active-filters-clear-all { min-height: 2.75rem; margin: 0; padding: var(--space-1) var(--space-2); border: none; background: transparent; color: var(--accent); font: inherit; font-size: var(--text-sm); cursor: pointer; } html[data-theme^="new"] #admin-sub-document-index .docidx-registry__active-filters-clear-all:hover { text-decoration: underline; } html[data-theme^="new"] #admin-sub-document-index .docidx-table tbody tr:hover { background: var(--surface-hover); } html[data-theme^="new"] #admin-sub-document-index .docidx-table tbody tr:hover .docidx-td-actions { background: var(--surface-hover); } html[data-theme^="new"] #admin-sub-document-index .docidx-scope-summary { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text-muted); } /* Сводка LLM — те же pill-бейджи, что у статуса индекса; cyan для «готово», не путать с done. */ html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge { display: inline-block; box-sizing: border-box; max-width: 100%; padding: 1px 6px; border-radius: var(--radius-sm); border: 1px solid transparent; font-size: var(--text-xs); font-weight: 500; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; text-transform: none; letter-spacing: normal; } html[data-theme^="new"] #admin-sub-document-index button.docidx-summary-badge { margin: 0; padding: 1px 6px; font: inherit; font-size: var(--text-xs); font-weight: 500; line-height: 1.35; appearance: none; cursor: pointer; text-decoration: none; } html[data-theme^="new"] #admin-sub-document-index button.docidx-summary-badge_interactive:hover { filter: brightness(1.08); } html[data-theme^="new"] #admin-sub-document-index button.docidx-summary-badge_interactive:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_ok { color: #22d3ee; background: color-mix(in srgb, #22d3ee 14%, var(--surface)); border-color: color-mix(in srgb, #22d3ee 40%, var(--border)); } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_partial { color: #facc15; background: color-mix(in srgb, #facc15 12%, var(--surface)); border-color: color-mix(in srgb, #facc15 40%, var(--border)); } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_pending, html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_running { color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_running { animation: docidx-summary-pulse 1.2s ease-in-out infinite; } @keyframes docidx-summary-pulse { 50% { opacity: 0.55; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_running { animation: none; } } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_failed { color: var(--err); background: color-mix(in srgb, var(--err) 12%, var(--surface)); border-color: color-mix(in srgb, var(--err) 40%, var(--border)); } html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_skipped, html[data-theme^="new"] #admin-sub-document-index .docidx-summary-badge_none { color: var(--text-muted); background: var(--bg-elevated); border-color: var(--border-muted); } html[data-theme^="new"] #admin-sub-document-index .docidx-td-summary { max-width: 5.5rem; } html[data-theme^="new"] #admin-sub-document-index .docidx-td-actions .docidx-reindex-one { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; padding: 0; font-size: 1rem; line-height: 1; color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: background var(--transition), border-color var(--transition), color var(--transition); } html[data-theme^="new"] #admin-sub-document-index .docidx-td-actions .docidx-reindex-one:hover { background: var(--surface-hover); border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #admin-sub-document-index .docidx-th-actions, html[data-theme^="new"] #admin-sub-document-index .docidx-td-actions { position: sticky; right: 0; z-index: 2; background: var(--surface); box-shadow: -6px 0 8px -6px color-mix(in srgb, var(--ink, #000) 10%, transparent); } html[data-theme^="new"] #admin-sub-document-index .docidx-table thead .docidx-th-actions { z-index: 3; background: var(--bg-elevated); } html[data-theme^="new"] #admin-sub-document-index .docflow-panel__search-bar { display: flex; align-items: center; gap: var(--space-2); width: 100%; margin: 0 0 var(--space-3); padding: var(--space-1) var(--space-2); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); } html[data-theme^="new"] #admin-sub-document-index .docflow-panel__search-bar:focus-within { border-color: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); } html[data-theme^="new"] #admin-sub-document-index .docflow-panel__search-input { flex: 1; min-width: 0; border: none; background: transparent; font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] #admin-sub-document-index .docflow-panel__search-icon { flex-shrink: 0; width: 1rem; height: 1rem; color: var(--text-muted); } /* 13.7.3 Admin BIM sync (#admin-sub-sync) — расписание и история */ /* 13.7.3.1 Admin sync inner tabs */ html[data-theme^="new"] #admin-sub-sync .admin-sync-page-header { margin-bottom: var(--space-4); max-width: 72ch; } html[data-theme^="new"] #admin-sub-sync .admin-sync-page-title { margin: 0 0 var(--space-2); font-size: var(--text-lg); font-weight: 600; line-height: 1.3; text-wrap: balance; color: var(--text-primary); } html[data-theme^="new"] #admin-sub-sync .admin-sync-page-lead, html[data-theme^="new"] #admin-sub-sync .admin-sync-section-lead { margin: 0 0 var(--space-4); font-size: var(--text-sm); line-height: 1.5; color: var(--text-secondary); max-width: 65ch; text-wrap: pretty; } html[data-theme^="new"] #admin-sub-sync .admin-sync-inner-tabs { margin-bottom: var(--space-5); flex-wrap: wrap; gap: var(--space-1); } html[data-theme^="new"] #admin-sub-sync .admin-sync-tab-panel { animation: sync-content-fade-in 0.2s ease; } html[data-theme^="new"] #admin-sub-sync .admin-sync-tab-panel.hidden { display: none; } html[data-theme^="new"] #admin-sub-sync .sync-launch-panel { margin-top: 0; padding-top: 0; border-top: none; } html[data-theme^="new"] #admin-sub-sync .sync-history-stats { margin-top: 0; } html[data-theme^="new"] #admin-sub-sync { overflow: visible; text-align: left; } @keyframes sync-content-fade-in { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { @keyframes sync-content-fade-in { from { opacity: 1; } to { opacity: 1; } } } /* Sync history table — §3.5 Flat Pattern: table-layout fixed + sort headers */ html[data-theme^="new"] .sync-history-table { width: 100%; table-layout: fixed; } html[data-theme^="new"] .sync-history-table thead th.sync-history-th-cell { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] .sync-history-table thead th:nth-child(1) { width: 180px; } /* Дата */ html[data-theme^="new"] .sync-history-table thead th:nth-child(2) { width: 120px; } /* Статус */ html[data-theme^="new"] .sync-history-table thead th:nth-child(3) { width: 80px; } /* Проекты */ html[data-theme^="new"] .sync-history-table thead th:nth-child(4) { width: 90px; } /* Статусы обновлены */ html[data-theme^="new"] .sync-history-table thead th:nth-child(5) { width: 85px; } /* Frag сконв. */ html[data-theme^="new"] .sync-history-table thead th:nth-child(6) { width: 80px; } /* Отгрузки */ html[data-theme^="new"] .sync-history-table thead th:nth-child(7) { } /* Ошибка — растёт */ html[data-theme^="new"] .sync-history-table thead th:nth-child(8) { width: 75px; } /* Длительность */ html[data-theme^="new"] .sync-history-th-cell button.sync-history-th { box-sizing: border-box; margin: 0; width: 100%; padding: 0 var(--space-1); border: none; border-radius: 0; background: none; font: inherit; font-size: inherit; font-weight: inherit; color: inherit; cursor: pointer; text-align: left; display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: var(--space-1); max-width: 100%; min-height: 0; } html[data-theme^="new"] .sync-history-th-cell button.sync-history-th:hover { background: var(--surface-hover); } html[data-theme^="new"] .sync-history-th-cell button.sync-history-th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] .sync-history-th-cell button.sync-history-th:hover .sync-history-th-label { color: var(--accent); } html[data-theme^="new"] .sync-history-th-cell button.sync-history-th[aria-pressed='true'] .sync-history-th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] .sync-history-th-cell button.sync-history-th:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; border-radius: var(--radius-sm); } html[data-theme^="new"] .sync-history-th-cell .sync-history-th-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] .sync-history-th-cell .sync-history-th-sort { flex: 0 0 auto; font-size: 0.7rem; line-height: 1; color: var(--accent); font-weight: 700; } /* Th chip: sort button + filter button */ html[data-theme^="new"] .sync-history-th-chip { display: flex; align-items: center; gap: 2px; width: 100%; } html[data-theme^="new"] .sync-history-th-filter { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); font-size: 0.55rem; cursor: pointer; transition: color 0.15s, background 0.15s; line-height: 1; } html[data-theme^="new"] .sync-history-th-filter:hover { color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .sync-history-th-filter[aria-expanded='true'] { color: var(--accent); background: var(--accent-muted); } /* Filter popup */ html[data-theme^="new"] .sync-history-filter-popup { background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2); min-width: 180px; box-shadow: 0 4px 12px rgba(0,0,0,0.35); } html[data-theme^="new"] .sync-history-filter-content { display: flex; flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] .sync-history-filter-option { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-2); font-size: var(--text-xs); color: var(--text); cursor: pointer; border-radius: var(--radius-sm); transition: background 0.15s; } html[data-theme^="new"] .sync-history-filter-option:hover { background: var(--surface-hover); } html[data-theme^="new"] .sync-history-filter-option input { accent-color: var(--accent); margin: 0; } html[data-theme^="new"] .sync-history-filter-reset { margin-top: var(--space-1); padding: var(--space-1) var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent); font-size: var(--text-xs); font-weight: 500; cursor: pointer; } html[data-theme^="new"] .sync-history-filter-reset:hover { background: var(--accent-muted); } html[data-theme^="new"] #admin-sub-sync .sync-time-row { display: flex; align-items: center; gap: var(--space-2, 8px); margin-top: var(--space-1, 4px); } /* Sync time remove button — §3.11 clear btn pattern */ html[data-theme^="new"] #admin-sub-sync .sync-time-remove { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text-muted); font-size: 0.75rem; cursor: pointer; padding: 0; transition: color 0.15s, border-color 0.15s; } html[data-theme^="new"] #admin-sub-sync .sync-time-remove:hover { color: var(--err); border-color: var(--err); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-days { display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); } html[data-theme^="new"] #admin-sub-sync .sync-history-err { max-width: 240px; white-space: normal; word-break: break-word; } html[data-theme^="new"] #admin-sub-sync .sync-status-ok { color: var(--success); } html[data-theme^="new"] #admin-sub-sync .sync-status-running { color: var(--warn); } html[data-theme^="new"] #admin-sub-sync .sync-status-err { color: var(--err); } /* 13.7.4 Admin sub-panel & tabs (#panel-admin) — new-theme */ html[data-theme^="new"] .admin-sub-tabs { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: var(--space-4); padding: 0; border-bottom: 1px solid var(--border); } html[data-theme^="new"] .admin-sub-tab { padding: var(--space-2) var(--space-3); background: transparent; color: var(--text-muted); border: none; border-radius: 0; font-size: var(--text-sm); font-weight: 500; cursor: pointer; position: relative; transition: color 0.15s ease; } html[data-theme^="new"] .admin-sub-tab:hover { color: var(--text); background: transparent; border-color: transparent; } html[data-theme^="new"] .admin-sub-tab.active { background: transparent; color: var(--accent); border-color: transparent; font-weight: 600; } html[data-theme^="new"] .admin-sub-tab.active::after { content: ''; position: absolute; bottom: -1px; left: var(--space-3); right: var(--space-3); height: 2px; background: var(--accent); border-radius: 1px; } .hidden { display: none !important; } html[data-theme^="new"] .admin-sub-panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); } html[data-theme^="new"] .admin-sub-panel hr { border: none; border-top: 1px solid var(--border-light); margin: var(--space-5) 0; } /* Admin section divider */ html[data-theme^="new"] .admin-section-divider { border: none; border-top: 1px solid var(--border-light); margin: var(--space-5) 0; } /* Admin sync skeleton loading */ .admin-sync-skels { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); } html[data-theme^="new"] .admin-sync-skel { display: block; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--surface-hover) 0%, var(--border) 50%, var(--surface-hover) 100%); background-size: 200% 100%; animation: admin-sync-shimmer 1.2s ease-in-out infinite; } @keyframes admin-sync-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @media (prefers-reduced-motion: reduce) { .admin-sync-skel { animation: none; } } .admin-sync-skel_title { height: 22px; width: 55%; max-width: 260px; } .admin-sync-skel_line { height: 14px; width: 88%; max-width: 400px; } .admin-sync-skel_btn { height: var(--field-height, 44px); width: 200px; } /* Sync history table — Module Panel Pattern */ html[data-theme^="new"] .sync-history-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: transparent; } html[data-theme^="new"] .sync-history-table thead { background: transparent; border-bottom: none; } html[data-theme^="new"] .sync-history-table thead th { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 2; white-space: nowrap; text-align: left; } html[data-theme^="new"] .sync-history-table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); border-bottom: 1px solid var(--border-light); max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] .sync-history-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); } html[data-theme^="new"] .sync-history-table tbody tr.sync-data-row { cursor: pointer; background: var(--surface); } html[data-theme^="new"] .sync-history-table tbody tr.sync-data-row.sync-data-row_alt { background: var(--bg-elevated); } html[data-theme^="new"] .sync-history-table tbody tr.sync-data-row:hover { background: var(--surface-hover); } html[data-theme^="new"] .sync-history-table tbody tr.sync-data-row[aria-expanded="true"] { background: color-mix(in srgb, var(--accent-muted) 70%, var(--surface)); } html[data-theme^="new"] .sync-history-table tbody tr.sync-data-row[aria-expanded="true"]:hover { background: color-mix(in srgb, var(--accent-muted) 85%, var(--surface)); } html[data-theme^="new"] .sync-history-date { display: flex; align-items: center; gap: var(--space-2); max-width: none; white-space: nowrap; } html[data-theme^="new"] .sync-history-expand-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); color: var(--text-muted); cursor: pointer; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] .sync-history-expand-btn:hover { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); background: var(--surface-hover); } html[data-theme^="new"] .sync-history-expand-btn:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .sync-history-expand-icon { display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid currentColor; transition: transform 0.15s ease; } html[data-theme^="new"] .sync-history-expand-btn[aria-expanded="true"] .sync-history-expand-icon { transform: rotate(90deg); } html[data-theme^="new"] .sync-history-table tbody tr.sync-detail-row td { padding: 0; max-width: none; white-space: normal; overflow: visible; background: color-mix(in srgb, var(--bg-elevated) 92%, var(--accent-muted)); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .sync-detail-panel { padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] .sync-detail-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--space-3) var(--space-4); margin: 0; padding: 0; } html[data-theme^="new"] .sync-detail-metric { margin: 0; display: flex; flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] .sync-detail-metric-label { margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-secondary); } html[data-theme^="new"] .sync-detail-metric-val { margin: 0; font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; } html[data-theme^="new"] .sync-detail-section-title { margin: 0 0 var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--text-primary); } html[data-theme^="new"] .sync-detail-error { margin: 0; color: var(--err); font-family: var(--font-mono); font-size: var(--text-sm); background: var(--err-muted); border: 1px solid color-mix(in srgb, var(--err) 25%, transparent); border-radius: var(--radius-sm); padding: var(--space-3); white-space: pre-wrap; word-break: break-word; line-height: 1.5; max-height: 16rem; overflow: auto; } html[data-theme^="new"] .sync-detail-note { margin: 0; font-size: var(--text-sm); color: var(--text-secondary); line-height: 1.5; } html[data-theme^="new"] .sync-detail-note_running { color: var(--accent); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .sync-history-expand-icon { transition: none; } } html[data-theme^="new"] .sync-history-table tbody tr:last-child td { border-bottom: none; } /* Numeric columns in history table — §3.3 mono */ html[data-theme^="new"] .sync-col-num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; } /* Date column — §3.3 mono for numbers */ html[data-theme^="new"] .sync-history-date { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--text-sm); } /* Duration: number in mono, unit in body */ html[data-theme^="new"] .sync-dur-num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } /* Sync history error cell */ html[data-theme^="new"] .sync-history-table .sync-history-err { max-width: 200px; white-space: normal; word-break: break-word; } html[data-theme^="new"] .sync-history-error { color: var(--err); font-size: var(--text-sm); padding: var(--space-2) var(--space-3); } /* Sync history empty state — §3.13 pattern */ html[data-theme^="new"] .sync-history-empty td { padding: var(--space-6) var(--space-3); text-align: center; } html[data-theme^="new"] .sync-history-empty-title { font-size: var(--text-base); font-weight: 600; color: var(--text); } html[data-theme^="new"] .sync-history-empty .sync-launch-btn { margin-top: var(--space-4); } html[data-theme^="new"] .sync-history-empty-hint { font-size: var(--text-sm); color: var(--text-muted); margin-top: var(--space-1); } /* Stats — inline row §3.3 */ html[data-theme^="new"] .sync-history-stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); margin: 0 0 var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .sync-history-stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] .sync-history-stat-label { order: 1; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); margin: 0; } html[data-theme^="new"] .sync-history-stat-val { order: 0; font-size: 1rem; font-weight: 600; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text); } /* Toolbar search */ html[data-theme^="new"] .sync-history-toolbar { margin-bottom: var(--space-3); } html[data-theme^="new"] .sync-history-search { box-sizing: border-box; width: 100%; height: var(--field-height-sm, 36px); padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg); color: var(--text); font: inherit; font-size: var(--text-sm); outline: none; transition: border-color 0.15s; } html[data-theme^="new"] .sync-history-search::placeholder { color: var(--text-subtle); opacity: 1; } html[data-theme^="new"] .sync-history-search:focus { border-color: var(--accent); } /* Pagination controls */ html[data-theme^="new"] .sync-history-pagination { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding: var(--space-3) 0; } html[data-theme^="new"] .sync-history-pag-btn { padding: var(--space-1) var(--space-3); background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 500; cursor: pointer; min-height: 32px; transition: border-color 0.15s, background 0.15s; } html[data-theme^="new"] .sync-history-pag-btn:hover:not(:disabled) { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .sync-history-pag-btn:disabled { opacity: 0.4; cursor: default; } html[data-theme^="new"] .sync-history-pag-info { font-size: var(--text-xs); color: var(--text-muted); font-weight: 500; } /* Mobile: history table horizontal scroll — §7.b table overflow pattern */ @media (max-width: 900px) { html[data-theme^="new"] #admin-sub-sync { overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #admin-sub-sync .sync-history-table { min-width: 720px; } html[data-theme^="new"] #admin-sub-sync .sync-history-stats { flex-wrap: wrap; gap: var(--space-3); } html[data-theme^="new"] #admin-sub-sync .sync-history-stat { min-width: 80px; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-days { gap: var(--space-1); } } html[data-theme^="new"] .admin-sync-error, html[data-theme^="new"] .rp-error { color: var(--err); background: var(--err-muted); border: 1px solid color-mix(in srgb, var(--err) 35%, transparent); border-radius: var(--radius-md); padding: var(--space-3); font-size: var(--text-sm); } /* Sync settings — new-theme cohesion */ html[data-theme^="new"] #admin-sub-sync .rp-header { margin-bottom: var(--space-3); } html[data-theme^="new"] #admin-sub-sync .rp-title { font-size: var(--text-lg); font-weight: 700; color: var(--text); letter-spacing: var(--tracking-tight); } html[data-theme^="new"] #admin-sub-sync .rp-subtitle { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.5; margin-top: var(--space-1); } html[data-theme^="new"] #admin-sub-sync .rp-actions { margin-top: var(--space-3); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-toggle-group { display: flex; flex-direction: column; gap: var(--space-2); align-items: stretch; /* сброс align-items: center из глобального .rp-actions (app.css) */ } /* Сброс глобального .rp-actions внутри sync-панели — убираем центрирование */ html[data-theme^="new"] #admin-sub-sync .rp-actions { align-items: stretch; justify-content: flex-start; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-field { margin-top: var(--space-4); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-field > span { display: block; font-size: var(--text-sm); font-weight: 600; color: var(--text); margin-bottom: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-radio, html[data-theme^="new"] #admin-sub-sync .sync-schedule-checkbox { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); color: var(--text); cursor: pointer; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-radio input, html[data-theme^="new"] #admin-sub-sync .sync-schedule-checkbox input, html[data-theme^="new"] #admin-sub-sync .sync-settings-toggle { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); color: var(--text); cursor: pointer; } html[data-theme^="new"] #admin-sub-sync .sync-settings-toggle input { accent-color: var(--accent); margin: 0; width: 1.125rem; height: 1.125rem; flex-shrink: 0; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-preset-btn { padding: var(--space-1) var(--space-3); background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 500; cursor: pointer; transition: border-color 0.15s, background 0.15s; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-preset-btn:hover { border-color: var(--accent); background: var(--surface-hover); } /* Active preset — matches which days are selected */ html[data-theme^="new"] #admin-sub-sync .sync-schedule-preset-btn[aria-pressed='true'] { background: var(--accent-muted); border-color: var(--accent); color: var(--accent); } /* Primary sync action — teal fill, stands out from preset buttons */ html[data-theme^="new"] #admin-sub-sync .sync-launch-btn { padding: var(--space-2) var(--space-4); background: var(--accent); color: var(--bg); border: none; border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 600; cursor: pointer; transition: background 0.15s, opacity 0.15s; min-height: var(--field-height); } html[data-theme^="new"] #admin-sub-sync .sync-launch-btn:hover { background: var(--accent-hover); } html[data-theme^="new"] #admin-sub-sync .sync-launch-btn:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] #admin-sub-sync .sync-launch-btn:disabled { opacity: 0.55; cursor: wait; } html[data-theme^="new"] #admin-sub-sync .sync-launch-panel { display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-launch-layout { display: grid; grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); gap: var(--space-5); align-items: stretch; } html[data-theme^="new"] #admin-sub-sync .sync-launch-form { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-aside { display: flex; flex-direction: column; min-width: 0; min-height: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-summary { margin: 0; font-size: var(--text-sm); line-height: 1.5; color: var(--text-secondary); max-width: 72ch; } html[data-theme^="new"] #admin-sub-sync .sync-launch-mode { flex-direction: row; flex-wrap: wrap; gap: var(--space-4); } html[data-theme^="new"] #admin-sub-sync .sync-launch-selective { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); min-inline-size: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-selective[hidden], html[data-theme^="new"] #admin-sub-sync .sync-launch-selective.hidden { display: none !important; } html[data-theme^="new"] #admin-sub-sync .sync-launch-selective-legend { font-size: var(--text-sm); font-weight: 600; color: var(--text); padding: 0; margin: 0 0 var(--space-1); } html[data-theme^="new"] #admin-sub-sync .sync-launch-field.sync-schedule-field { margin-top: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-field_stages { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-field > label { display: block; font-size: var(--text-sm); font-weight: 600; color: var(--text); margin-bottom: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-launch-project-select { width: 100%; max-width: 100%; min-height: var(--field-height-sm); box-sizing: border-box; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); } html[data-theme^="new"] #admin-sub-sync .sync-launch-project-select:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -1px; } html[data-theme^="new"] #admin-sub-sync .sync-launch-project-select:disabled { opacity: 0.65; cursor: not-allowed; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-head { display: flex; align-items: center; gap: var(--space-2); margin: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-head > span { font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-wrap { max-width: 100%; min-width: 0; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-refresh { margin-left: auto; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.75rem, 1fr)); gap: var(--space-1); max-height: 13.5rem; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #admin-sub-sync .sync-launch-stage { margin: 0; min-height: var(--field-height-sm); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); border: 1px solid transparent; transition: background 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stage:hover { background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] #admin-sub-sync .sync-launch-stage span { font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; line-height: 1.3; word-break: break-word; } html[data-theme^="new"] #admin-sub-sync .sync-launch-hint { margin: 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); } html[data-theme^="new"] #admin-sub-sync .sync-launch-hint_error { color: var(--danger); } html[data-theme^="new"] #admin-sub-sync .sync-launch-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border); } html[data-theme^="new"] #admin-sub-sync .sync-launch-btn { width: auto; min-width: 12rem; align-self: flex-start; } /* Журнал запуска синхронизации */ html[data-theme^="new"] #admin-sub-sync .sync-launch-log { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 18rem; margin-top: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); overflow: hidden; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); background: var(--surface); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__head .sync-launch-log__status { margin: 0; font-size: var(--text-xs); font-family: var(--font-mono); color: var(--text-muted); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__clear { margin-left: auto; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__viewport { flex: 1 1 auto; min-height: 10rem; max-height: min(360px, 50vh); overflow: auto; overscroll-behavior: contain; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__list { padding: var(--space-2) var(--space-3); font-family: var(--font-mono); font-size: 0.75rem; line-height: 1.45; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__empty { margin: 0; color: var(--text-muted); font-family: var(--font-body, Manrope, sans-serif); font-size: var(--text-sm); line-height: 1.5; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line { display: grid; grid-template-columns: 4.5rem 1.25rem 1fr; gap: var(--space-2); padding: 2px 0; color: var(--text); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__time { color: var(--text-muted); font-variant-numeric: tabular-nums; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__level { text-align: center; font-weight: 600; } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_success .sync-launch-log__level, html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_success .sync-launch-log__msg { color: var(--success); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_warn .sync-launch-log__level, html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_warn .sync-launch-log__msg { color: var(--warn); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_error .sync-launch-log__level, html[data-theme^="new"] #admin-sub-sync .sync-launch-log__line_error .sync-launch-log__msg { color: var(--danger); } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__msg { word-break: break-word; } @media (max-width: 960px) { html[data-theme^="new"] #admin-sub-sync .sync-launch-layout { grid-template-columns: 1fr; gap: var(--space-4); } html[data-theme^="new"] #admin-sub-sync .sync-launch-aside .sync-launch-log { min-height: 14rem; } html[data-theme^="new"] #admin-sub-sync .sync-launch-stages-refresh { margin-left: 0; } } html[data-theme^="new"] #admin-sub-sync .sync-launch-log__msg { word-break: break-word; } /* Numeric cells — right-aligned for scanning (§3.3 mono) */ html[data-theme^="new"] #admin-sub-sync .sync-col-num { text-align: right; } html[data-theme^="new"] #admin-sub-sync .sync-schedule-presets { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); } html[data-theme^="new"] #admin-sub-sync .sync-schedule-presets-label { font-size: var(--text-xs); color: var(--text-muted); font-weight: 500; } html[data-theme^="new"] #admin-sub-sync input[type="number"] { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); height: var(--field-height-sm); box-sizing: border-box; width: 120px; } html[data-theme^="new"] #admin-sub-sync input[type="number"]:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -1px; } html[data-theme^="new"] #admin-sub-sync input[type="time"] { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); padding: var(--space-1) var(--space-2); font-size: var(--text-sm); height: var(--field-height-sm); box-sizing: border-box; } html[data-theme^="new"] #admin-sub-sync input[type="time"]:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -1px; } /* 13.7.0 Unified entity dialog shell — все стандартные (new-theme) */ html[data-theme^="new"] :is( .dialog-position-create, .dialog-work-type-create, .dialog-subdivision-create, .dialog-brigade-create, .dialog-individual-create, .dialog-employee-create, .dialog-contract-create, .dialog-task-view, .shipments-cargo-dialog, .foreman-ts-dialog, .directors-board__dialog, .pm-grant-dialog, .dialog-totp-wizard, .brigades-detail-dialog ):not(#dialog-movement-edit):not(#dialog-xml-source-connection):not(#dialog-warehouse) { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 0; max-width: min(96vw, 28rem); width: min(96vw, 28rem); color: var(--text); } html[data-theme^="new"] #dialog-docflow-create.dialog-docflow-create { max-width: min(96vw, 40rem); width: min(96vw, 40rem); } html[data-theme^="new"] :is(.dialog-individual-create, .dialog-employee-create) { max-width: min(96vw, 36rem); width: min(96vw, 36rem); } html[data-theme^="new"] .payroll-employee-detail-dialog { padding: 0; border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--bg-elevated); color: var(--text); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 2px 4px rgba(0, 0, 0, 0.2), 0 12px 24px -8px rgba(0, 0, 0, 0.45), 0 24px 48px -16px rgba(0, 0, 0, 0.4); max-width: min(96vw, 76rem); width: min(96vw, 76rem); } html[data-theme^="new"] .shipments-cargo-dialog { max-width: min(96vw, 42rem); width: min(96vw, 42rem); } html[data-theme^="new"] .foreman-ts-dialog_catalog { max-width: min(96vw, 32rem); width: min(96vw, 32rem); } html[data-theme^="new"] .pm-grant-dialog { max-width: min(96vw, 34rem); width: min(96vw, 34rem); } html[data-theme^="new"] :is( .dialog-position-create, .dialog-work-type-create, .dialog-subdivision-create, .dialog-brigade-create, .dialog-individual-create, .dialog-employee-create, .dialog-contract-create, .dialog-task-view, .shipments-cargo-dialog, .foreman-ts-dialog, .directors-board__dialog, .pm-grant-dialog, .dialog-totp-wizard, .brigades-detail-dialog ):not(#dialog-movement-edit):not(#dialog-xml-source-connection):not(#dialog-warehouse)::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] :is( .dialog-position-create-inner, .dialog-work-type-create-inner, .dialog-subdivision-create-inner, .dialog-brigade-create-inner, .dialog-individual-create-inner, .dialog-employee-create-inner, .dialog-contract-create-inner, .shipments-cargo-dialog-inner, .foreman-ts-dialog-inner, .pm-grant-dialog__inner, .dialog-totp-wizard__inner ) { overflow: hidden; border-radius: inherit; background: var(--bg-elevated); } html[data-theme^="new"] :is( .dialog-position-create-header, .dialog-work-type-create-header, .dialog-subdivision-create-header, .dialog-brigade-create-header, .dialog-individual-create-header, .dialog-employee-create-header, .dialog-contract-create-header, .shipments-cargo-dialog-header, .foreman-ts-dialog-head, .directors-board__dialog-header, .pm-grant-dialog__header, .dialog-totp-wizard__header ) { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-5) var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] :is( .dialog-position-create-title, .dialog-work-type-create-title, .dialog-subdivision-create-title, .dialog-brigade-create-title, .dialog-individual-create-title, .dialog-employee-create-title, .dialog-contract-create-title, .shipments-cargo-dialog-title, .foreman-ts-dialog-head h3, .directors-board__dialog-title, .pm-grant-dialog__title, .dialog-totp-wizard__title ) { margin: 0; font-size: var(--text-base); font-weight: 700; color: var(--text-head); text-wrap: balance; line-height: 1.35; letter-spacing: normal; } html[data-theme^="new"] :is( .dialog-position-create-close, .dialog-work-type-create-close, .dialog-subdivision-create-close, .dialog-brigade-create-close, .dialog-individual-create-close, .dialog-employee-create-close, .dialog-contract-create-close, .shipments-cargo-dialog-close, .foreman-ts-dialog-close, .directors-board__dialog-close, .pm-grant-dialog__close, .dialog-totp-wizard__close ) { flex-shrink: 0; background: transparent; border: none; color: var(--text-muted); cursor: pointer; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); } html[data-theme^="new"] :is( .dialog-position-create-close:hover, .dialog-work-type-create-close:hover, .dialog-subdivision-create-close:hover, .dialog-brigade-create-close:hover, .dialog-individual-create-close:hover, .dialog-employee-create-close:hover, .dialog-contract-create-close:hover, .shipments-cargo-dialog-close:hover, .foreman-ts-dialog-close:hover, .directors-board__dialog-close:hover, .pm-grant-dialog__close:hover, .dialog-totp-wizard__close:hover ) { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] :is( .dialog-position-create-close:focus-visible, .dialog-work-type-create-close:focus-visible, .dialog-subdivision-create-close:focus-visible, .dialog-brigade-create-close:focus-visible, .dialog-individual-create-close:focus-visible, .dialog-employee-create-close:focus-visible, .dialog-contract-create-close:focus-visible, .shipments-cargo-dialog-close:focus-visible, .foreman-ts-dialog-close:focus-visible, .directors-board__dialog-close:focus-visible, .pm-grant-dialog__close:focus-visible, .dialog-totp-wizard__close:focus-visible ) { outline: none; box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] [class$="-close-icon"]:not(.dialog-movement-edit-close) svg, html[data-theme^="new"] .pm-grant-dialog__close svg, html[data-theme^="new"] .foreman-ts-dialog-close svg { display: none; } html[data-theme^="new"] [class$="-close-icon"]:not(.dialog-movement-edit-close)::after, html[data-theme^="new"] .pm-grant-dialog__close::after, html[data-theme^="new"] .foreman-ts-dialog-close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] :is( .dialog-position-create-body, .dialog-work-type-create-body, .dialog-subdivision-create-body, .dialog-brigade-create-body, .dialog-individual-create-body, .dialog-employee-create-body, .dialog-contract-create-body, .shipments-cargo-dialog-body, .foreman-ts-dialog-body, .directors-board__dialog-body, .pm-grant-dialog__body, .dialog-passkey-offer__body ) { display: block; flex-wrap: nowrap; align-items: stretch; padding: var(--space-3) var(--space-5) var(--space-4); gap: var(--space-3); max-height: min(72vh, 36rem); overflow: auto; color: var(--text); font-size: var(--text-sm); line-height: 1.5; } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .shipments-cargo-dialog-header + .shipments-cargo-dialog-body + footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2); padding: var(--space-3) var(--space-5); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer, .dialog-passkey-offer__footer, .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) :is(.btn-primary, .btn-secondary, .btn-danger, .btn-login) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; line-height: 1.25; border-radius: var(--radius-md); cursor: pointer; box-sizing: border-box; white-space: nowrap; } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-secondary, html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-login.btn-login--secondary { color: var(--text); background: var(--surface); border: 1px solid var(--border); transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-secondary:hover:not(:disabled), html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-login.btn-login--secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-primary, html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-login:not(.btn-login--secondary) { color: var(--bg); background: var(--accent); border: 1px solid var(--accent); transition: background var(--transition), filter var(--transition); } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-primary:hover:not(:disabled), html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer ) .btn-login:not(.btn-login--secondary):hover:not(:disabled) { background: var(--accent-hover); filter: brightness(1.03); } html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer, .dialog-passkey-offer__footer ) .btn-danger { max-width: 100%; } html[data-theme^="new"] .foreman-ts-dialog-subtitle { margin: var(--space-1) 0 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); } @media (max-width: 480px) { html[data-theme^="new"] :is( .dialog-position-create-footer, .dialog-work-type-create-footer, .dialog-subdivision-create-footer, .dialog-brigade-create-footer, .dialog-individual-create-footer, .dialog-employee-create-footer, .dialog-contract-create-footer, .dialog-docflow-create-footer, .foreman-ts-dialog-foot, .directors-board__dialog-footer, .pm-grant-dialog__footer, .dialog-totp-wizard__footer, .dialog-passkey-offer__footer ) :is(.btn-primary, .btn-secondary, .btn-danger, .btn-login) { flex: 1 1 calc(50% - var(--space-1)); min-width: 0; white-space: normal; text-align: center; } } /* 13.7.3 Модалка ошибок индексации */ html[data-theme^="new"] #dialog-docidx-failed-jobs.dialog-position-create { max-width: min(96vw, 58rem); width: min(96vw, 58rem); } html[data-theme^="new"] #dialog-docidx-failed-jobs .dialog-position-create-inner { max-width: none; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__header-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); min-width: 0; flex: 1 1 auto; } html[data-theme^="new"] #dialog-docidx-failed-jobs .dialog-position-create-body, html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog-body { padding: var(--space-3) var(--space-4); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; align-content: stretch; gap: var(--space-3); max-height: min(72vh, 40rem); overflow: hidden; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-mount, html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__jobs { width: 100%; min-width: 0; flex: 0 0 auto; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__jobs { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: var(--space-2); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); margin: 0; padding: 0; border: none; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__stats { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-4); margin: 0; padding: 0; border: none; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__stat { display: flex; align-items: baseline; gap: 6px; margin: 0; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__stat-term { order: 1; margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__stat-val { order: 0; margin: 0; font-size: 1.125rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--err, var(--color-danger, #c62828)); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-details { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-summary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-3); cursor: pointer; list-style: none; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-summary::-webkit-details-marker { display: none; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-summary::before { content: "▸"; display: inline-block; margin-right: var(--space-2); color: var(--text-muted); transition: transform var(--transition); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-details[open] .docidx-failed-dialog__groups-summary::before { transform: rotate(90deg); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-meta { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table-title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__groups-list { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; padding: 0 var(--space-2) var(--space-2); list-style: none; max-height: 10rem; overflow: auto; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__group { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--space-2); padding: var(--space-2); border-radius: var(--radius-sm); background: var(--bg); border: 1px solid var(--border-light); font-size: var(--text-sm); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__group-count { flex-shrink: 0; min-width: 1.25rem; font-family: var(--font-mono); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--err, var(--color-danger, #c62828)); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__group-msg { min-width: 0; color: var(--text); line-height: 1.45; word-break: break-word; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__copy { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; padding: 0; color: var(--text-muted); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: background var(--transition), border-color var(--transition), color var(--transition); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__copy:hover { color: var(--accent); border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__copy_done { color: var(--success); border-color: var(--success); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table-scroll { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 12rem; overflow: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: var(--text-sm); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-col-file { width: 22%; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-col-contract { width: 16%; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-col-err { width: 46%; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-col-when { width: 16%; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table thead th { position: sticky; top: 0; z-index: 1; background: var(--bg-elevated); padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; color: var(--text-subtle); border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table tbody td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-light); vertical-align: top; color: var(--text); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table tbody tr:last-child td { border-bottom: none; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__cell-name, html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__cell-contract { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__cell-name { white-space: normal; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__file-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__err-row { display: flex; align-items: flex-start; gap: var(--space-2); min-width: 0; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__err-text { flex: 1 1 auto; min-width: 0; word-break: break-word; line-height: 1.45; color: var(--err, var(--color-danger, #c62828)); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__attempt { display: block; margin-top: 2px; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__cell-when { font-family: var(--font-mono); font-size: var(--text-xs); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__badge { display: inline-block; margin-left: var(--space-1); padding: 0 0.35rem; border-radius: var(--radius-sm); font-size: 0.625rem; font-weight: 600; vertical-align: middle; } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__badge_warn { background: color-mix(in srgb, var(--warning) 14%, transparent); color: var(--warning); border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border)); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__loading, html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__empty { padding: var(--space-4); text-align: center; color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__error { padding: var(--space-3); color: var(--err, var(--color-danger, #c62828)); font-size: var(--text-sm); } html[data-theme^="new"] #dialog-docidx-failed-jobs .docidx-failed-dialog__footer-start { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-right: auto; } html[data-theme^="new"] #dialog-docidx-failed-jobs .dialog-position-create-footer .docflow-customers-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); font-size: var(--text-sm); font-weight: 600; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); } html[data-theme^="new"] #dialog-docidx-failed-jobs .dialog-position-create-footer .docflow-customers-registry__refresh-btn:hover:not(:disabled) { background: var(--surface-hover); border-color: var(--accent); } /* 13.7.4 Модалки индексирования ДО — размеры и контент */ html[data-theme^="new"] :is(#dialog-docidx-confirm, #dialog-docidx-reindex-all) { max-width: min(96vw, 32rem); width: min(96vw, 32rem); } html[data-theme^="new"] #dialog-docidx-summary.dialog-position-create { max-width: min(96vw, 52rem); width: min(96vw, 52rem); } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-dialog-body > :first-child { margin-top: 0; } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-dialog-body > :last-child { margin-bottom: 0; } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-list { margin: var(--space-3) 0; padding-left: 1.25rem; color: var(--text); } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-list li { margin: var(--space-1) 0; padding-left: var(--space-1); } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-list li::marker { color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-confirm .docidx-confirm-note { margin: var(--space-3) 0 0; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); background: var(--bg); border: 1px solid var(--border-light); border-radius: var(--radius-sm); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-dialog-lead { margin: 0 0 var(--space-3); color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-fieldset { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option { display: flex; gap: var(--space-3); align-items: flex-start; margin: 0; padding: var(--space-3); font-size: var(--text-sm); line-height: 1.45; color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: border-color var(--transition), background var(--transition); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option:hover { border-color: var(--border-muted); background: var(--surface-hover); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option:has(input:focus-visible) { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option input { margin-top: 0.15em; flex-shrink: 0; accent-color: var(--accent); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option strong { color: var(--text-head); font-weight: 600; } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option_warn { border-color: color-mix(in srgb, var(--warning) 35%, var(--border)); background: color-mix(in srgb, var(--warning) 6%, var(--bg)); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-option_warn strong { color: var(--warning); } html[data-theme^="new"] #dialog-docidx-reindex-all .docidx-reindex-dialog-hint { margin: var(--space-3) 0 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-summary .docidx-summary-dialog-inner { max-height: min(85vh, 720px); display: flex; flex-direction: column; } html[data-theme^="new"] #dialog-docidx-summary .docidx-summary-dialog-meta { margin: 0 0 var(--space-2); font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #dialog-docidx-summary .docidx-summary-dialog-body { margin: 0; padding: var(--space-3); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.5; white-space: pre-wrap; word-break: break-word; color: var(--text); max-height: min(60vh, 520px); overflow: auto; } /* 13.8 Breadcrumbs */ html[data-theme^="new"] .docflow-breadcrumbs { background: var(--bg); border-bottom: 1px solid var(--border); padding: var(--space-1) var(--space-4); line-height: 1.5; font-size: var(--text-xs); } html[data-theme^="new"] .docflow-breadcrumb-btn { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .docflow-breadcrumb-btn:hover { color: var(--accent); } html[data-theme^="new"] .docflow-breadcrumb-sep { font-size: var(--text-xs); color: var(--text-subtle); margin: 0 2px; } html[data-theme^="new"] .docflow-breadcrumbs--empty { color: var(--text-muted); font-size: var(--text-xs); } /* 13.9 Counter badge */ html[data-theme^="new"] .docflow-counter-badge { background: var(--bg-elevated); } /* 13.10 Sort buttons + flat links */ html[data-theme^="new"] .docflow-flat-th, html[data-theme^="new"] .docflow-sort-btn, html[data-theme^="new"] .docflow-flat-link { background: transparent; border: none; } /* 13.11 Flat list table */ html[data-theme^="new"] .docflow-flat-table { margin-top: var(--space-2); } html[data-theme^="new"] .docflow-flat-table thead th { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); padding: var(--space-1) var(--space-2); } html[data-theme^="new"] .docflow-flat-table tbody tr + tr td { border-top: 1px solid var(--border-light); } /* 13.12 Detail view — hero flat, info-grid flat, sections clean */ html[data-theme^="new"] .docflow-detail-view__header .docflow-breadcrumbs { background: var(--bg-elevated); border-color: var(--border); } html[data-theme^="new"] .docflow-detail-view__inner { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] .docflow-detail-view__inner > .docflow-detail-actions { border-top: 1px solid var(--border); } html[data-theme^="new"] #panel-docflow .docflow-detail-actions .btn-secondary { height: var(--field-height); min-height: var(--field-height); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--space-4); border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--border); color: var(--text); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-docflow .docflow-detail-actions .btn-secondary:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-docflow .docflow-panel__delete-btn { color: var(--err); border-color: color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] #panel-docflow .docflow-panel__delete-btn:hover { border-color: var(--err); background: var(--err-muted); color: var(--err); } html[data-theme^="new"] #panel-docflow .docflow-panel__action-btn { height: var(--field-height); min-height: var(--field-height); } html[data-theme^="new"] .contract-card__hero { background: transparent; border: none; padding: var(--space-3) var(--space-4) 0; } html[data-theme^="new"] .contract-card__avatar { box-shadow: 0 0 0 3px var(--bg-elevated), 0 2px 8px rgba(0,0,0,0.35); } html[data-theme^="new"] .contract-card__status-badge { background: var(--bg-elevated); } html[data-theme^="new"] .contract-card__info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); margin-top: var(--space-3); padding: 0 var(--space-4); } html[data-theme^="new"] .contract-card__info-item { display: flex; flex-direction: column; gap: 2px; padding: var(--space-2) var(--space-3); background: var(--bg-elevated); border-radius: var(--radius-sm); border: 1px solid var(--border-muted); } html[data-theme^="new"] .contract-card__info-item--status { border-color: color-mix(in srgb, var(--success) 35%, var(--border-muted)); background: color-mix(in srgb, var(--success-muted) 40%, var(--bg-elevated)); } html[data-theme^="new"] .contract-card__info-item--date-ok { border-color: color-mix(in srgb, var(--success) 35%, var(--border-muted)); background: color-mix(in srgb, var(--success-muted) 40%, var(--bg-elevated)); } html[data-theme^="new"] .contract-card__info-item--date-overdue { border-color: color-mix(in srgb, var(--err) 35%, var(--border-muted)); background: color-mix(in srgb, var(--err-muted) 40%, var(--bg-elevated)); } html[data-theme^="new"] .contract-card__info-item--date-none { border-color: color-mix(in srgb, var(--accent) 35%, var(--border-muted)); background: color-mix(in srgb, var(--accent-muted) 40%, var(--bg-elevated)); } html[data-theme^="new"] .contract-card__info-label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .contract-card__info-value { font-size: var(--text-sm); color: var(--text); word-break: break-word; font-family: var(--font-sans); } html[data-theme^="new"] .contract-card__info-item--inline-editable { cursor: text; } html[data-theme^="new"] .contract-card__info-item--inline-editable:focus-within { border-color: color-mix(in srgb, var(--accent) 45%, var(--border-muted)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent); } html[data-theme^="new"] .contract-card__everyday-inline-input { width: 100%; min-height: 2rem; margin: 0; padding: var(--space-1) var(--space-2); font-size: var(--text-sm); font-family: var(--font-sans); } html[data-theme^="new"] .contract-card__section { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; } html[data-theme^="new"] .contract-card__form { padding: 0 var(--space-4) var(--space-4); } /* 13.13 Doc search, index status, files — clean surfaces */ html[data-theme^="new"] .docflow-doc-search, html[data-theme^="new"] .docflow-index-status, html[data-theme^="new"] .docflow-files { padding: 0 var(--space-4) var(--space-4); } html[data-theme^="new"] .docflow-doc-search__title, html[data-theme^="new"] .docflow-index-status__title, html[data-theme^="new"] .docflow-files__title { font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); margin: var(--space-4) 0 var(--space-2); display: flex; align-items: center; gap: var(--space-2); } html[data-theme^="new"] .docflow-doc-search__title::before, html[data-theme^="new"] .docflow-index-status__title::before, html[data-theme^="new"] .docflow-files__title::before { content: ''; display: block; width: 3px; height: 1rem; background: var(--accent); border-radius: 2px; } html[data-theme^="new"] .docflow-doc-search__bar { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: var(--space-1) var(--space-2); } html[data-theme^="new"] .docflow-index-status__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-4); } html[data-theme^="new"] .docflow-index-status__head .docflow-index-status__title { margin-top: 0; } html[data-theme^="new"] .docflow-index-status__value { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .docflow-files__mount { margin-top: var(--space-2); } html[data-theme^="new"] .docflow-doc-ask__section { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3); margin-bottom: var(--space-3); } /* 13.14 Быстрые вопросы — suggestion chips */ html[data-theme^="new"] .docflow-doc-suggestions { margin-bottom: var(--space-3); } html[data-theme^="new"] .docflow-doc-suggestions__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-2); } html[data-theme^="new"] .docflow-doc-suggestions__label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); margin: 0; } html[data-theme^="new"] .docflow-doc-suggestions__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; } html[data-theme^="new"] .docflow-doc-suggestions__chip { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 99px; background: transparent; color: var(--text-muted); font-size: var(--text-xs); font-weight: 500; padding: 1px var(--space-2); cursor: pointer; transition: color var(--transition, 0.15s), border-color var(--transition, 0.15s); white-space: nowrap; line-height: 1.4; } html[data-theme^="new"] .docflow-doc-suggestions__chip:hover:not(:disabled) { color: var(--accent); border-color: var(--accent); } html[data-theme^="new"] .docflow-doc-suggestions__chip:disabled { opacity: 0.4; cursor: default; } html[data-theme^="new"] .docflow-doc-suggestions__more { background: none; border: none; color: var(--accent); font-size: var(--text-xs); font-weight: 500; cursor: pointer; padding: 1px var(--space-1); white-space: nowrap; line-height: 1.4; } html[data-theme^="new"] .docflow-doc-suggestions__more:hover { text-decoration: underline; } html[data-theme^="new"] .docflow-doc-suggestions__loading, html[data-theme^="new"] .docflow-doc-suggestions__empty { font-size: var(--text-xs); color: var(--text-muted); margin: 0; padding: 0; } /* 13.15 Counterparties registry — shared flat table (chip sort — legacy в app.css вне #docflow-*-list) */ html[data-theme^="new"] .docflow-customers-registry__th { background: transparent; border: none; border-radius: 0; min-height: 36px; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] .docflow-customers-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] .docflow-customers-registry__th:hover .docflow-customers-registry__th-label { color: var(--accent); } html[data-theme^="new"] .docflow-customers-registry__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] .docflow-customers-registry__head-static { background: transparent; border: none; border-radius: 0; min-height: 36px; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] .docflow-customers-registry__table thead th { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] .docflow-customers-registry__table tbody tr:hover { background: var(--surface-hover); } html[data-theme^="new"] .docflow-customers-registry__table tbody tr + tr td { border-top: 1px solid var(--border-light); } /* 13.16 Sites + Customers (panel-docflow-sites, panel-docflow-customers) — chrome как #panel-directors-board */ html[data-theme^="new"] #panel-docflow-sites > .card, html[data-theme^="new"] #panel-docflow-customers > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry { gap: var(--space-5); } /* Сводка: inline-flex как directors-board (web-ui-style §3.3) */ html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__stats, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; grid: none; } @media (max-width: 720px) { html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__stats, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__stat, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__stat-term, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__stat-val, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__toolbar, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__toolbar { background: transparent; border: none; padding: 0; margin: 0; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__control, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__control { height: var(--field-height); min-height: var(--field-height); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text); padding: 0 var(--space-3); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__icon-btn, html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__refresh-btn, html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__bulk-delete-btn, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__icon-btn, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__refresh-btn, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__bulk-delete-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__icon-btn:hover, html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__refresh-btn:hover, html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__bulk-delete-btn:hover, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__icon-btn:hover, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__refresh-btn:hover, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__bulk-delete-btn:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__pane, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__pane { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__pane-head, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__pane-head { background: transparent; border: none; padding: var(--space-2) var(--space-3) 0; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__pane-title, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__pane-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); margin: 0; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table-scroll, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table-scroll { width: 100%; overflow: auto; max-height: min(62vh, 560px); border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table { background: transparent; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody td, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr:last-child, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr:nth-child(odd), html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr:nth-child(even), html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr:hover, html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table tbody tr:hover td, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr:hover, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-docflow-sites .docflow-customers-registry__table thead th, html[data-theme^="new"] #panel-docflow-customers .docflow-customers-registry__table thead th { background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__table thead th.docflow-customers-registry__th-cell:not(.docflow-customers-registry__checkbox-cell), html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__table thead th.docflow-customers-registry__th-cell:not(.docflow-customers-registry__checkbox-cell) { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th { background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th:hover, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th[aria-pressed='true'], html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th-label, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th:hover .docflow-customers-registry__th-label, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th:hover .docflow-customers-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th[aria-pressed='true'] .docflow-customers-registry__th-label, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th[aria-pressed='true'] .docflow-customers-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__th-sort, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-list .docflow-customers-registry__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-docflow-sites #docflow-sites-list .docflow-customers-registry__head-static, html[data-theme^="new"] #panel-docflow-customers #docflow-customers-registry__head-static { background: transparent; border: none; min-height: 36px; font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } /* 13.13 Docflow tree — Finder-style: indent only, без направляющих (#panel-docflow, #admin-sub-document-index) */ html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-panel, html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-content { --docflow-tree-indent: 1.25rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-root, html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children { margin: 0; padding: 0; border: none; list-style: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children { padding-left: var(--docflow-tree-indent); } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children .docflow-tree-children { margin-left: 0; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children > .docflow-tree-node::before, html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children > .docflow-tree-node::after, html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-children > .docflow-tree-node:last-child::after { content: none !important; display: none !important; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-content { content-visibility: auto; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-node { margin: 0; content-visibility: auto; contain-intrinsic-size: auto 1.75rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row { align-items: center; gap: 0.375rem; min-height: 1.75rem; padding: 0.125rem 0.375rem; margin: 0; border: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row:has(.docflow-tree-secondary) { align-items: flex-start; min-height: 2.375rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--active { background: var(--accent-muted); border: none; border-radius: var(--radius-sm); padding-left: 0.375rem; box-shadow: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row:hover:not(.docflow-tree-row--active) { background: var(--surface-hover); } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 1px; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-prefix { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-text { font-size: var(--text-sm); font-weight: 500; line-height: 1.35; color: var(--text-head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-secondary { font-size: 0.6875rem; line-height: 1.35; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-secondary .docflow-tree-meta-end--overdue { color: var(--err); font-weight: 600; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-file-count { margin-left: 0.25rem; font-family: var(--font-mono); font-size: 0.6875rem; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--text-muted); } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-counter-badge { margin-left: auto; align-self: center; flex-shrink: 0; min-width: 1.125rem; padding: 0 0.3rem; font-family: var(--font-mono); font-size: 0.625rem; font-variant-numeric: tabular-nums; line-height: 1.4; color: var(--text-muted); background: transparent; border: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-node-icon { width: 1rem; height: 1rem; margin-top: 0; color: var(--text-muted); flex-shrink: 0; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row:has(.docflow-tree-secondary) .docflow-node-icon { margin-top: 0.125rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--active .docflow-node-icon { color: var(--accent); } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-expand--spacer { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; flex-shrink: 0; visibility: hidden; pointer-events: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-counter-badge--placeholder { color: transparent; background: transparent; border: none; user-select: none; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty { opacity: 0.62; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty .docflow-tree-text { color: var(--text-muted); font-weight: 400; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty .docflow-node-icon { color: var(--text-muted); opacity: 0.85; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty:hover, html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty.docflow-tree-row--active { opacity: 1; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row--empty.docflow-tree-row--active .docflow-tree-text { color: var(--text-head); font-weight: 500; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-expand:not(.docflow-tree-expand--spacer) { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; margin-top: 0; flex-shrink: 0; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row:has(.docflow-tree-secondary) .docflow-tree-expand:not(.docflow-tree-expand--spacer) { margin-top: 0.125rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-expand:not(.docflow-tree-expand--spacer):focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 1px; border-radius: 2px; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-node > .docflow-tree-meta { display: none; } @media (max-width: 720px) { html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-expand--spacer { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; } html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-expand:not(.docflow-tree-expand--spacer) { width: 2.75rem; height: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] :is(#panel-docflow, #admin-sub-document-index) .docflow-tree-row { transition: none; } } /* === 14. Timesheet Analytics (panel-timesheet-analytics) — v2 rewrite === */ html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); } html[data-theme^="new"] .panel-body_timesheet-analytics { padding: var(--space-4); } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-registry__stats .positions-registry__stat-val { font-size: var(--text-lg); } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .positions-registry__control, html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .positions-registry__refresh-btn, html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-registry__filter, html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-registry__month-btn, html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-registry__reset-btn { border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-registry__pane { background: var(--bg-elevated); box-shadow: none; } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-heat__cell_active { outline-color: var(--accent-focus); } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-detail__line { stroke: var(--accent) !important; } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-detail__grid { stroke: var(--border) !important; opacity: 0.45; } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-detail__bar-fill { background: color-mix(in srgb, var(--accent) 55%, transparent) !important; } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-detail__bar-label { color: var(--text-muted) !important; } html[data-theme^="new"] :is(#panel-timesheet, #panel-timesheet-analytics) .ts-ana-detail__bar-val { color: var(--text) !important; } /* ======================================================================== 15. Проекты ЗМК (panel-projects) ======================================================================== */ /* --- Panel title --- */ html[data-theme^="new"] #panel-projects > h2 { margin-bottom: var(--space-4); } /* --- Card wrapper --- */ html[data-theme^="new"] #panel-projects > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: auto; } /* --- Toolbar: transparent, compact, no margin (gap from parent) --- */ html[data-theme^="new"] #panel-projects .panel-toolbar { background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; gap: var(--space-2); min-height: 0; } /* --- Stats: inline-flex row with border-bottom (как в Для директоров) --- */ html[data-theme^="new"] .projects-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } @media (max-width: 720px) { html[data-theme^="new"] .projects-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] .projects-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .projects-registry__stat-term { order: 1; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .projects-registry__stat-val { order: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } /* --- Search: field + control (как в Для директоров) --- */ html[data-theme^="new"] .projects-registry__field_grow { flex: 1 1 auto; min-width: 0; } html[data-theme^="new"] .projects-registry__field-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* --- Table: override generic .panel thead / .panel table --- */ html[data-theme^="new"] #panel-projects .projects-table { background: transparent; } html[data-theme^="new"] #panel-projects .projects-table thead { background: transparent; border-bottom: none; } html[data-theme^="new"] #panel-projects .projects-table thead th { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-projects .projects-table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-projects .projects-table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-projects .projects-table tbody tr:last-child { border-bottom: none; } /* Striped rows — как у .panel tbody */ html[data-theme^="new"] #panel-projects .projects-table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-projects .projects-table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-projects .projects-table tbody tr:hover { background: var(--surface-hover); } /* --- Column headers: chip + ▼ (эталон employees-registry) --- */ html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table thead th { position: sticky; top: 0; z-index: 2; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table thead th.projects-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] #panel-projects .projects-registry__th-chip { position: relative; box-sizing: border-box; width: 100%; border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-projects .projects-registry__th-chip .projects-registry__th, html[data-theme^="new"] #panel-projects .projects-registry__th-chip .projects-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-projects .projects-registry__th-chip .projects-registry__th { width: 100%; margin: 0; padding: var(--space-2) calc(var(--space-2) + 1.375rem) var(--space-2) var(--space-2); } html[data-theme^="new"] #panel-projects .projects-registry__th { background: transparent; border: none; min-height: 36px; } html[data-theme^="new"] #panel-projects .projects-registry__th:hover { background: transparent; } html[data-theme^="new"] #panel-projects .projects-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #panel-projects .projects-registry__th:hover .projects-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-projects .projects-registry__th[aria-pressed='true'] .projects-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-projects .projects-registry__th-sort { font-size: 0.625rem; color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-projects .projects-registry__th-filter { position: absolute; z-index: 1; top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; color: var(--text-subtle); cursor: pointer; } html[data-theme^="new"] #panel-projects .projects-registry__th-filter:hover { background: transparent; } html[data-theme^="new"] #panel-projects .projects-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-projects .projects-registry__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] #panel-projects .projects-registry__th-chip:has(.projects-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] #panel-projects .projects-registry__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-projects .projects-registry__th-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-projects .projects-registry__th-filter-icon { display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #panel-projects .projects-registry__active-filters { margin: 0 0 var(--space-3); } html[data-theme^="new"] #panel-projects .projects-registry__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-projects .projects-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-projects .projects-registry__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; padding: var(--space-1) var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #panel-projects .projects-registry__filter-chip:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #panel-projects .projects-registry__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #panel-projects .projects-registry__active-filters-clear-all { min-height: 2.75rem; margin: 0; padding: var(--space-1) var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent); font: inherit; font-size: var(--text-xs); font-weight: 500; cursor: pointer; } html[data-theme^="new"] #panel-projects .projects-registry__active-filters-clear-all:hover { text-decoration: underline; } /* --- Checkboxes: teal accent, visible on row hover (fallback вне #projects-list) --- */ html[data-theme^="new"] #panel-projects .project-row-checkbox, html[data-theme^="new"] #panel-projects .project-select-all-checkbox { accent-color: var(--accent); width: 1rem; height: 1rem; } /* --- Number cell (project name) --- */ html[data-theme^="new"] #panel-projects .project-number-text { font-weight: 600; color: var(--text-head); } /* --- BIM eye icon --- */ html[data-theme^="new"] #panel-projects .bim-view-link.bim-view-eye { color: var(--accent); } html[data-theme^="new"] #panel-projects .bim-view-link.bim-view-eye:hover { background: var(--surface); color: var(--accent-hover); } html[data-theme^="new"] #panel-projects .bim-view-eye.bim-eye-disabled { opacity: 0.45; } /* --- Description cell --- */ html[data-theme^="new"] #panel-projects .project-desc-cell, html[data-theme^="new"] #panel-projects .project-axis-cell { color: var(--text-muted); } /* --- Inline edit input --- */ html[data-theme^="new"] #panel-projects .project-desc-edit { background: var(--bg); border: 1px solid var(--accent); border-radius: var(--radius-sm); color: var(--text); font-size: inherit; font-family: inherit; padding: var(--space-1) var(--space-2); } /* --- Weight cell: tabular numbers --- */ html[data-theme^="new"] #panel-projects .project-weight-cell { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text-head); text-align: right; padding-right: var(--space-3); } /* --- Axis cell: mono --- */ html[data-theme^="new"] #panel-projects .project-axis-cell { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--text-sm); } /* --- Progress bar: teal gradient --- */ html[data-theme^="new"] #panel-projects .project-progress-bar { background: var(--border-muted); border-radius: 999px; height: 6px; overflow: hidden; } html[data-theme^="new"] #panel-projects .project-progress-bar-fill { height: 100%; background: linear-gradient(to right, var(--accent-muted), var(--accent)); border-radius: 999px; } /* --- Stages & files-ready cells --- */ html[data-theme^="new"] #panel-projects .col-stages, html[data-theme^="new"] #panel-projects .col-files-ready { text-align: center; font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--text-sm); } /* Checkmark for fully converted files */ html[data-theme^="new"] #panel-projects .col-files-ready { font-weight: 600; } /* Warning when .frag exists but ifc_elements are missing */ html[data-theme^="new"] #panel-projects .ifc-elements-warning { font-weight: 400; font-size: var(--text-xs); color: var(--warn); cursor: help; margin-right: 2px; } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn, #panel-projects .ifc-convert-missing-btn { font-size: var(--text-xs); padding: 0 var(--space-2); vertical-align: baseline; cursor: pointer; color: var(--accent); background: transparent; border: 1px solid var(--accent); border-radius: var(--radius-sm); white-space: nowrap; transition: background 0.15s, color 0.15s, border-color 0.15s; line-height: 1.8; } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn:hover, #panel-projects .ifc-convert-missing-btn:hover { background: var(--accent); color: #fff; } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn:disabled, #panel-projects .ifc-convert-missing-btn:disabled { opacity: 0.5; cursor: default; } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn.is-done, #panel-projects .ifc-convert-missing-btn.is-done { border-color: var(--success); color: var(--success); } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn.is-done:hover, #panel-projects .ifc-convert-missing-btn.is-done:hover { background: var(--success); color: #fff; } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn.is-error, #panel-projects .ifc-convert-missing-btn.is-error { border-color: var(--err); color: var(--err); } html[data-theme^="new"] #panel-projects .ifc-convert-missing-btn.is-error:hover, #panel-projects .ifc-convert-missing-btn.is-error:hover { background: var(--err); color: #fff; } html[data-theme^="new"] #panel-projects .convert-error-detail, #panel-projects .convert-error-detail { font-size: var(--text-xs); color: var(--err); background: var(--err-muted); padding: var(--space-1) var(--space-2); border: 1px solid color-mix(in srgb, var(--err) 35%, transparent); border-radius: var(--radius-sm); user-select: text; word-break: break-word; max-width: 280px; margin-top: var(--space-1); text-align: left; font-family: var(--font-mono); } html[data-theme^="new"] #panel-projects .col-files-ready { position: relative; } /* --- Empty state --- */ html[data-theme^="new"] #panel-projects #projects-list > p { margin: 0; padding: var(--space-8) var(--space-4); background: transparent; border: 1px dashed var(--border); border-radius: var(--radius-md); color: var(--text-muted); font-size: var(--text-sm); text-align: center; } /* --- Error state --- */ html[data-theme^="new"] #panel-projects #projects-list > p.err { color: var(--err); background: var(--err-muted); border: 1px solid var(--err-muted); } /* --- Bulk actions --- */ html[data-theme^="new"] #projects-delete-selected-btn { color: var(--err); border: 1px solid var(--err); background: transparent; font-size: var(--text-sm); font-weight: 500; border-radius: var(--radius-sm); padding: var(--space-1) var(--space-3); cursor: pointer; transition: background 0.15s; } html[data-theme^="new"] #projects-delete-selected-btn:hover { background: var(--err-muted); } /* --- Pane: inner card (bubble) around the table --- */ html[data-theme^="new"] .projects-registry__pane { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; } html[data-theme^="new"] .projects-registry__pane-head { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .projects-registry__pane-title { margin: 0; font-size: var(--text-sm); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] .projects-registry__table-scroll { width: 100%; overflow: auto; max-height: min(62vh, 560px); border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg); } /* Таблица проектов — как референс directors-board */ html[data-theme^="new"] #projects-list .projects-table { background: transparent; table-layout: fixed; width: 100%; } /* Чекбокс: узкая колонка (иначе fixed-layout делит ширину поровну). */ html[data-theme^="new"] #projects-list .projects-registry__table thead th.projects-registry__checkbox-cell, html[data-theme^="new"] #projects-list .projects-registry__table tbody td.project-checkbox-cell { width: 2rem; min-width: 2rem; max-width: 2rem; padding: var(--space-1); text-align: center; vertical-align: middle; box-sizing: border-box; } html[data-theme^="new"] #projects-list .projects-registry__table thead th.projects-registry__checkbox-cell { padding-top: var(--space-2); padding-bottom: var(--space-2); } html[data-theme^="new"] #projects-list .projects-registry__table .project-row-checkbox, html[data-theme^="new"] #projects-list .projects-registry__table .project-select-all-checkbox { display: block; width: 1rem; height: 1rem; margin: 0 auto; cursor: pointer; accent-color: var(--accent); opacity: 0; transition: opacity var(--transition); } html[data-theme^="new"] #projects-list .projects-registry__table tbody tr:hover .project-row-checkbox, html[data-theme^="new"] #projects-list .projects-registry__table.projects-has-selection .project-row-checkbox, html[data-theme^="new"] #projects-list .projects-registry__table.projects-has-selection .project-select-all-checkbox { opacity: 1; } html[data-theme^="new"] #projects-list .projects-table thead th { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #projects-list .projects-table thead th.projects-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] #projects-list .projects-table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] #projects-list .projects-table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #projects-list .projects-table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] #projects-list .projects-table tbody tr:hover { background: var(--surface-hover); } /* ======================================================================== 16. Dialog: Create Project — solid bg, consistent with export modals ======================================================================== */ html[data-theme^="new"] .dialog-project-create { background: var(--bg-elevated); border: 1px solid var(--border); box-shadow: var(--shadow-lg); } /* Replace SVG close with ✕ */ html[data-theme^="new"] .dialog-project-create-close-icon svg { display: none; } html[data-theme^="new"] .dialog-project-create-close-icon::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .dialog-project-create-close-icon:hover { background: var(--surface-hover); color: var(--text); } /* 16.b Dialog: guest BIM link — полный слой new-theme (web-ui-style §4.1) */ html[data-theme^="new"] .dialog-project-guest-link { color: var(--text); } html[data-theme^="new"] .dialog-project-guest-link .dialog-project-create-header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-5) var(--space-2); } html[data-theme^="new"] .dialog-project-guest-link .dialog-project-create-title { margin: 0; font-size: var(--text-xl); font-weight: 600; letter-spacing: var(--tracking-tight); line-height: var(--leading-tight); color: var(--text-head); } html[data-theme^="new"] .dialog-project-guest-link .dialog-project-create-close { flex-shrink: 0; width: 2rem; height: 2rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--radius-md); cursor: pointer; background: transparent; color: var(--text-muted); transition: background var(--transition), color var(--transition); } html[data-theme^="new"] .dialog-project-guest-link .dialog-project-create-close:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] .dialog-project-guest-link .dialog-project-create-body { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-3) var(--space-5); color: var(--text); } html[data-theme^="new"] .dialog-project-guest-link .form-field { display: flex; flex-direction: column; gap: var(--space-1); margin: 0; min-width: 0; } html[data-theme^="new"] .dialog-project-guest-link .form-field label { font-size: var(--text-sm); font-weight: 500; line-height: var(--leading-normal); color: var(--text-muted); letter-spacing: 0.01em; } html[data-theme^="new"] .dialog-project-guest-link .projects-guest-link-hint { margin: 0; font-size: var(--text-sm); line-height: 1.5; color: color-mix(in srgb, var(--text) 68%, var(--text-muted)); max-width: 52ch; } html[data-theme^="new"] .projects-guest-link-row { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: stretch; } html[data-theme^="new"] .projects-guest-link-url { flex: 1 1 12rem; min-width: 0; min-height: var(--field-height); padding: 0 var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); line-height: 1.45; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg); color: var(--text); box-sizing: border-box; } html[data-theme^="new"] .projects-guest-link-url:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy { flex: 0 0 auto; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; white-space: nowrap; transition: background var(--transition), border-color var(--transition), color var(--transition); } html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy.is-copied { color: var(--success); border-color: color-mix(in srgb, var(--success) 45%, var(--border)); background: var(--success-muted); } html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy:disabled { opacity: 0.45; cursor: not-allowed; } html[data-theme^="new"] .projects-guest-link-stats { margin: 0; font-size: var(--text-xs); color: color-mix(in srgb, var(--text) 62%, var(--text-muted)); font-family: var(--font-mono); font-variant-numeric: tabular-nums; } html[data-theme^="new"] .projects-guest-link-toggle { display: inline-flex; align-items: center; gap: var(--space-3); min-height: var(--field-height); padding: var(--space-1) 0; font-size: var(--text-sm); font-weight: 500; color: var(--text); cursor: pointer; user-select: none; } html[data-theme^="new"] .projects-guest-link-toggle__text { color: var(--text); } html[data-theme^="new"] .projects-guest-link-toggle input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--accent); flex-shrink: 0; } html[data-theme^="new"] .projects-guest-link-footer { justify-content: space-between; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-5) var(--space-4); background: var(--bg-elevated); border-top: 1px solid var(--border); } html[data-theme^="new"] .projects-guest-link-footer .btn-secondary, html[data-theme^="new"] .projects-guest-link-footer .projects-guest-link-open { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; line-height: 1.25; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; text-decoration: none; box-sizing: border-box; white-space: nowrap; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .projects-guest-link-footer .btn-secondary:hover, html[data-theme^="new"] .projects-guest-link-footer .projects-guest-link-open:hover { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] .projects-guest-link-footer__actions { display: inline-flex; align-items: center; gap: var(--space-2); margin-left: auto; } html[data-theme^="new"] .projects-guest-link-footer .projects-guest-link-open[aria-disabled="true"] { opacity: 0.45; pointer-events: none; } html[data-theme^="new"] .dialog-project-guest-link[aria-busy="true"] .dialog-project-create-body { opacity: 0.55; pointer-events: none; } html[data-theme^="new"] .dialog-project-guest-link[aria-busy="true"] .projects-guest-link-url { color: var(--text-muted); } @media (max-width: 28rem) { html[data-theme^="new"] .projects-guest-link-row { flex-direction: column; } html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy { width: 100%; } html[data-theme^="new"] .projects-guest-link-footer { flex-direction: column-reverse; align-items: stretch; } html[data-theme^="new"] .projects-guest-link-footer__actions { margin-left: 0; width: 100%; } html[data-theme^="new"] .projects-guest-link-footer__actions .btn-secondary, html[data-theme^="new"] .projects-guest-link-footer .projects-guest-link-open { width: 100%; justify-content: center; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .projects-guest-link-row .projects-guest-link-copy { transition: none; } } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table th.projects-registry__th-cell_guest-link, html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table td.projects-guest-link-cell { width: 6.25rem; min-width: 6.25rem; max-width: 6.25rem; } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table td.projects-guest-link-cell { color: var(--text-muted); } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table td.projects-guest-link-cell_action { cursor: pointer; } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table td.projects-guest-link-cell_action:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 0.12em; } html[data-theme^="new"] #panel-projects #projects-list .projects-registry__table td.projects-guest-link-cell_action:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; } /* 17. panel-projects: inline axis editing */ html[data-theme^="new"] .project-axis-edit-wrap { display: inline-flex; gap: 4px; align-items: center; } html[data-theme^="new"] .project-axis-letter-inline-select, html[data-theme^="new"] .project-axis-number-inline-select { font-size: var(--text-xs); padding: 2px 4px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); font-family: var(--font-mono); min-height: 0; } html[data-theme^="new"] .project-axis-letter-inline-select:focus, html[data-theme^="new"] .project-axis-number-inline-select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 2px var(--accent-dim); } /* 18. panel-projects: (все стили — в секции 15 + таблица выше) */ /* 19. panel-organizations — Module Panel Pattern (как §13.16 customers/sites) */ html[data-theme^="new"] #panel-organizations > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-organizations .organizations-registry { gap: var(--space-5); } html[data-theme^="new"] #panel-organizations .organizations-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; grid: none; } @media (max-width: 720px) { html[data-theme^="new"] #panel-organizations .organizations-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] #panel-organizations .organizations-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-organizations .organizations-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] #panel-organizations .organizations-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] #panel-organizations .organizations-registry__toolbar { background: transparent; border: none; padding: 0; margin: 0; } html[data-theme^="new"] #panel-organizations .organizations-registry__control { height: var(--field-height); min-height: var(--field-height); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text); padding: 0 var(--space-3); } html[data-theme^="new"] #panel-organizations .organizations-registry__control::placeholder { color: var(--text-muted); opacity: 1; } html[data-theme^="new"] #panel-organizations .organizations-registry__control:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #panel-organizations .organizations-registry__icon-btn, html[data-theme^="new"] #panel-organizations .organizations-registry__refresh-btn, html[data-theme^="new"] #panel-organizations .organizations-registry__bulk-delete-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-organizations .organizations-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] #panel-organizations .organizations-registry__icon-btn:hover, html[data-theme^="new"] #panel-organizations .organizations-registry__refresh-btn:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-organizations .organizations-registry__bulk-delete-btn { border-color: var(--danger); color: var(--danger); } html[data-theme^="new"] #panel-organizations .organizations-registry__bulk-delete-btn:hover { background: var(--err-muted); border-color: var(--danger); } html[data-theme^="new"] #panel-organizations .organizations-registry__pane { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-organizations .organizations-registry__pane-head { background: transparent; border: none; padding: var(--space-2) var(--space-3) 0; } html[data-theme^="new"] #panel-organizations .organizations-registry__pane-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); margin: 0; } html[data-theme^="new"] #panel-organizations .organizations-registry__table-scroll { width: 100%; overflow: auto; max-height: min(62vh, 560px); border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] #panel-organizations .organizations-registry__table { background: transparent; } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--text); border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:hover, html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-organizations .organizations-registry__table thead th { position: sticky; top: 0; z-index: 2; box-shadow: 0 1px 0 var(--border); background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__table thead th.organizations-registry__th-cell:not(.organizations-registry__checkbox-cell) { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th { background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); text-decoration: none; } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th:hover .organizations-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th[aria-pressed='true'] .organizations-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-organizations #organizations-list .organizations-registry__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-organizations .organizations-registry__checkbox-cell { width: 2.5rem; text-align: center; vertical-align: middle; padding: var(--space-2); } html[data-theme^="new"] #panel-organizations .organizations-registry__table .organizations-registry-row-checkbox, html[data-theme^="new"] #panel-organizations .organizations-registry__table .organizations-registry-select-all-checkbox { accent-color: var(--accent); width: 16px; height: 16px; margin: 0; opacity: 0; } html[data-theme^="new"] #panel-organizations .organizations-registry__table tbody tr:hover .organizations-registry-row-checkbox, html[data-theme^="new"] #panel-organizations .organizations-registry__table.organizations-registry-has-selection .organizations-registry-row-checkbox, html[data-theme^="new"] #panel-organizations .organizations-registry__table.organizations-registry-has-selection .organizations-registry-select-all-checkbox { opacity: 1; } html[data-theme^="new"] #panel-organizations .organizations-registry__table_empty td { border-bottom: none; } html[data-theme^="new"] #panel-organizations .organizations-registry__empty-cell { padding: var(--space-8) var(--space-4); text-align: center; } html[data-theme^="new"] #panel-organizations .organizations-registry__empty-title { display: block; font-size: var(--text-sm); font-weight: 700; color: var(--text-head); margin-bottom: var(--space-1); } html[data-theme^="new"] #panel-organizations .organizations-registry__empty-hint { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-organizations .organizations-registry__loading { padding: var(--space-8); text-align: center; color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-organizations .organizations-registry__error { padding: var(--space-8); text-align: center; color: var(--err); } /* 20. panel-organizations: dialog */ html[data-theme^="new"] .dialog-organization-create { background: var(--bg-elevated); border: 1px solid var(--border); box-shadow: var(--shadow-lg); padding: 0; border-radius: var(--radius-md); } html[data-theme^="new"] .dialog-organization-create-inner { overflow: hidden; border-radius: inherit; } html[data-theme^="new"] .dialog-organization-create-header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-2) var(--space-4) var(--space-1); } html[data-theme^="new"] .dialog-organization-create-title { font-size: var(--text-base); font-weight: 700; color: var(--text-head); margin: 0; } html[data-theme^="new"] .dialog-organization-create-close { background: transparent; border: none; color: var(--text-muted); cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); } html[data-theme^="new"] .dialog-organization-create-close-icon svg, html[data-theme^="new"] .dialog-organization-edit-close svg, html[data-theme^="new"] .dialog-business-direction-edit-close svg { display: none; } html[data-theme^="new"] .dialog-organization-create-close-icon::after, html[data-theme^="new"] .dialog-organization-edit-close::after, html[data-theme^="new"] .dialog-business-direction-edit-close::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] .dialog-organization-create-close-icon:hover, html[data-theme^="new"] .dialog-organization-edit-close:hover, html[data-theme^="new"] .dialog-business-direction-edit-close:hover { background: var(--surface-hover); color: var(--text); } /* dialog-movement-edit: × в разметке (§4.1), без ::after — иначе двойной крестик */ html[data-theme^="new"] .dialog-movement-edit-close { font-size: 1.25rem; line-height: 1; } html[data-theme^="new"] #dialog-movement-edit.dialog-position-create { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); max-width: min(92vw, 30rem); } html[data-theme^="new"] #dialog-movement-edit .dialog-position-create-header { padding: var(--space-3) var(--space-5) var(--space-2); } html[data-theme^="new"] #dialog-movement-edit .dialog-position-create-title { font-size: var(--text-base); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__body { padding: 0 var(--space-5) var(--space-3); } html[data-theme^="new"] #dialog-movement-edit .dialog-position-create-footer { padding: var(--space-3) var(--space-5); background: var(--bg-elevated); border-top: 1px solid var(--border); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-secondary, html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-primary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm, 2.25rem); padding: var(--space-2) var(--space-4); font-size: var(--text-sm); font-family: inherit; line-height: 1.25; border-radius: var(--radius-sm); cursor: pointer; box-sizing: border-box; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-secondary { font-weight: 500; color: var(--text-muted); background: transparent; border: 1px solid var(--border-muted); transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-secondary:hover:not(:disabled) { color: var(--text); background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-primary { font-weight: 600; color: #fff; background: var(--accent); border: 1px solid var(--accent); transition: background 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions .btn-primary:hover:not(:disabled) { filter: brightness(1.06); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-destructive .btn-danger-outline { min-height: var(--field-height-sm, 2.25rem); padding: var(--space-1) var(--space-3); font-size: var(--text-sm); font-weight: 500; white-space: nowrap; } /* panel-admin refs: XML source connection dialog */ html[data-theme^="new"] #dialog-xml-source-connection.dialog-position-create { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 0; max-width: min(96vw, 74rem); } html[data-theme^="new"] #dialog-xml-source-connection::backdrop { background: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-inner { overflow: hidden; border-radius: inherit; background: var(--bg-elevated); } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-3) var(--space-5) var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-title { font-size: var(--text-base); font-weight: 700; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-close { background: transparent; border: none; color: var(--text-muted); cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-close:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-close:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-body { padding: var(--space-3) var(--space-5) var(--space-4); max-height: min(78vh, 42rem); overflow: auto; } html[data-theme^="new"] #dialog-xml-source-connection .dialog-position-create-footer { padding: var(--space-3) var(--space-5); background: var(--bg-elevated); border-top: 1px solid var(--border); } html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field span, html[data-theme^="new"] #dialog-xml-source-connection .xml-src-inline-label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field input, html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field select { width: 100%; min-height: 2.5rem; padding: 0 var(--space-3); font-size: var(--text-sm); font-family: inherit; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; } html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field input::placeholder { color: var(--text-muted); } html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field input:hover, html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field select:hover { border-color: var(--border-muted); } html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field input:focus, html[data-theme^="new"] #dialog-xml-source-connection .bim-models-field select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-dialog-sections { border-top-color: var(--border); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-dialog-section h4 { font-size: var(--text-sm); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-dialog-logs-pre { background: var(--bg); border-color: var(--border-muted); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-dialog-footer .btn-secondary { font-weight: 500; color: var(--text); background: var(--surface-elevated, var(--bg)); border: 1px solid var(--border); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-dialog-footer .btn-secondary:hover { background: var(--surface-hover); border-color: var(--border-muted); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-actions-row .rp-save-btn { min-height: 2.25rem; padding: var(--space-1) var(--space-3); font-size: var(--text-xs); font-weight: 600; color: var(--text); background: var(--surface-elevated, var(--bg)); border: 1px solid var(--border); border-radius: var(--radius-sm); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-actions-row .rp-save-btn:hover { background: var(--surface-hover); border-color: var(--border-muted); } html[data-theme^="new"] #dialog-xml-source-connection .xml-src-actions-row .rp-save-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent-focus); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #dialog-xml-source-connection.dialog-position-create, html[data-theme^="new"] #dialog-xml-source-connection.dialog-position-create[open] { transition: none; } } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: var(--space-3); width: 100%; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-destructive { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); width: 100%; padding-top: var(--space-2); border-top: 1px solid var(--border-light); } @media (min-width: 28rem) { html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer { flex-direction: row; align-items: center; justify-content: space-between; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-destructive { flex: 1 1 auto; min-width: 0; width: auto; padding-top: 0; border-top: none; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__footer-actions { flex: 0 0 auto; width: auto; } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-destructive { flex: none; width: 100%; padding-top: 0; padding-bottom: var(--space-2); border-top: none; border-bottom: 1px solid var(--border-muted); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-actions { flex: none; width: 100%; } } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__context { border-color: var(--border-muted); background: var(--surface); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer { flex-direction: column; align-items: stretch; gap: var(--space-3); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-destructive { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); justify-content: stretch; padding-bottom: var(--space-2); border-bottom: 1px solid var(--border-muted); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-destructive .btn-danger-outline { width: 100%; justify-content: center; color: var(--err); background: transparent; border: 1px solid color-mix(in srgb, var(--err) 35%, transparent); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-destructive .btn-danger-outline:hover:not(:disabled) { background: var(--err-muted); border-color: color-mix(in srgb, var(--err) 45%, transparent); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-destructive:not(:has(.movements-dialog__close-movement-btn:not(.hidden))) { grid-template-columns: 1fr; } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: var(--space-2); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-actions .btn-secondary, html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__footer-actions .btn-primary { min-height: 2.75rem; width: 100%; justify-content: center; } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__fields .form-field label { text-transform: none; letter-spacing: normal; font-size: var(--text-sm); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__peers-details { border-color: var(--border-muted); background: var(--surface); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__peers-summary { color: var(--text-head); } html[data-theme^="new"] #dialog-movement-edit.movements-dialog--compact .movements-dialog__summary-item_meta { display: none; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__peer-purge-btn { padding: var(--space-1) var(--space-3); font-size: var(--text-xs); border-radius: var(--radius-sm); flex-shrink: 0; } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__summary-item { background: var(--surface); border-color: var(--border-muted); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__fields .form-field label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #dialog-movement-edit .movements-dialog__fields .form-field input { background: var(--bg-elevated); border-color: var(--border); color: var(--text); } html[data-theme^="new"] .dialog-organization-create-body { padding: var(--space-1) var(--space-4) var(--space-3); display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] .dialog-organization-create-footer, html[data-theme^="new"] .dialog-organization-create-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--bg-elevated); border-top: 1px solid var(--border); } html[data-theme^="new"] .dialog-organization-create-footer .btn-primary, html[data-theme^="new"] .dialog-organization-create-footer .btn-secondary, html[data-theme^="new"] .dialog-organization-create-actions .btn-primary, html[data-theme^="new"] .dialog-organization-create-actions .btn-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm, 2.25rem); padding: var(--space-2) var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; line-height: 1.25; border-radius: var(--radius-sm); cursor: pointer; box-sizing: border-box; } html[data-theme^="new"] .dialog-organization-create-footer .btn-secondary, html[data-theme^="new"] .dialog-organization-create-actions .btn-secondary { font-weight: 500; color: var(--text); background: var(--surface); border: 1px solid var(--border); transition: background 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] .dialog-organization-create-footer .btn-secondary:hover, html[data-theme^="new"] .dialog-organization-create-actions .btn-secondary:hover { background: var(--surface-hover); border-color: var(--border-muted); } html[data-theme^="new"] .dialog-organization-create-footer .btn-primary, html[data-theme^="new"] .dialog-organization-create-actions .btn-primary { color: #fff; background: var(--accent); border: 1px solid var(--accent); transition: background 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] .dialog-organization-create-footer .btn-primary:hover, html[data-theme^="new"] .dialog-organization-create-actions .btn-primary:hover { background: var(--accent-hover); filter: brightness(1.03); } /* Модалка «Создать задачу» — футер как organization-create, cancel слева */ html[data-theme^="new"] .dialog-task-create-footer { justify-content: space-between; flex-wrap: nowrap; gap: var(--space-3); } html[data-theme^="new"] .dialog-task-create-footer .btn-primary, html[data-theme^="new"] .dialog-task-create-footer .btn-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-family: inherit; line-height: 1.25; border-radius: var(--radius-md); cursor: pointer; box-sizing: border-box; white-space: nowrap; } html[data-theme^="new"] .dialog-task-create-footer .btn-secondary { font-weight: 500; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border-muted); transition: background 0.15s ease, border-color 0.15s ease; } html[data-theme^="new"] .dialog-task-create-footer .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] .dialog-task-create-footer .btn-secondary:focus-visible, html[data-theme^="new"] .dialog-task-create-footer .btn-primary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] .dialog-task-create-footer .btn-primary { font-weight: 600; color: #fff; background: var(--accent); border: 1px solid var(--accent); transition: background 0.15s ease, filter 0.15s ease; } html[data-theme^="new"] .dialog-task-create-footer .btn-primary:hover:not(:disabled) { background: var(--accent-hover); border-color: var(--accent-hover); filter: brightness(1.03); } html[data-theme^="new"] .dialog-task-create-footer .btn-primary:disabled { opacity: 0.55; cursor: not-allowed; filter: none; } html[data-theme^="new"] .dialog-organization-create .form-field { display: flex; flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] .dialog-organization-create .form-field label { font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] .dialog-organization-create .form-field input, html[data-theme^="new"] .dialog-organization-create .form-field select { width: 100%; min-height: 2.5rem; padding: 0 var(--space-3); font-size: var(--text-sm); font-family: inherit; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); box-sizing: border-box; } html[data-theme^="new"] .dialog-organization-create .form-field input::placeholder { color: var(--text-muted); } html[data-theme^="new"] .dialog-organization-create .form-field input:hover, html[data-theme^="new"] .dialog-organization-create .form-field select:hover { border-color: var(--border-muted); } html[data-theme^="new"] .dialog-organization-create .form-field input:focus, html[data-theme^="new"] .dialog-organization-create .form-field select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] .dialog-organization-create::backdrop { background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } html[data-theme^="new"] .organization-create-checko { margin-bottom: 0; padding: var(--space-2); border: 1px dashed var(--border); border-radius: var(--radius-sm); background: var(--bg); } html[data-theme^="new"] .organization-create-checko-title { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); margin: 0 0 var(--space-1); } html[data-theme^="new"] .organization-create-checko-row { display: flex; gap: var(--space-2); align-items: center; } html[data-theme^="new"] .organization-create-checko-btn { font-size: var(--text-xs); padding: 4px 10px; min-height: 2.5rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); cursor: pointer; } html[data-theme^="new"] .organization-create-checko-btn:hover { background: var(--surface-hover); border-color: var(--accent); color: var(--accent); } /* 21. panel-business-directions — Module Panel Pattern (как §13.16 / §19 organizations) */ html[data-theme^="new"] .panel-body_business-directions-registry { padding-top: var(--space-4); } html[data-theme^="new"] #panel-business-directions > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-business-directions .positions-registry { gap: var(--space-5); } html[data-theme^="new"] #panel-business-directions .positions-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; grid: none; } @media (max-width: 720px) { html[data-theme^="new"] #panel-business-directions .positions-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] #panel-business-directions .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-business-directions .positions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] #panel-business-directions .positions-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] #panel-business-directions .positions-registry__toolbar { background: transparent; border: none; padding: 0; margin: 0; } html[data-theme^="new"] #panel-business-directions .positions-registry__control { height: var(--field-height); min-height: var(--field-height); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text); padding: 0 var(--space-3); } html[data-theme^="new"] #panel-business-directions .positions-registry__icon-btn, html[data-theme^="new"] #panel-business-directions .positions-registry__refresh-btn, html[data-theme^="new"] #panel-business-directions .positions-registry__bulk-delete-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--pr-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-business-directions .positions-registry__bulk-delete-btn:hover { background: var(--surface-hover); border-color: var(--err); color: var(--err); } html[data-theme^="new"] #panel-business-directions .positions-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] #panel-business-directions .positions-registry__icon-btn:hover, html[data-theme^="new"] #panel-business-directions .positions-registry__refresh-btn:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-business-directions .positions-registry__pane { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--border); border-top: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-business-directions .positions-registry__pane-head { background: transparent; border: none; padding: var(--space-2) var(--space-3) 0; } html[data-theme^="new"] #panel-business-directions .positions-registry__pane-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); margin: 0; } html[data-theme^="new"] #panel-business-directions .positions-registry__table-scroll { width: 100%; overflow: auto; max-height: min(62vh, 560px); border: none; border-radius: 0; background: transparent; } html[data-theme^="new"] #panel-business-directions .positions-registry__table { background: transparent; } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody td { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text); border-bottom: none; } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__table tbody td.positions-registry__checkbox-cell, html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__table thead th.positions-registry__checkbox-cell { width: 2.5rem; max-width: 2.5rem; padding: var(--space-2); text-align: center; } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr { border-bottom: 1px solid var(--border-light); } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:hover, html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-business-directions .positions-registry__table thead th { background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__table thead th.positions-registry__th-cell:not(.positions-registry__checkbox-cell) { padding: var(--space-2) var(--space-3); vertical-align: middle; } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th { background: transparent; min-height: 36px; border: none; border-radius: 0; } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); text-decoration: none; } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th:hover .positions-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th[aria-pressed='true'] .positions-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-business-directions #business-directions-list .positions-registry__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-business-directions .business-directions-registry__row { cursor: pointer; } html[data-theme^="new"] #panel-business-directions .positions-registry__checkbox-cell { width: 2.5rem; max-width: 2.5rem; padding: var(--space-2); vertical-align: middle; text-align: center; } html[data-theme^="new"] #panel-business-directions .positions-registry__table .business-directions-registry-row-checkbox, html[data-theme^="new"] #panel-business-directions .positions-registry__table .business-directions-registry-select-all-checkbox { width: 16px; height: 16px; margin: 0; cursor: pointer; accent-color: var(--accent); opacity: 0; transition: opacity var(--transition); } html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody tr:hover .business-directions-registry-row-checkbox, html[data-theme^="new"] #panel-business-directions .positions-registry__table.business-directions-registry-has-selection .business-directions-registry-row-checkbox, html[data-theme^="new"] #panel-business-directions .positions-registry__table.business-directions-registry-has-selection .business-directions-registry-select-all-checkbox { opacity: 1; } html[data-theme^="new"] #panel-business-directions .positions-registry__table thead th:nth-child(1), html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody td:nth-child(1) { width: 2.5rem; min-width: 2.5rem; max-width: 2.5rem; text-align: center; } html[data-theme^="new"] #panel-business-directions .positions-registry__table thead th:nth-child(2), html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody td:nth-child(2) { width: 22%; min-width: 8rem; text-align: left; } html[data-theme^="new"] #panel-business-directions .positions-registry__table thead th:nth-child(3), html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody td:nth-child(3) { width: 38%; min-width: 10rem; text-align: left; } html[data-theme^="new"] #panel-business-directions .positions-registry__table thead th:nth-child(4), html[data-theme^="new"] #panel-business-directions .positions-registry__table tbody td:nth-child(4) { width: auto; min-width: 8rem; text-align: left; } html[data-theme^="new"] #panel-business-directions .positions-registry__loading { padding: var(--space-8); text-align: center; color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-business-directions .positions-registry__error { padding: var(--space-8); text-align: center; color: var(--err); } html[data-theme^="new"] #panel-business-directions .positions-registry__empty-cell { padding: var(--space-8) var(--space-4); text-align: center; } /* 22. panel-staffing-requests — Module Panel Pattern */ html[data-theme^="new"] .panel-body_staffing-requests-registry { padding-top: var(--space-4); } html[data-theme^="new"] #panel-staffing-requests > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-staffing-requests .staffing-registry.positions-registry { gap: var(--space-5); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; grid: none; } html[data-theme^="new"] #panel-staffing-requests .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-staffing-requests .positions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-head); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__control, html[data-theme^="new"] #panel-staffing-requests .positions-registry__icon-btn, html[data-theme^="new"] #panel-staffing-requests .positions-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--pr-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] #panel-staffing-requests .positions-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; } html[data-theme^="new"] #panel-staffing-requests .positions-registry__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-staffing-requests .positions-registry__table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__table tbody tr:hover, html[data-theme^="new"] #panel-staffing-requests .positions-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-staffing-requests .positions-registry__table thead th { background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-staffing-requests #staffing-requests-list .positions-registry__th, html[data-theme^="new"] #panel-staffing-requests #staffing-assignments-list .positions-registry__th { background: transparent; border: none; border-radius: 0; } html[data-theme^="new"] .dialog-staffing-create-close.dialog-organization-create-close-icon svg { display: none; } html[data-theme^="new"] .dialog-staffing-create-close.dialog-organization-create-close-icon::after { content: '\2715'; font-size: 1.25rem; line-height: 1; } /* 23. panel-anviz-pass-history — Module Panel Pattern */ html[data-theme^="new"] #panel-anviz-pass-history > .card { width: 100%; max-width: 100%; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-card); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry.positions-registry { gap: var(--space-4); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__stats { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-4) var(--space-6); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__stat { display: inline-flex; align-items: baseline; gap: var(--space-2); min-width: 0; padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__stat-term { margin: 0; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__stat-term::after { content: ':'; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__stat-val { margin: 0; font-size: var(--text-lg); font-weight: 600; line-height: 1.25; color: var(--text); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__toolbar { margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__toolbar-inner { display: flex; flex-direction: column; gap: var(--space-2); width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__control, html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__refresh-btn, html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__bulk-delete-btn, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-btn, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__action-btn { min-height: var(--field-height); height: var(--field-height); border-radius: var(--radius-md); font-size: var(--text-sm); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__control, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter { border: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__refresh-btn:hover, html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__bulk-delete-btn:hover, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-btn:hover, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__action-btn:hover { border-color: color-mix(in srgb, var(--border) 65%, var(--text-muted)); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:nth-child(odd) { background: transparent; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:nth-child(even) { background: transparent; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:nth-child(odd) td { background: var(--bg-elevated); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--bg-elevated) 92%, var(--border)); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:hover, html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:hover td { background: color-mix(in srgb, var(--bg-elevated) 85%, var(--accent)); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table thead th { background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 1; } html[data-theme^="new"] main.content:has(#panel-anviz-pass-history:not(.hidden)) { overflow-y: auto; -webkit-overflow-scrolling: touch; max-width: none; width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history:not(.hidden) { display: flex; flex-direction: column; flex: 1 0 auto; min-height: auto; width: var(--panel-card-width); max-width: 100%; align-self: center; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__toolbar-main { align-items: center; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__search { flex: 1 1 12rem; min-width: 0; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filters-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__date-range { display: inline-flex; align-items: center; gap: var(--space-1); flex-shrink: 0; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__date-sep { color: var(--text-muted); font-size: var(--text-sm); user-select: none; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-range { display: inline-flex; align-items: center; gap: var(--space-1); flex-shrink: 0; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter-actions { display: inline-flex; align-items: center; gap: var(--space-2); margin-left: auto; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__check { display: inline-flex; align-items: center; gap: var(--space-2); margin: 0; min-height: var(--field-height); padding: 0 var(--space-1); font-size: var(--text-sm); color: var(--text); white-space: nowrap; user-select: none; cursor: pointer; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__check input { width: 1rem; height: 1rem; margin: 0; accent-color: var(--accent); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter { min-width: 0; padding: 0 var(--space-3); } html[data-theme^="new"] #panel-anviz-pass-history select.anviz-ph-registry__filter#anviz-ph-terminal { flex: 1 1 10rem; max-width: 16rem; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__date-range .anviz-ph-registry__filter { width: 9.25rem; font-family: var(--font-mono); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter_code { width: 6.5rem; font-family: var(--font-mono); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter_limit { width: 4.5rem; padding-right: 1.75rem; font-variant-numeric: tabular-nums; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-btn, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__action-btn { padding: 0 var(--space-3); white-space: nowrap; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__status { margin: 0; min-height: 0; font-size: var(--text-xs); line-height: 1.3; color: var(--text-muted); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__status:empty { display: none; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__bulk-actions { display: inline-flex; align-items: center; gap: var(--space-2); flex-wrap: nowrap; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__bulk-actions.hidden { display: none !important; } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__pane-head { padding: var(--space-3) var(--space-4) var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__pane-title { margin: 0; font-size: var(--text-base); font-weight: 600; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__table-scroll { max-height: min(52vh, 40rem); overflow: auto; border: none; border-radius: 0; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr { border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody tr:last-child { border-bottom: none; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table tbody td { padding: var(--space-2) var(--space-3); line-height: var(--leading-normal); border: none; color: var(--text); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-checkbox-cell { width: 2.5rem; max-width: 2.5rem; padding: var(--space-2); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table .anviz-ph-row-checkbox, html[data-theme^="new"] #panel-anviz-pass-history .anviz-history-table .anviz-ph-select-all-checkbox { width: 1rem; height: 1rem; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__meta { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] #panel-anviz-pass-history .positions-registry__placeholder { margin: var(--space-4); color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--field-height); padding: 0 var(--space-3); font-size: var(--text-sm); font-weight: 500; font-family: inherit; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text); cursor: pointer; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-btn--compact { min-height: var(--field-height-sm); padding: 0 var(--space-2); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-btn--secondary:hover:not(:disabled) { border-color: color-mix(in srgb, var(--border) 65%, var(--text-muted)); background: var(--surface-hover); } html[data-theme^="new"] #panel-anviz-pass-history .anviz-btn:disabled { opacity: 0.42; cursor: not-allowed; } @media (max-width: 900px) { html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter-actions { margin-left: 0; width: 100%; justify-content: flex-end; } } @media (max-width: 640px) { html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filters-row { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #panel-anviz-pass-history select.anviz-ph-registry__filter#anviz-ph-terminal, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__date-range, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-range, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter_code, html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter_limit { width: 100%; max-width: none; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__date-range .anviz-ph-registry__filter { flex: 1 1 0; width: auto; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-range { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__quick-btn { width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__filter-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } html[data-theme^="new"] #panel-anviz-pass-history .anviz-ph-registry__action-btn { width: 100%; } } html[data-theme^="new"] #panel-movements > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-movements .panel-toolbar { background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; gap: var(--space-2); min-height: 0; } html[data-theme^="new"] .movements-toggle { height: 44px; border-radius: 10px; } html[data-theme^="new"] .movements-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] .movements-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .movements-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .movements-registry__stat-val { order: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-head); } @media (max-width: 720px) { html[data-theme^="new"] .movements-registry__stats { flex-direction: column; gap: var(--space-2); } } html[data-theme^="new"] #panel-movements .movements-registry__toolbar-row { flex-wrap: wrap; row-gap: var(--space-2); } html[data-theme^="new"] .movements-registry__refresh-btn, html[data-theme^="new"] .movements-registry__bulk-close-btn { height: var(--movements-control-height, 44px); min-height: var(--movements-control-height, 44px); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--space-4); border-radius: var(--movements-control-radius, var(--radius-md)); border: 1px solid var(--border); background: var(--surface); color: var(--text); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .movements-registry__refresh-btn:hover, html[data-theme^="new"] .movements-registry__bulk-close-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .movements-registry__refresh-btn:focus-visible, html[data-theme^="new"] .movements-registry__bulk-close-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] #panel-movements .movements-registry__table-scroll { border-color: var(--border); background: var(--surface); } html[data-theme^="new"] #panel-movements #movements-list .movements-registry__table thead th { position: sticky; top: 0; z-index: 2; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-movements #movements-list .movements-registry__table thead th.movements-registry__th-cell { padding: var(--space-1); vertical-align: bottom; } html[data-theme^="new"] #panel-movements .movements-registry__th-chip { position: relative; box-sizing: border-box; width: 100%; border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: transparent; min-height: 36px; } html[data-theme^="new"] #panel-movements .movements-registry__th-chip .movements-registry__th, html[data-theme^="new"] #panel-movements .movements-registry__th-chip .movements-registry__th-filter { border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-movements .movements-registry__th-chip .movements-registry__th { width: 100%; margin: 0; padding: var(--space-2) calc(var(--space-2) + 1.375rem) var(--space-2) var(--space-2); } html[data-theme^="new"] #panel-movements .movements-registry__th { background: transparent; border: none; min-height: 36px; } html[data-theme^="new"] #panel-movements .movements-registry__th:hover { background: transparent; } html[data-theme^="new"] #panel-movements .movements-registry__th-label { text-decoration: none; font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #panel-movements .movements-registry__th:hover .movements-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-movements .movements-registry__th[aria-pressed='true'] .movements-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-movements .movements-registry__th-sort { font-size: 0.625rem; color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-movements .movements-registry__th-filter { position: absolute; z-index: 1; top: 50%; right: var(--space-1); bottom: auto; transform: translateY(-50%); background: transparent; border: none; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; color: var(--text-subtle); cursor: pointer; } html[data-theme^="new"] #panel-movements .movements-registry__th-filter:hover { background: transparent; } html[data-theme^="new"] #panel-movements .movements-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-movements .movements-registry__th-filter_active:hover { color: var(--accent-hover); } html[data-theme^="new"] #panel-movements .movements-registry__th-chip:has(.movements-registry__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] #panel-movements .movements-registry__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-movements .movements-registry__th-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-movements .movements-registry__th-filter-icon { display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #panel-movements #movements-list .movements-registry__table tbody td { border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-movements .movements-registry__active-filters { margin: 0 0 var(--space-3); } html[data-theme^="new"] #panel-movements .movements-registry__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-movements .movements-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-movements .movements-registry__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; padding: var(--space-1) var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #panel-movements .movements-registry__filter-chip:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #panel-movements .movements-registry__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #panel-movements .movements-registry__active-filters-clear-all { min-height: 2.75rem; margin: 0; padding: var(--space-1) var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent); font: inherit; font-size: var(--text-xs); font-weight: 500; cursor: pointer; } html[data-theme^="new"] #panel-movements .movements-registry__active-filters-clear-all:hover { text-decoration: underline; } html[data-theme^="new"] #panel-movements #movements-list .positions-registry__table tbody td { border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-movements .movements-registry__cell-date { font-family: var(--font-mono); color: var(--text-head); } html[data-theme^="new"] #panel-movements .movements-registry__date-open { color: var(--text-muted); } html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .positions-registry__table thead th.positions-registry__checkbox-cell, html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .positions-registry__table thead th.movements-registry__th-fio { background: var(--bg-elevated); } html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .positions-registry__table tbody td.positions-registry__checkbox-cell, html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .positions-registry__table tbody td.movements-registry__cell-fio { background: var(--surface); } html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .movements-registry__row_selected td.positions-registry__checkbox-cell, html[data-theme^="new"] #panel-movements .movements-registry__table-scroll .movements-registry__row_selected td.movements-registry__cell-fio { background: var(--accent-muted); } /* ======================================================================== 21. Общий chrome панелей (registry / card / toolbar) ======================================================================== */ html[data-theme^="new"] main.content .panel > h2 { margin: 0 0 var(--space-3); font-size: var(--text-2xl); font-weight: 700; line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--text-head); } html[data-theme^="new"] main.content .panel > .card, html[data-theme^="new"] main.content .panel .workflow-editor-root.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] main.content .panel .panel-toolbar { background: transparent; border: none; border-radius: 0; padding: 0; margin: 0 0 var(--space-3); gap: var(--space-2); min-height: 0; } html[data-theme^="new"] main.content .panel .panel-toolbar button, html[data-theme^="new"] main.content .panel .panel-toolbar select, html[data-theme^="new"] main.content .panel .panel-toolbar input[type="search"] { min-height: var(--field-height); box-sizing: border-box; } html[data-theme^="new"] main.content .panel .panel-toolbar button:not([class*="-registry__"]) { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); font-weight: 600; padding: 0 var(--space-3); transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] main.content .panel .panel-toolbar button:not([class*="-registry__"]):hover { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 25%, var(--border)); } html[data-theme^="new"] .registry__sr-only, html[data-theme^="new"] .positions-registry__sr-only, html[data-theme^="new"] .employees-registry__sr-only, html[data-theme^="new"] .organizations-registry__sr-only, html[data-theme^="new"] .subdivisions-registry__sr-only, html[data-theme^="new"] .shipments-registry__sr-only, html[data-theme^="new"] .docflow-customers-registry__sr-only, :is(html[data-theme^="new"], #panel-foreman-timesheet[data-timesheet-theme^="new"], #panel-object-manager-timesheet[data-timesheet-theme^="new"]) .foreman-ts__sr-only, html[data-theme^="new"] .directors-board__sr-only, html[data-theme^="new"] .user-report-admin__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ======================================================================== 22. positions-registry — общий паттерн (должности, графики, подразделения…) ======================================================================== */ html[data-theme^="new"] .positions-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .positions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .positions-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } html[data-theme^="new"] .positions-registry__toolbar { background: transparent; border: none; padding: 0; margin: 0; } html[data-theme^="new"] .positions-registry__control, html[data-theme^="new"] .positions-registry__icon-btn, html[data-theme^="new"] .positions-registry__refresh-btn, html[data-theme^="new"] .positions-registry__bulk-delete-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--pr-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; box-sizing: border-box; } html[data-theme^="new"] .positions-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] .positions-registry__refresh-btn, html[data-theme^="new"] .positions-registry__bulk-delete-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] .positions-registry__icon-btn:hover, html[data-theme^="new"] .positions-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .positions-registry__control::placeholder { color: var(--text-muted); opacity: 1; } html[data-theme^="new"] .positions-registry__control:focus-visible, html[data-theme^="new"] .positions-registry__icon-btn:focus-visible, html[data-theme^="new"] .positions-registry__refresh-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] .positions-registry__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: transparent; box-shadow: none; } html[data-theme^="new"] .positions-registry__table thead th { background: var(--bg-elevated); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .positions-registry__table tbody tr:hover, html[data-theme^="new"] .positions-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] .subdivisions-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 28px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] .subdivisions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .subdivisions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .subdivisions-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } @media (max-width: 720px) { html[data-theme^="new"] .subdivisions-registry__stats { flex-direction: column; gap: var(--space-2); } } html[data-theme^="new"] .individuals-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 28px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] .individuals-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] .individuals-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] .individuals-registry__stat-val { order: 0; margin: 0; font-size: 1.25rem; font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } @media (max-width: 720px) { html[data-theme^="new"] .individuals-registry__stats { flex-direction: column; gap: var(--space-2); } } html[data-theme^="new"] .subdivisions-registry__icon-btn, html[data-theme^="new"] .subdivisions-registry__refresh-btn { height: var(--sr-control-height, 44px); min-height: var(--sr-control-height, 44px); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--sr-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .subdivisions-registry__icon-btn { width: var(--sr-control-height, 44px); min-width: var(--sr-control-height, 44px); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] .subdivisions-registry__refresh-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] .subdivisions-registry__icon-btn:hover, html[data-theme^="new"] .subdivisions-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .subdivisions-registry__icon-btn:focus-visible, html[data-theme^="new"] .subdivisions-registry__refresh-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } html[data-theme^="new"] .individuals-registry__icon-btn, html[data-theme^="new"] .individuals-registry__refresh-btn { height: var(--ir-control-height, 44px); min-height: var(--ir-control-height, 44px); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--ir-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .individuals-registry__icon-btn { width: var(--ir-control-height, 44px); min-width: var(--ir-control-height, 44px); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] .individuals-registry__refresh-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] .individuals-registry__icon-btn:hover, html[data-theme^="new"] .individuals-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] .individuals-registry__icon-btn:focus-visible, html[data-theme^="new"] .individuals-registry__refresh-btn:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-focus); } /* ======================================================================== 8. Стикер «Действую от лица» (администратор, правый нижний угол) ======================================================================== */ html[data-theme^="new"] .impersonate-sticker { background: var(--bg-elevated); border-color: var(--border); box-shadow: var(--shadow-lg); } html[data-theme^="new"] .impersonate-sticker__title { color: var(--text-head); } html[data-theme^="new"] .impersonate-sticker__select { background: var(--surface-elevated); border-color: var(--border); min-height: var(--field-height); height: var(--field-height); } html[data-theme^="new"] .impersonate-sticker__toggle { width: var(--field-height-sm); min-width: var(--field-height-sm); height: var(--field-height-sm); } html[data-theme^="new"] .impersonation-banner { background: var(--accent-muted); border-color: color-mix(in srgb, var(--accent) 28%, var(--border)); } html[data-theme^="new"] .impersonate-sticker .impersonation-reveal-toggle { min-height: var(--field-height-sm); height: auto; } /* ======================================================================== 15. Timesheet Reports (#panel-timesheet) — зеркало ts-ana-registry ======================================================================== */ html[data-theme^="new"] #panel-timesheet > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); overflow: visible; } html[data-theme^="new"] .panel-body_timesheet-reports { padding: var(--space-4); } html[data-theme^="new"] #panel-timesheet .ts-rep { display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] #panel-timesheet .ts-rep__stats { margin: 0; } html[data-theme^="new"] #panel-timesheet .ts-rep__stats .positions-registry__stat-val { font-size: var(--text-lg); } html[data-theme^="new"] #panel-timesheet .ts-rep__toolbar { margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] #panel-timesheet .ts-rep__toolbar-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); width: 100%; } html[data-theme^="new"] #panel-timesheet .ts-rep__period-nav { display: inline-flex; align-items: center; gap: var(--space-1); flex-shrink: 0; } html[data-theme^="new"] #panel-timesheet .ts-rep__period-label { min-width: 12rem; padding: 0 var(--space-2); font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 600; color: var(--text); text-align: center; } html[data-theme^="new"] #panel-timesheet .ts-rep__month-btn { min-width: var(--field-height); width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #panel-timesheet .positions-registry__control, html[data-theme^="new"] #panel-timesheet .positions-registry__refresh-btn, html[data-theme^="new"] #panel-timesheet .ts-rep__export-btn { min-height: var(--field-height); height: var(--field-height); box-sizing: border-box; border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #panel-timesheet .ts-rep__filter { min-width: 7rem; max-width: 10rem; font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet .ts-rep__toolbar-search { flex: 1 1 12rem; min-width: 10rem; max-width: 20rem; } html[data-theme^="new"] #panel-timesheet .ts-rep__view-tabs { display: inline-flex; flex-wrap: wrap; gap: var(--space-1); } html[data-theme^="new"] .ts-rep__mono { font-family: var(--font-mono); } html[data-theme^="new"] .ts-rep__layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr); gap: var(--space-2); } @media (max-width: 1100px) { html[data-theme^="new"] .ts-rep__layout { grid-template-columns: 1fr; } } html[data-theme^="new"] #panel-timesheet .ts-rep__pane { min-width: 0; padding: var(--space-3); background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; } html[data-theme^="new"] .ts-rep__pane-head { margin-bottom: var(--space-2); } html[data-theme^="new"] .ts-rep__pane-title { margin: 0 0 var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .ts-rep__pane-title_sub { margin-top: var(--space-3); } html[data-theme^="new"] .ts-rep__pane-hint { margin: 0; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .ts-rep__table-host, html[data-theme^="new"] .ts-rep__details-host { overflow-x: auto; } html[data-theme^="new"] .ts-rep__depth_0 { padding-left: 0; } html[data-theme^="new"] .ts-rep__depth_1 { padding-left: 0.75rem; } html[data-theme^="new"] .ts-rep__depth_2 { padding-left: 1.5rem; } html[data-theme^="new"] .ts-rep__depth_3 { padding-left: 2.25rem; } html[data-theme^="new"] .ts-rep__depth_4 { padding-left: 3rem; } html[data-theme^="new"] .ts-rep__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] .ts-rep__table th, html[data-theme^="new"] .ts-rep__table td { border-bottom: 1px solid var(--border); padding: 6px 8px; text-align: left; } html[data-theme^="new"] .ts-rep__table th.ts-rep__num, html[data-theme^="new"] .ts-rep__table td.ts-rep__mono { text-align: right; } html[data-theme^="new"] .ts-rep__row { cursor: pointer; } html[data-theme^="new"] .ts-rep__row:hover { background: var(--surface-hover); } html[data-theme^="new"] .ts-rep__row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] .ts-rep__row_selected { background: var(--accent-muted); } html[data-theme^="new"] .ts-rep__table_compact th, html[data-theme^="new"] .ts-rep__table_compact td { padding: 4px 6px; } html[data-theme^="new"] .ts-rep__hint { color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] .ts-rep__empty { padding: var(--space-4) var(--space-2); text-align: center; } html[data-theme^="new"] .ts-rep__empty-title { margin: 0 0 var(--space-1); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .ts-rep__loading { margin: var(--space-3) 0; color: var(--text-muted); } html[data-theme^="new"] .ts-rep__fatal { padding: var(--space-3); border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--danger) 8%, var(--bg-elevated)); } html[data-theme^="new"] .ts-rep__fatal-text { margin: 0 0 var(--space-2); color: var(--text-head); } html[data-theme^="new"] .ts-rep__warnings { margin: 0; padding: 0; list-style: none; font-size: var(--text-sm); } html[data-theme^="new"] .ts-rep__warning { padding: var(--space-1) 0; border-bottom: 1px solid var(--border); } html[data-theme^="new"] .ts-rep__warning:last-child { border-bottom: none; } html[data-theme^="new"] .ts-rep__warning-label { display: block; color: var(--text-head); font-weight: 500; } html[data-theme^="new"] .ts-rep__warning-meta { display: block; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .ts-rep__details-chart { margin-bottom: var(--space-2); } html[data-theme^="new"] .ts-rep__spark { display: block; max-width: 100%; height: auto; } html[data-theme^="new"] .ts-rep__status { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } /* ======================================================================== 16. Timesheet Summary (#panel-timesheet) — ts-sum unified ======================================================================== */ html[data-theme^="new"] .panel-body_timesheet-summary { padding: var(--space-4); } html[data-theme^="new"] #panel-timesheet .ts-sum { --ts-sum-sticky-top: var(--space-2); --ts-sum-sticky-gap: var(--space-3); display: flex; flex-direction: column; gap: var(--space-3); } /* --- KPI stats (как directors-board / positions-registry) --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__stats { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-4) var(--space-6); margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-timesheet .ts-sum__stats .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__stats .positions-registry__stat-term::after { content: ':'; } html[data-theme^="new"] #panel-timesheet .ts-sum__stats .positions-registry__stat-val { font-size: var(--text-lg); font-family: var(--font-mono); font-variant-numeric: tabular-nums; } /* CSS backup: скрыть «Сумма» в режиме часов и Δ вне карты */ html[data-theme^="new"] #ts-sum-root:has(#ts-sum-mode option[value="hours"]:checked) #ts-sum-stat-money-wrap, html[data-theme^="new"] #ts-sum-root:has(#ts-sum-mode option[value="hours"]:checked) .ts-sum__stat_money { display: none !important; } html[data-theme^="new"] #ts-sum-root:not(.ts-sum--view-map) #ts-sum-stat-delta-wrap, html[data-theme^="new"] #ts-sum-root:not(.ts-sum--view-map) .ts-sum__stat_map { display: none !important; } /* --- Toolbar --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar { margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); width: 100%; } html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar-row_map { margin-top: var(--space-1); padding-top: var(--space-1); border-top: 1px solid var(--border); } html[data-theme^="new"] #panel-timesheet .ts-sum__period-nav { display: inline-flex; align-items: center; gap: var(--space-1); flex-shrink: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__period-label { min-width: 12rem; padding: 0 var(--space-2); font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 600; color: var(--text); text-align: center; } html[data-theme^="new"] #panel-timesheet .ts-sum__month-btn { min-width: var(--field-height); width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #panel-timesheet .positions-registry__control, html[data-theme^="new"] #panel-timesheet .positions-registry__refresh-btn, html[data-theme^="new"] #panel-timesheet .ts-sum__export-btn, html[data-theme^="new"] #panel-timesheet .ts-sum__reset-btn, html[data-theme^="new"] #panel-timesheet .ts-sum__filter { min-height: var(--field-height); height: var(--field-height); box-sizing: border-box; border-radius: var(--radius-md); background: var(--bg-elevated); font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet .ts-sum__filter { min-width: 9rem; max-width: 14rem; } html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar-search { flex: 1 1 12rem; min-width: 10rem; max-width: 20rem; } html[data-theme^="new"] #panel-timesheet .ts-sum__view-tabs { display: inline-flex; flex-wrap: wrap; gap: var(--space-1); } /* --- Layout & panes (один уровень карточки: .card + колонки) --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr); gap: var(--space-3); align-items: start; } html[data-theme^="new"] #panel-timesheet .ts-sum__pane_aside { position: sticky; top: var(--ts-sum-sticky-top); max-height: calc(100dvh - var(--ts-sum-sticky-top) - var(--ts-sum-sticky-gap)); box-sizing: border-box; overflow: auto; overscroll-behavior: contain; align-self: start; } @media (max-width: 1100px) { html[data-theme^="new"] #panel-timesheet .ts-sum__layout { grid-template-columns: 1fr; } html[data-theme^="new"] #panel-timesheet .ts-sum--has-selection:not(.ts-sum--view-map) .ts-sum__pane_aside { order: -1; top: 0; z-index: 5; max-height: min(42vh, 22rem); box-shadow: 0 6px 16px color-mix(in srgb, var(--shadow-color, #000) 12%, transparent); } } html[data-theme^="new"] #panel-timesheet .ts-sum__pane { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); box-shadow: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__pane-head { margin: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__pane-title { margin: 0 0 var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #panel-timesheet .ts-sum__pane-hint { margin: 0; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-timesheet .ts-sum__aside-head-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__aside-head-row .ts-sum__pane-title { margin: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__clear-selection { flex-shrink: 0; font-size: var(--text-xs); padding: var(--space-1) var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__aside-selection { margin: 0; font-size: var(--text-xs); color: var(--accent); font-weight: 500; } html[data-theme^="new"] #panel-timesheet .ts-sum__view { min-width: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-host, html[data-theme^="new"] #panel-timesheet .ts-sum__table-host, html[data-theme^="new"] #panel-timesheet .ts-sum__details-host { min-width: 0; overflow-x: auto; margin: 0; padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__aside-reports, html[data-theme^="new"] #panel-timesheet .ts-sum__aside-map { min-width: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } /* --- Tree --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__tree { display: flex; flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-node { border-left: 2px solid var(--border); margin-left: 0; padding-left: var(--space-2); margin-bottom: var(--space-1); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-children { margin-left: var(--space-1); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1); cursor: default; list-style: none; padding: var(--space-1) 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-summary::-webkit-details-marker { display: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin: 0; padding: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-muted); cursor: pointer; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle:hover { background: var(--surface-hover); color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle:active { background: var(--accent-muted); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-node[open] > .ts-sum__tree-summary .ts-sum__tree-toggle { color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-node:has(.ts-sum__row_selected) { border-left-color: color-mix(in srgb, var(--accent) 55%, var(--border)); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-node:has(.ts-sum__row_selected) > .ts-sum__tree-summary .ts-sum__tree-toggle { color: var(--accent); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle-icon { display: block; transition: transform 0.15s ease-out; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-node[open] > .ts-sum__tree-summary .ts-sum__tree-toggle-icon { transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-timesheet .ts-sum__tree-toggle-icon { transition: none; } } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-select { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); min-width: 0; padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); cursor: pointer; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-select:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-label, html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf-label { flex: 1 1 12rem; font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-type { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-metrics { font-size: var(--text-sm); margin-left: auto; white-space: nowrap; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); margin-left: var(--space-3); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf[data-key] { cursor: pointer; } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf[data-key]:hover, html[data-theme^="new"] #panel-timesheet .ts-sum__row:hover, html[data-theme^="new"] #panel-timesheet .ts-sum__table-row:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-summary:focus-visible, html[data-theme^="new"] #panel-timesheet .ts-sum__row:focus-visible, html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf[data-key]:focus-visible, html[data-theme^="new"] #panel-timesheet .ts-sum__table-row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-select.ts-sum__row_selected, html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf.ts-sum__row_selected, html[data-theme^="new"] #panel-timesheet .ts-sum__row_selected, html[data-theme^="new"] #panel-timesheet .ts-sum__table-row.ts-sum__row_selected { background: var(--accent-muted); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent); } html[data-theme^="new"] #panel-timesheet .ts-sum__tree-select.ts-sum__row_selected .ts-sum__tree-label, html[data-theme^="new"] #panel-timesheet .ts-sum__tree-leaf.ts-sum__row_selected .ts-sum__tree-leaf-label { color: var(--accent); } /* --- Employees groups (одна рамка: head + table) --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group { margin: 0 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; background: transparent; } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-2) var(--space-3); font-weight: 600; background: var(--surface); border: none; border-bottom: 1px solid var(--border); border-radius: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group-name { color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group-total { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group .ts-sum__table { margin: 0; } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group .ts-sum__table th, html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group .ts-sum__table td { border-bottom-color: var(--border-light, color-mix(in srgb, var(--border) 65%, transparent)); } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-group .ts-sum__table tbody tr:last-child td { border-bottom: none; } /* --- Employees column autofilter --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__active-filters { margin: 0 0 var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-timesheet .ts-sum__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 44px; padding: var(--space-1) var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #panel-timesheet .ts-sum__filter-chip:hover { border-color: var(--accent); color: var(--accent-hover); } html[data-theme^="new"] #panel-timesheet .ts-sum__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #panel-timesheet .ts-sum__table_filter-head { margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-cell { vertical-align: bottom; } html[data-theme^="new"] #panel-timesheet .ts-sum__th-chip { position: relative; box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); } html[data-theme^="new"] #panel-timesheet .ts-sum__head-static { display: block; box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: var(--space-2) calc(var(--space-2) + 1.375rem) var(--space-2) var(--space-2); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-chip .ts-sum__th-filter { box-sizing: border-box; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__th-chip:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter { position: absolute; z-index: 1; top: 50%; right: var(--space-1); display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; min-width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); cursor: pointer; transform: translateY(-50%); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter:hover { color: var(--accent-hover); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter_active, html[data-theme^="new"] #panel-timesheet .ts-sum__th-chip:has(.ts-sum__th-filter_active) { border-color: var(--accent); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-chip:has(.ts-sum__th-filter_active) { background: color-mix(in srgb, var(--accent) 14%, var(--bg)); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-timesheet .ts-sum__th-filter-icon { display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__emp-cell-spacer { width: 0; max-width: 0; padding: 0; border: none; overflow: hidden; } /* --- Tables --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet .ts-sum__table thead th { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--surface); } html[data-theme^="new"] #panel-timesheet .ts-sum__table th, html[data-theme^="new"] #panel-timesheet .ts-sum__table td { border-bottom: 1px solid var(--border); padding: 6px 8px; text-align: left; } html[data-theme^="new"] #panel-timesheet .ts-sum__table th.ts-sum__num, html[data-theme^="new"] #panel-timesheet .ts-sum__table td.ts-sum__num { text-align: right; } html[data-theme^="new"] #panel-timesheet .ts-sum__table_compact th, html[data-theme^="new"] #panel-timesheet .ts-sum__table_compact td { padding: 4px 6px; } /* --- Warnings list --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__warnings-list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__warning-item { padding: var(--space-2) var(--space-3); border: 1px solid color-mix(in srgb, var(--warn, #d97706) 35%, var(--border)); border-radius: var(--radius-md); background: var(--surface); font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet .ts-sum__warning-item strong { color: var(--text-head); } /* --- Empty / loading / status / fatal --- */ html[data-theme^="new"] #panel-timesheet .ts-sum__empty { padding: var(--space-4) var(--space-2); text-align: center; } html[data-theme^="new"] #panel-timesheet .ts-sum__empty-title { margin: 0 0 var(--space-1); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__hint, html[data-theme^="new"] #panel-timesheet .ts-sum__loading, html[data-theme^="new"] #panel-timesheet .ts-sum__status { margin: 0; color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet .ts-sum__loading { padding: var(--space-3) 0; text-align: center; } html[data-theme^="new"] #panel-timesheet .ts-sum__loading-shell { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3) var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__loading-title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__loading-hint { margin: 0; font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-timesheet .ts-sum__skeleton { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-1); } html[data-theme^="new"] #panel-timesheet .ts-sum__skeleton-line { height: 0.75rem; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--border) 0%, var(--surface-hover) 50%, var(--border) 100%); background-size: 200% 100%; animation: ts-sum-skeleton-pulse 1.4s ease-in-out infinite; } html[data-theme^="new"] #panel-timesheet .ts-sum__skeleton-line_wide { width: 72%; } html[data-theme^="new"] #panel-timesheet .ts-sum__skeleton-line_short { width: 42%; } @keyframes ts-sum-skeleton-pulse { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } html[data-theme^="new"] #panel-timesheet .ts-sum__fatal { padding: var(--space-3); border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--danger) 8%, var(--bg-elevated)); } html[data-theme^="new"] #panel-timesheet .ts-sum__fatal-text { margin: 0 0 var(--space-2); color: var(--text-head); } html[data-theme^="new"] #panel-timesheet .ts-sum__details-chart { margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__spark { display: block; max-width: 100%; height: auto; } /* --- Map view: встроенный ts-ana (без второй карточки в main) --- */ html[data-theme^="new"] #ts-sum-root.ts-sum--view-map .ts-sum__pane_main { padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #ts-sum-root.ts-sum--view-map .ts-sum__pane-head { display: none; } html[data-theme^="new"] #ts-sum-root.ts-sum--view-map .ts-sum__layout { gap: var(--space-3); } html[data-theme^="new"] #ts-sum-root.ts-sum--view-map .ts-sum__pane_aside { padding: var(--space-3); } html[data-theme^="new"] #ts-sum-root #ts-ana-registry { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; border: none; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__movers-zone { margin-bottom: 0; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__movers { padding: var(--space-2) var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); font-size: var(--text-sm); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__movers-list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin: 0; padding: 0; list-style: none; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__mover { display: inline-flex; align-items: baseline; gap: var(--space-2); padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); background: var(--bg-elevated); color: var(--text); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__mover-num { font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__mover-delta { font-size: var(--text-xs); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__mover_up .ts-ana-registry__mover-delta { color: var(--success); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__mover_down .ts-ana-registry__mover-delta { color: var(--danger); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__section-title { margin: 0 0 var(--space-2); font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-subtle); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__map-hint { margin: 0 0 var(--space-2); font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__alerts-zone { margin-bottom: 0; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__alerts-host { min-height: 2rem; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__heatmap-host { overflow: auto; max-height: min(58vh, 42rem); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #ts-sum-stat-delta.ts-ana-registry__stat-val_up { color: var(--success); } html[data-theme^="new"] #ts-sum-stat-delta.ts-ana-registry__stat-val_down { color: var(--danger); } /* --- Mobile: stack toolbar & stats --- */ @media (max-width: 720px) { html[data-theme^="new"] #panel-timesheet .ts-sum__stats { flex-direction: column; align-items: flex-start; gap: var(--space-1); } html[data-theme^="new"] #panel-timesheet .ts-sum__period-label { min-width: 0; flex: 1 1 auto; } html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar-row { gap: var(--space-2); } html[data-theme^="new"] #panel-timesheet .ts-sum__toolbar-search { flex: 1 1 100%; max-width: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__filter { flex: 1 1 calc(50% - var(--space-1)); min-width: 0; max-width: none; } html[data-theme^="new"] #panel-timesheet .ts-sum__export-btn, html[data-theme^="new"] #panel-timesheet .positions-registry__refresh-btn { flex: 1 1 auto; } html[data-theme^="new"] #panel-timesheet #ts-sum-root .ts-ana-registry__heatmap-host { max-height: min(50vh, 32rem); } } /* ======================================================================== 22. Профиль пользователя (#panel-profile) ======================================================================== */ html[data-theme^="new"] #panel-profile.profile-panel { max-width: var(--container-max, 72rem); } html[data-theme^="new"] #panel-profile .profile-panel__title { font-size: var(--text-2xl); font-weight: 700; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #panel-profile .profile-panel__lead { color: var(--text-muted); max-width: 65ch; } html[data-theme^="new"] #panel-profile .profile-hero { background: var(--bg-elevated); border-color: var(--border); box-shadow: none; padding: var(--space-4); } html[data-theme^="new"] #panel-profile .profile-hero__name { color: var(--text-head); font-size: var(--text-xl); } html[data-theme^="new"] #panel-profile .profile-hero__role-badge { border-color: color-mix(in srgb, var(--accent) 28%, var(--border)); background: var(--accent-muted); color: var(--text-head); text-transform: none; letter-spacing: normal; font-weight: 600; } html[data-theme^="new"] #panel-profile .profile-hero__stat_unread { color: var(--accent); } html[data-theme^="new"] #panel-profile .profile-tabs { display: flex; flex-wrap: nowrap; gap: var(--space-1); padding: var(--space-1); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; } html[data-theme^="new"] #panel-profile .profile-tabs::-webkit-scrollbar { display: none; } html[data-theme^="new"] #panel-profile .profile-tabs__btn { flex: 0 0 auto; min-height: var(--field-height); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); color: var(--text-muted); font-size: var(--text-sm); font-weight: 600; transition: background var(--transition), color var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-profile .profile-tabs__btn:hover { color: var(--text); background: var(--surface-hover); } html[data-theme^="new"] #panel-profile .profile-tabs__btn.is-active { color: var(--accent); background: var(--accent-muted); border-color: color-mix(in srgb, var(--accent) 32%, var(--border)); box-shadow: none; } html[data-theme^="new"] #panel-profile .profile-tabs__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; z-index: 1; } html[data-theme^="new"] #panel-profile .profile-tabs__btn[hidden], html[data-theme^="new"] #panel-profile .profile-tabs__btn:disabled, html[data-theme^="new"] #panel-profile .profile-tabs__btn[aria-disabled="true"] { display: none !important; } html[data-theme^="new"] #panel-profile .profile-empty { padding: var(--space-6) var(--space-4); text-align: center; } html[data-theme^="new"] #panel-profile .profile-empty__icon { margin: 0 auto var(--space-3); color: var(--text-muted); opacity: 0.7; } html[data-theme^="new"] #panel-profile .profile-empty__title { margin: 0 0 var(--space-2); font-size: var(--text-base); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #panel-profile .profile-empty__text { margin: 0 auto; max-width: 22rem; font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text-muted); text-wrap: pretty; } html[data-theme^="new"] #panel-profile .profile-tabs__badge { background: var(--err); color: var(--text-head); font-family: var(--font-mono); font-size: var(--text-xs); } html[data-theme^="new"] #panel-profile .profile-layout { grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem); gap: var(--space-4); } html[data-theme^="new"] #panel-profile .profile-section-card { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; } html[data-theme^="new"] #panel-profile .profile-section-card__head { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-profile .profile-section-card__title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-section-card__hint { color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-profile .profile-section-card__body { padding: var(--space-4); } html[data-theme^="new"] #panel-profile .profile-security-card__icon { background: var(--accent-muted); color: var(--accent); } html[data-theme^="new"] #panel-profile .profile-security-blocks { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] #panel-profile .profile-security-block_passkey { padding-top: var(--space-4); border-top: 1px solid var(--border); } html[data-theme^="new"] #panel-profile .profile-security-block__title { margin: 0 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-name-form { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: end; } html[data-theme^="new"] #panel-profile .profile-name-form .form-field input { min-height: var(--field-height); border-radius: var(--radius-sm); background: var(--surface-elevated); border-color: var(--border); } html[data-theme^="new"] #panel-profile .profile-name-form .btn-primary { min-height: var(--field-height); padding: 0 var(--space-4); color: var(--bg); background: var(--accent); border: none; font-weight: 600; } html[data-theme^="new"] #panel-profile .profile-name-form .btn-primary:hover { background: var(--accent-hover); } html[data-theme^="new"] #panel-profile .profile-info-grid { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; } html[data-theme^="new"] #panel-profile .profile-info-grid__item { padding: var(--space-3) var(--space-4); border: none; border-radius: 0; border-bottom: 1px solid var(--border); background: transparent; } html[data-theme^="new"] #panel-profile .profile-info-grid__item:last-child { border-bottom: none; } html[data-theme^="new"] #panel-profile .profile-info-grid__item_action { padding: var(--space-3) var(--space-4); border-top: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile .profile-info-grid__label { text-transform: none; letter-spacing: normal; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-profile .profile-info-grid__value { font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] #panel-profile .profile-recovery-email { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile .profile-recovery-email__field input { min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-recovery-email__hint { color: var(--text-muted); font-size: var(--text-sm); line-height: var(--leading-normal); } html[data-theme^="new"] #panel-profile .profile-totp-status__badge_on { background: var(--success-muted); color: var(--success); } html[data-theme^="new"] #panel-profile .profile-totp-status__recovery { margin-top: var(--space-2); color: var(--text); font-size: var(--text-sm); line-height: var(--leading-normal); } html[data-theme^="new"] #panel-profile .profile-totp-status__link { color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-profile .profile-totp-status__link a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; } html[data-theme^="new"] #panel-profile .profile-totp-status__action, html[data-theme^="new"] #panel-profile .profile-passkey-status__action, html[data-theme^="new"] #panel-profile .profile-logout-btn { min-height: var(--field-height); max-width: none; } html[data-theme^="new"] #panel-profile .profile-passkey-status__badge_on { background: var(--success-muted); color: var(--success); } html[data-theme^="new"] #panel-profile .profile-passkey-list { margin-top: 0; } html[data-theme^="new"] #panel-profile .profile-passkey-list__item { border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile .profile-passkey-list__title { color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-passkey-list__revoke { min-height: var(--field-height-sm); color: var(--err); border-color: color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] #panel-profile .profile-passkey-list__revoke:hover { background: var(--err-muted); border-color: color-mix(in srgb, var(--err) 55%, var(--border)); } html[data-theme^="new"] #panel-profile .profile-session-item { border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile .profile-session-item_current { border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); background: var(--accent-muted); } html[data-theme^="new"] #panel-profile .profile-session-item__badge { background: var(--accent-muted); color: var(--accent); } html[data-theme^="new"] #panel-profile .profile-session-item__meta { min-width: 0; } html[data-theme^="new"] #panel-profile .profile-session-item__meta-label, html[data-theme^="new"] #panel-profile .profile-session-item__meta-value, html[data-theme^="new"] #panel-profile .profile-session-item__place { color: var(--text-muted); font-family: inherit; } html[data-theme^="new"] #panel-profile .profile-session-item__ip { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--text-muted); overflow-wrap: anywhere; word-break: break-word; } html[data-theme^="new"] #panel-profile .profile-sessions-actions { gap: var(--space-2); } html[data-theme^="new"] #panel-profile .profile-sessions-actions .btn-secondary { min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-notifications-toolbar { gap: var(--space-2); padding: var(--space-3) var(--space-4); } html[data-theme^="new"] #panel-profile .profile-segmented__item span { min-height: var(--field-height-sm); } html[data-theme^="new"] #panel-profile .profile-segmented__item input:checked + span { background: var(--accent-muted); color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-notifications-refresh-btn { min-width: var(--field-height); min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-notification { border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile .profile-notification:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-profile .profile-notification__unread { background: var(--accent); } html[data-theme^="new"] #panel-profile .profile-menu-panel { gap: var(--space-4); } html[data-theme^="new"] #panel-profile .profile-menu-settings { gap: var(--space-5); } html[data-theme^="new"] #panel-profile .profile-admin-tools__actions { gap: var(--space-2); } html[data-theme^="new"] #panel-profile .profile-admin-tools__btn { min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-display-prefs { border-color: var(--border); background: color-mix(in srgb, var(--surface) 96%, var(--accent) 4%); } html[data-theme^="new"] #panel-profile .profile-display-prefs__check { width: 1.125rem; height: 1.125rem; margin-top: 0.2rem; accent-color: var(--accent); } html[data-theme^="new"] #panel-profile .profile-display-prefs__text { color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-display-prefs__hint { color: var(--text-muted); max-width: 42rem; } html[data-theme^="new"] #panel-profile .profile-nav-settings-group__title { font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-profile .profile-nav-settings-group__hint { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-profile .profile-nav-settings-items { border-color: var(--border); border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item { min-height: var(--field-height); background: var(--bg-elevated); border-bottom-color: var(--border); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item__check { width: 1.125rem; height: 1.125rem; accent-color: var(--accent); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item__text { color: var(--text); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item__grip { color: var(--text-muted); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item__grip:hover, html[data-theme^="new"] #panel-profile .profile-nav-settings-item__grip:focus-visible { color: var(--text); } html[data-theme^="new"] #panel-profile .profile-nav-settings-item__grip-icon { opacity: 0.7; } html[data-theme^="new"] #panel-profile .profile-nav-settings-group__head { margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-profile .profile-nav-settings-status { color: var(--text-muted); } html[data-theme^="new"] #panel-profile .profile-nav-settings-status.err { color: var(--err); } html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); } html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar { display: flex; flex-direction: column; gap: var(--space-2); position: sticky; bottom: 0; z-index: var(--z-sticky, 10); padding: var(--space-3) var(--space-4); margin: 0; border-top: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(8px); } html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar .btn-primary, html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar .btn-secondary { min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-report-wrap { padding: 0; } html[data-theme^="new"] #panel-profile #profile-report .profile-section { padding: var(--space-4); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-profile #profile-report .profile-section:last-child { border-bottom: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-section-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-profile #profile-report .profile-k { color: var(--text-muted); font-size: var(--text-xs); font-weight: 500; } html[data-theme^="new"] #panel-profile #profile-report .profile-v-strong { font-family: var(--font-mono); color: var(--text-head); } html[data-theme^="new"] #panel-profile #profile-report .profile-section:has(table) { overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #panel-profile #profile-report table { width: 100%; min-width: 28rem; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-day { min-height: 2.75rem; min-width: 2.5rem; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-day.is-selected { border-color: var(--accent); background: var(--accent-muted); } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-intervals { font-size: var(--text-xs); color: var(--text-muted); } /* --- Profile report: mobile-day (parity с foreman-ts) --- */ html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-mobile-nav { display: none; margin-bottom: var(--space-3); } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-view_mobile { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-details { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile .profile-timesheet-mobile-nav { display: block; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile .profile-timesheet-day-label { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile.profile-report--day-mode .profile-timesheet-view_desktop { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile.profile-report--day-mode .profile-timesheet-view_mobile { display: block; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile .profile-timesheet-desktop-calendar { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-section_timesheet.profile-report--mobile .profile-month-details { display: block; margin-top: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile #profile-report .profile-month-details__summary { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); cursor: pointer; list-style: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-details__summary::-webkit-details-marker { display: none; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-details__body { padding: 0 var(--space-3) var(--space-3); border-top: 1px solid var(--border); } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-mobile-nav .foreman-ts__mobile-day-nav { display: flex; align-items: center; justify-content: center; gap: var(--space-1); min-width: 0; } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-mobile-nav .foreman-ts__mobile-day-label { flex: 1 1 0; min-width: 0; min-height: var(--field-height); padding: var(--space-1) var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text-head); font-size: var(--text-sm); font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-mobile-nav .foreman-ts__period-btn { flex-shrink: 0; min-width: 2.25rem; min-height: var(--field-height); padding-inline: 0; } html[data-theme^="new"] #panel-profile #profile-report .profile-timesheet-mobile-nav .foreman-ts__period-btn_today { padding-inline: var(--space-2); font-size: var(--text-xs); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-list { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-card { padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-card__head { display: flex; align-items: baseline; gap: var(--space-2); margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-card__hours { font-family: var(--font-mono); font-size: var(--text-lg); font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-card__brigade { font-size: var(--text-sm); font-weight: 600; color: var(--text-muted); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-card__intervals { margin: 0; font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--text); white-space: normal; overflow: visible; text-overflow: unset; } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-empty { padding: var(--space-5) var(--space-3); text-align: center; border: 1px dashed var(--border); border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-empty__title { margin: 0 0 var(--space-1); font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-profile #profile-report .profile-day-mobile-empty__text { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } @media (max-width: 900px) { html[data-theme^="new"] #panel-profile .profile-layout { grid-template-columns: 1fr; } html[data-theme^="new"] #panel-profile .profile-tabs__label { display: inline; } html[data-theme^="new"] #panel-profile .profile-hero { flex-direction: row; align-items: center; } } @media (max-width: 640px) { html[data-theme^="new"] main.content:has(#panel-profile:not(.hidden)) { padding: var(--space-3); } html[data-theme^="new"] #panel-profile.profile-panel { min-width: 0; overflow-x: clip; } html[data-theme^="new"] #panel-profile .profile-panel__intro { margin-bottom: var(--space-3); } html[data-theme^="new"] #panel-profile .profile-panel__lead { display: none; } html[data-theme^="new"] #panel-profile .profile-hero { flex-direction: column; align-items: flex-start; } html[data-theme^="new"] #panel-profile .profile-tabs { margin-inline: calc(-1 * var(--space-1)); border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-profile .profile-tabs__btn { min-height: var(--field-height); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-profile .profile-section-card__head, html[data-theme^="new"] #panel-profile .profile-section-card__body { padding-inline: var(--space-3); } html[data-theme^="new"] #panel-profile .profile-name-form { grid-template-columns: 1fr; } html[data-theme^="new"] #panel-profile .profile-name-form .btn-primary { width: 100%; } html[data-theme^="new"] #panel-profile .profile-recovery-email__form { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #panel-profile .profile-recovery-email__submit { width: 100%; } html[data-theme^="new"] #panel-profile .profile-notifications-toolbar { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #panel-profile .profile-notifications-actions { justify-content: stretch; } html[data-theme^="new"] #panel-profile .profile-notifications-actions .btn-secondary:not(.profile-notifications-refresh-btn) { flex: 1 1 auto; } html[data-theme^="new"] #panel-profile .profile-session-item { flex-wrap: wrap; } html[data-theme^="new"] #panel-profile .profile-session-item__end { flex: 1 1 100%; align-self: stretch; } html[data-theme^="new"] #panel-profile .profile-session-item__end .btn-secondary { width: 100%; min-height: var(--field-height); } html[data-theme^="new"] #panel-profile .profile-sessions-actions .btn-secondary { flex: 1 1 100%; width: 100%; } html[data-theme^="new"] #panel-profile .profile-passkey-list__revoke { width: 100%; } html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar { flex-direction: column; margin-inline: 0; padding-inline: var(--space-3); padding-bottom: calc(var(--space-3) + env(safe-area-inset-bottom, 0px)); } html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar .btn-primary, html[data-theme^="new"] #panel-profile .profile-nav-settings-toolbar .btn-secondary { width: 100%; } html[data-theme^="new"] #panel-profile .profile-segmented { display: flex; width: 100%; } html[data-theme^="new"] #panel-profile .profile-segmented__item { flex: 1 1 0; } html[data-theme^="new"] #panel-profile .profile-segmented__item span { width: 100%; justify-content: center; } html[data-theme^="new"] #panel-profile .profile-notification__head { flex-direction: column; align-items: flex-start; gap: var(--space-1); } html[data-theme^="new"] #panel-profile #profile-timesheet-day-content { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-inline: calc(-1 * var(--space-3)); padding-inline: var(--space-3); } html[data-theme^="new"] #panel-profile #profile-report .profile-gantt-compact-head, html[data-theme^="new"] #panel-profile #profile-report .profile-gantt-compact-row { min-width: 18rem; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-day { min-height: 2.5rem; padding: 2px; } html[data-theme^="new"] #panel-profile #profile-report .profile-month-day-num, html[data-theme^="new"] #panel-profile #profile-report .profile-month-day-hours { font-size: 0.65rem; line-height: 1.1; } html[data-theme^="new"] #panel-profile #profile-report .profile-summary-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] *, html[data-theme^="new"] *::before, html[data-theme^="new"] *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } html[data-theme^="new"] .ts-sum__skeleton-line { animation: none; background: var(--border); } html[data-theme^="new"] #panel-marks .marks-registry__skeleton-line { animation: none; background: var(--border); } } /* === 16. Склады (panel-warehouses) — Module Panel Pattern §3 === */ html[data-theme^="new"] #panel-warehouses > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-warehouses .warehouses-registry { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 24px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__stat-term { margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); order: 1; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__stat-val { margin: 0; font-size: var(--text-lg); font-weight: 700; color: var(--text-head); order: 0; } @media (max-width: 720px) { html[data-theme^="new"] #panel-warehouses .warehouses-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; background: transparent; border: none; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-2); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar-row_main { align-items: flex-end; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar-row_docflow { align-items: stretch; padding: 0; border: none; border-radius: 0; background: transparent; max-height: min(320px, 42vh); overflow: auto; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__icon-btn, html[data-theme^="new"] #panel-warehouses .warehouses-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); font-weight: 600; box-sizing: border-box; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; font-size: var(--text-lg); line-height: 1; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__refresh-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__icon-btn:hover, html[data-theme^="new"] #panel-warehouses .warehouses-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 12rem; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__field-label { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__control { height: var(--field-height); min-height: var(--field-height); width: 100%; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text); font-size: var(--text-sm); padding: 0 var(--space-3); box-sizing: border-box; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__control:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__check { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--field-height); font-size: var(--text-sm); color: var(--text); cursor: pointer; user-select: none; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__filter-context { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); font-size: var(--text-sm); line-height: 1.45; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-muted); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__filter-context:empty { display: none; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__filter-context_warn { border-color: color-mix(in srgb, var(--warn) 45%, var(--border)); background: color-mix(in srgb, var(--warn) 8%, var(--bg-elevated)); color: var(--text); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__filter-context_ok { border-color: color-mix(in srgb, var(--accent) 30%, var(--border)); color: var(--text); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__docflow-root { flex: 1 1 100%; min-width: 0; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__field select { min-height: 44px; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__owner-segments .foreman-ts__segment, html[data-theme^="new"] #panel-warehouses .warehouses-registry__view-segments .foreman-ts__segment, html[data-theme^="new"] #panel-warehouses .warehouses-form-owner-segments .foreman-ts__segment { min-height: 44px; } html[data-theme^="new"] #panel-warehouses .foreman-ts__segmented { border: 1px solid var(--border); border-radius: var(--radius-md); overflow: visible; background: var(--surface); } html[data-theme^="new"] #panel-warehouses .foreman-ts__segment { border: none; border-right: 1px solid var(--border); background: transparent; font: inherit; font-size: var(--text-sm); font-weight: 500; color: var(--text-muted); cursor: pointer; padding: var(--space-2) var(--space-3); white-space: nowrap; } html[data-theme^="new"] #panel-warehouses .foreman-ts__segment:last-child { border-right: none; } html[data-theme^="new"] #panel-warehouses .foreman-ts__segment:hover { background: var(--surface-hover); color: var(--text); } html[data-theme^="new"] #panel-warehouses .foreman-ts__segment_active { background: color-mix(in srgb, var(--accent) 14%, var(--surface)); color: var(--text-head); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); } html[data-theme^="new"] #panel-warehouses .warehouses-owner-fieldset { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3); margin: 0; min-width: 0; } html[data-theme^="new"] #panel-warehouses .warehouses-owner-fieldset__legend { padding: 0 var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-warehouses .warehouses-form-owner-segments { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: var(--space-3); } html[data-theme^="new"] #panel-warehouses .warehouses-form-owner-segments .foreman-ts__segment { flex: 1 1 auto; min-width: 0; } html[data-theme^="new"] #panel-warehouses .warehouses-dialog__fields { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] #panel-warehouses .warehouses-dialog__fields .form-field input, html[data-theme^="new"] #panel-warehouses .warehouses-dialog__fields .form-field select { width: 100%; max-width: 100%; box-sizing: border-box; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-md); min-height: var(--field-height); } html[data-theme^="new"] #panel-warehouses .warehouses-dialog__fields .form-field input::placeholder { color: var(--text-subtle); } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__counterparty, html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__search { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 44px; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar-row_docflow .warehouses-docflow-picker { grid-template-columns: 1fr; width: 100%; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); gap: 0; min-height: 420px; border-top: 1px solid var(--border); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane { display: flex; flex-direction: column; gap: 0; min-height: 360px; min-width: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane_list { border-right: 1px solid var(--border); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane-head { background: var(--bg-elevated); border: none; border-bottom: 1px solid var(--border); padding: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane-title { margin: 0; font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-warehouses .warehouses-registry__table-region { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__map-region { position: relative; flex: 1 1 auto; min-height: 320px; display: flex; flex-direction: column; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane_map { position: relative; } html[data-theme^="new"] #panel-warehouses .warehouses-map-placeholder { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); min-height: 360px; padding: var(--space-4); text-align: center; } html[data-theme^="new"] #panel-warehouses .warehouses-map-placeholder[hidden], html[data-theme^="new"] #panel-warehouses .warehouses-map-placeholder_hidden { display: none !important; } html[data-theme^="new"] #panel-warehouses .warehouses-map-placeholder__title { margin: 0; font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-warehouses .warehouses-map-placeholder__hint { margin: 0; max-width: 28ch; } html[data-theme^="new"] #panel-warehouses .warehouses-registry-map { width: 100%; min-height: 360px; height: 100%; flex: 1 1 auto; } html[data-theme^="new"] #panel-warehouses .warehouses-registry-map_ready { position: absolute; inset: 0; z-index: 1; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog-map { width: 100%; flex: 1 1 auto; min-height: 12rem; height: auto; } html[data-theme^="new"] #panel-warehouses .warehouses-list { flex: 1 1 auto; min-height: 0; overflow: auto; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #panel-warehouses .warehouses-table { width: 100%; min-width: 640px; border-collapse: collapse; } html[data-theme^="new"] #panel-warehouses .warehouses-table th { font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-warehouses .warehouses-table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-subtle, var(--border)); font-size: var(--text-sm); } html[data-theme^="new"] #panel-warehouses .warehouses-table__row { cursor: pointer; } html[data-theme^="new"] #panel-warehouses .warehouses-table__row:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-warehouses .warehouses-table__row_focus, html[data-theme^="new"] #panel-warehouses .warehouses-table__row_selected { background: color-mix(in srgb, var(--accent) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); } html[data-theme^="new"] #panel-warehouses .warehouses-table__row[tabindex="0"]:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-warehouses .warehouses-dialog__fields .warehouses-docflow-picker { grid-template-columns: 1fr; } html[data-theme^="new"] #panel-warehouses .warehouses-badge { font-size: var(--text-xs); font-weight: 500; padding: 2px 8px; border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-warehouses .warehouses-badge_geo { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent); } html[data-theme^="new"] #panel-warehouses .warehouses-badge_muted { background: var(--bg-elevated); color: var(--text-muted); } /* === 16.b Перевозки (panel-shipments) — Module Panel Pattern §3 === */ html[data-theme^="new"] #panel-shipments > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-shipments .shipments-registry { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] #panel-shipments .shipments-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 24px; margin: 0; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); grid: none; } html[data-theme^="new"] #panel-shipments .shipments-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } html[data-theme^="new"] #panel-shipments .shipments-registry__stat-term { order: 1; margin: 0; font-size: var(--text-xs); font-weight: 500; text-transform: none; letter-spacing: normal; color: var(--text-muted); } html[data-theme^="new"] #panel-shipments .shipments-registry__stat-val { order: 0; margin: 0; font-size: var(--text-lg); font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; color: var(--text-head); } @media (max-width: 720px) { html[data-theme^="new"] #panel-shipments .shipments-registry__stats { flex-direction: column; gap: var(--space-1); } } html[data-theme^="new"] #panel-shipments .panel-toolbar { background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; gap: var(--space-2); min-height: 0; } html[data-theme^="new"] #panel-shipments .shipments-registry__control, html[data-theme^="new"] #panel-shipments .shipments-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); font-size: var(--text-sm); font-weight: 600; box-sizing: border-box; } html[data-theme^="new"] #panel-shipments .shipments-registry__refresh-btn { padding: 0 var(--space-4); white-space: nowrap; } html[data-theme^="new"] #panel-shipments .shipments-registry__refresh-btn:hover { border-color: var(--accent); background: var(--surface-hover); } html[data-theme^="new"] #panel-shipments .shipments-registry__control:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #panel-shipments .shipments-registry__field-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] #panel-shipments .shipments-registry__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: none; padding: 0; overflow: hidden; } html[data-theme^="new"] #panel-shipments .shipments-registry__pane-head { padding: var(--space-2) var(--space-3); background: var(--bg-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] #panel-shipments .shipments-registry__pane-title { font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-shipments .shipments-registry__table-scroll { padding: 0; } html[data-theme^="new"] #panel-shipments #shipments-list .shipments-table thead th { background: var(--bg-elevated); } html[data-theme^="new"] #panel-shipments .shipments-cargo-btn { min-height: var(--field-height-sm); padding: 0 var(--space-3); border-radius: var(--radius-sm); border: 1px solid var(--border); background: transparent; color: var(--accent); font-size: var(--text-sm); font-weight: 600; cursor: pointer; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] #panel-shipments .shipments-cargo-btn:hover { background: var(--surface-hover); border-color: var(--accent); } html[data-theme^="new"] #panel-shipments .shipments-cargo-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--accent-dim); } html[data-theme^="new"] #panel-shipments .shipments-registry__empty-title { color: var(--text-head); } html[data-theme^="new"] #panel-shipments .shipments-registry__error { margin: var(--space-3); } /* Склад: модалка создания/редактирования на весь экран — форма + карта + всегда видимый футер */ html[data-theme^="new"] #dialog-warehouse.dialog.warehouses-dialog { width: 100vw; width: 100dvw; height: 100vh; height: 100dvh; max-width: 100dvw; max-height: 100dvh; margin: 0; padding: 0; border: none; border-radius: 0; box-shadow: none; overflow: hidden; background: var(--bg); color: var(--text); } html[data-theme^="new"] #dialog-warehouse.dialog.warehouses-dialog[open] { opacity: 1; transform: none; } html[data-theme^="new"] #dialog-warehouse::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__inner { display: flex; flex-direction: column; height: 100%; max-height: 100dvh; min-height: 0; overflow: hidden; border-radius: 0; background: var(--bg); } html[data-theme^="new"] #dialog-warehouse .dialog-position-create-header { flex-shrink: 0; border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__body { display: grid; grid-template-columns: minmax(280px, 400px) minmax(0, 1fr); gap: var(--space-4); padding: var(--space-4); flex: 1 1 auto; min-height: 0; overflow: hidden; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__fields { overflow-y: auto; min-height: 0; -webkit-overflow-scrolling: touch; padding-right: var(--space-1); } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__map-col { display: flex; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog-map-tools { flex-shrink: 0; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog-map-hint { flex-shrink: 0; margin: 0 0 var(--space-2); } html[data-theme^="new"] #dialog-warehouse .dialog-position-create-footer { flex-shrink: 0; margin-top: auto; border-top: 1px solid var(--border); background: var(--bg-elevated); padding: var(--space-3) var(--space-5); gap: var(--space-3); } html[data-theme^="new"] #panel-warehouses .warehouses-empty__cta { margin-top: var(--space-4); } html[data-theme^="new"] #panel-warehouses .warehouses-dialog-map-tools { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); gap: var(--space-3); align-items: start; } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__tree { max-height: min(280px, 40vh); overflow: auto; border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2); grid-column: 1 / -1; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__toolbar-row_docflow .warehouses-docflow-picker__tree { max-height: min(180px, 28vh); } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker_compact { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2); } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__tree-wrap { grid-column: 1 / -1; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 0 var(--space-2) var(--space-2); background: var(--surface); } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__tree-summary { cursor: pointer; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); padding: var(--space-2) 0; list-style: none; } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__tree-summary::-webkit-details-marker { display: none; } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker_compact .warehouses-docflow-picker__selected { font-size: var(--text-sm); font-weight: 500; color: var(--text); min-height: 1.25rem; } @media (max-width: 720px) { html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker { grid-template-columns: 1fr; } } html[data-theme^="new"] #panel-warehouses .warehouses-docflow-picker__row_selected, html[data-theme^="new"] #panel-warehouses .docflow-tree-row.warehouses-docflow-picker__row_selected { background: color-mix(in srgb, var(--accent) 14%, transparent); outline: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); } html[data-theme^="new"] #panel-warehouses .warehouses-empty { padding: var(--space-6); text-align: center; } html[data-theme^="new"] #panel-warehouses .warehouses-delete-dialog__text { margin: 0; padding: 0 var(--space-4) var(--space-4); color: var(--text); line-height: 1.5; } @media (max-width: 900px) { html[data-theme^="new"] #panel-warehouses .warehouses-registry__layout { grid-template-columns: 1fr; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane_list { border-right: none; } html[data-theme^="new"] #panel-warehouses .warehouses-registry__pane_hidden { display: none; } html[data-theme^="new"] #dialog-warehouse .warehouses-dialog__body { grid-template-columns: 1fr; grid-template-rows: minmax(0, 42vh) minmax(14rem, 1fr); padding: var(--space-3); } } /* --- SPA boot: loading / fatal (shell) --- */ html[data-theme^="new"] #app-boot-loading.app-boot-loading, html[data-theme^="new"] #app-fatal-overlay.app-fatal { background: var(--bg); } html[data-theme^="new"] .app-boot-loading__spinner { border-color: color-mix(in srgb, var(--accent) 22%, transparent); border-top-color: var(--accent); } html[data-theme^="new"] .app-boot-loading__title { color: var(--ink-head); font-family: var(--font-display); } html[data-theme^="new"] .app-boot-loading__hint { color: var(--ink-muted); } html[data-theme^="new"] .app-fatal__card { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-lg, 0 12px 28px rgba(0, 0, 0, 0.4)); } html[data-theme^="new"] .app-fatal__title { color: var(--ink-head); font-family: var(--font-display); } html[data-theme^="new"] .app-fatal__message, html[data-theme^="new"] .app-fatal__details-summary { color: var(--ink-muted); } html[data-theme^="new"] .app-fatal__details-summary { color: var(--ink-body); } html[data-theme^="new"] .app-fatal__icon { background: color-mix(in srgb, var(--err) 12%, var(--surface-elevated)); color: var(--err); } html[data-theme^="new"] .app-fatal_kind-network .app-fatal__icon { background: color-mix(in srgb, var(--warn) 12%, var(--surface-elevated)); color: var(--warn); } html[data-theme^="new"] .app-fatal_kind-update .app-fatal__icon { background: color-mix(in srgb, var(--accent) 14%, var(--surface-elevated)); color: var(--accent); } html[data-theme^="new"] .app-fatal__countdown { border-color: color-mix(in srgb, var(--accent) 28%, var(--border)); background: color-mix(in srgb, var(--accent) 6%, var(--surface-elevated)); color: var(--ink-head); } html[data-theme^="new"] .app-fatal__countdown-num { color: var(--accent); font-family: var(--font-mono); } html[data-theme^="new"] .app-fatal__snooze { color: var(--ink-muted); } html[data-theme^="new"] .app-fatal__snooze:hover { color: var(--ink-body); border-color: var(--border); background: color-mix(in srgb, var(--ink-body) 6%, transparent); } html[data-theme^="new"] .app-fatal__technical { background: var(--bg); border-color: var(--border); color: var(--ink-muted); font-family: var(--font-mono); } html[data-theme^="new"] .app-fatal__details { border-top-color: var(--border); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .app-boot-loading__spinner { border-top-color: color-mix(in srgb, var(--accent) 22%, transparent); } } /* ——— Незадействованный персонал ——— */ /* Реестр в потоке страницы: компактный chrome, без вложенного скролла таблицы */ html[data-theme^="new"] #panel-idle-personnel { --idle-since-caution: #eab308; --idle-since-elevated: var(--warn); --idle-since-critical: var(--err); } html[data-theme="new-light"] #panel-idle-personnel { --idle-since-caution: #ca8a04; } html[data-theme^="new"] #panel-idle-personnel:not(.hidden) > h2 { margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .panel-body_idle-personnel { padding: var(--space-3) var(--space-4); background: transparent; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel-registry.positions-registry { gap: var(--space-2); display: flex; flex-direction: column; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-host { flex-shrink: 0; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding: 0; border-bottom: none; margin: 0; grid: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-kpis { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi { display: inline-flex; flex-direction: row; align-items: baseline; gap: var(--space-1); margin: 0; padding: 0; border: none; background: transparent; color: inherit; font: inherit; text-align: left; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi-val { font-size: var(--text-sm); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-head); line-height: 1.25; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi_warn .idle-personnel__kpi-val { color: var(--warn); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi_critical .idle-personnel__kpi-val { color: var(--warn); font-weight: 800; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi_filtered .idle-personnel__kpi-val { color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__kpi-label { font-size: var(--text-xs); font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--text-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__duration-chip { min-height: 1.625rem; padding: 2px var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--bg-elevated); color: var(--text-muted); font: inherit; font-size: var(--text-xs); font-weight: 500; cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__duration-chip:hover { border-color: var(--accent); color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__duration-chip.is-active { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated)); color: var(--accent); font-weight: 600; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-panel { border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: transparent; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__duration-chips { display: flex; flex-wrap: wrap; gap: var(--space-1); align-items: center; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1) var(--space-3); padding: var(--space-1) var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); cursor: pointer; list-style: none; user-select: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle-label { color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle-hint { font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-panel[open] .idle-personnel__analytics-toggle-hint { display: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle::-webkit-details-marker { display: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle::before { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid currentColor; transition: transform 0.15s ease; } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle::before { transition: none; } } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-panel[open] .idle-personnel__analytics-toggle::before { transform: rotate(90deg); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle:hover { color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__analytics-body { display: flex; flex-direction: column; gap: var(--space-2); padding: 0 var(--space-2) var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__insights { display: grid; grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.55fr); gap: var(--space-2) var(--space-3); align-items: start; } @media (max-width: 720px) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__insights { grid-template-columns: 1fr; } } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__insights-title { margin: 0 0 var(--space-1); font-size: var(--text-xs); font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--text-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alerts, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert { display: block; width: 100%; padding: 2px var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text); font: inherit; font-size: var(--text-xs); line-height: 1.35; text-align: left; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert:hover { background: var(--surface-hover); color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert_warn .idle-personnel__alert-title { color: var(--warn); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert_critical .idle-personnel__alert-title { color: var(--warn); font-weight: 700; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert-title { font-weight: 500; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__alert-detail { display: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-item { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); width: 100%; padding: 2px var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: inherit; font: inherit; font-size: var(--text-xs); line-height: 1.35; text-align: left; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-item:hover { background: var(--surface-hover); color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-days { flex-shrink: 0; font-size: var(--text-xs); color: var(--text-subtle); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-item_warn .idle-personnel__longest-days { color: var(--warn); font-weight: 600; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__longest-item_critical .idle-personnel__longest-days { color: var(--warn); font-weight: 700; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: var(--space-1) var(--space-2); border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat .positions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat .positions-registry__stat-val { order: 0; margin: 0; font-size: 1rem; font-weight: 700; font-family: var(--font-mono); color: var(--text-head); min-width: 2.25ch; font-variant-numeric: tabular-nums; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stats_loading .positions-registry__stat-val { color: transparent; border-radius: var(--radius-sm); background: color-mix(in oklch, var(--text-muted) 18%, var(--surface)); animation: idle-personnel-stat-skeleton-pulse 1.4s ease-in-out infinite; } @keyframes idle-personnel-stat-skeleton-pulse { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stats_loading .positions-registry__stat-val { animation: none; opacity: 0.7; } } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat[aria-disabled='true'] { pointer-events: none; cursor: default; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat.is-active { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__toolbar-row { flex-wrap: wrap; align-items: center; gap: var(--space-2); width: 100%; } html[data-theme^="new"] #panel-idle-personnel .positions-registry__toolbar { width: 100%; flex-shrink: 0; } html[data-theme^="new"] #panel-idle-personnel .positions-registry__refresh-btn, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__bulk-toggle, html[data-theme^="new"] #panel-idle-personnel .positions-registry__control, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip { height: var(--field-height); min-height: var(--field-height); box-sizing: border-box; } html[data-theme^="new"] #panel-idle-personnel .positions-registry__refresh-btn, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__bulk-toggle { display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--space-3); background: var(--surface); border: 1px solid var(--border); border-radius: var(--pr-control-radius, var(--radius-md)); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .positions-registry__control { width: 100%; min-width: 0; padding: 0 var(--space-3); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__toolbar-search { flex: 1 1 16rem; min-width: 12rem; display: flex; align-items: center; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-bulk { display: inline-flex; gap: var(--space-1); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__bulk-toggle { white-space: nowrap; } @media (pointer: coarse) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__duration-chip, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__bulk-toggle { min-height: 2.75rem; padding-block: var(--space-2); } } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chips { display: flex; flex-wrap: nowrap; gap: var(--space-2); align-items: center; flex: 0 0 auto; margin-left: 0; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip { min-height: var(--field-height); padding: 0 var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--border); background: transparent; color: var(--ink-body); font-size: var(--text-sm); font-weight: 500; cursor: pointer; white-space: nowrap; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip.is-active { border-color: var(--accent); color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__active-filters { flex-shrink: 0; margin: 0 0 var(--space-2); padding: 0 var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table-host { overflow-x: auto; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table { min-width: 960px; width: 100%; table-layout: fixed; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table thead th { position: sticky; top: 0; z-index: 2; background: var(--bg-elevated); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table thead th.idle-personnel__th-cell { vertical-align: middle; max-width: none; overflow: visible; padding: 0; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-wrap { position: relative; box-sizing: border-box; width: 100%; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-wrap .idle-personnel__th, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-wrap .idle-personnel__th-filter { box-sizing: border-box; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-wrap .idle-personnel__th { width: 100%; margin: 0; padding: 0 calc(var(--space-1) + 1.25rem) 0 var(--space-1); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 1.625rem; border: none; border-radius: var(--radius-sm); background: transparent; color: inherit; cursor: pointer; font: inherit; text-align: left; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th:hover .idle-personnel__th-label { color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th[aria-pressed='true'] .idle-personnel__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter { position: absolute; z-index: 1; top: 50%; right: 2px; display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; margin: 0; padding: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); cursor: pointer; transform: translateY(-50%); transition: color var(--transition); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter::before { content: ""; position: absolute; inset: -0.375rem; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter:hover, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-filter-icon { display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; padding: var(--space-1) var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__filter-chip:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__active-filters-clear-all { min-height: 2.75rem; margin: 0; padding: var(--space-1) var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent); font: inherit; font-size: var(--text-xs); font-weight: 500; cursor: pointer; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__active-filters-clear-all:hover { text-decoration: underline; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-name { width: 24%; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-position { width: 14%; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-direction { width: 9%; min-width: 5.5rem; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__direction-val { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-cell[aria-sort='ascending'] .idle-personnel__th-label, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__th-cell[aria-sort='descending'] .idle-personnel__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-foreman, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-node { width: 12%; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-reason { width: 7.5rem; min-width: 7.5rem; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-idle-since { width: 10.5rem; min-width: 9rem; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-since_fresh { background: color-mix(in srgb, var(--idle-since-caution) 7%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-since_warn-mid { background: color-mix(in srgb, var(--idle-since-caution) 16%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-since_warn-high { background: color-mix(in srgb, var(--idle-since-elevated) 20%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-since_warn-critical { background: color-mix(in srgb, var(--idle-since-critical) 24%, transparent); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-date { color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-days { font-variant-numeric: tabular-nums; color: var(--text); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__idle-days_critical { font-weight: 600; color: color-mix(in srgb, var(--idle-since-critical) 78%, var(--text-head)); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-actions { width: 12.5rem; min-width: 12.5rem; text-align: center; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table thead th.idle-personnel__col-actions { padding: var(--space-1) var(--space-2); vertical-align: middle; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table thead th.idle-personnel__col-actions .positions-registry__head-static { min-height: 2rem; padding: var(--space-1) var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table tbody tr:nth-child(odd):not(.idle-personnel__group-header) { background: var(--surface); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table tbody tr:nth-child(even):not(.idle-personnel__group-header) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table td, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table th { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table td.idle-personnel__col-name { white-space: normal; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table td.idle-personnel__col-reason { overflow: visible; text-overflow: clip; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table td.idle-personnel__col-actions, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__table td.positions-registry__cell_actions { overflow: visible; text-overflow: clip; white-space: nowrap; text-align: center; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-header th { position: sticky; top: var(--idle-personnel-thead-height, 36px); z-index: 1; background: var(--bg-elevated); text-align: left; font-weight: 600; padding: var(--space-2) var(--space-3); text-transform: uppercase; font-size: var(--text-xs); letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-toggle { all: unset; cursor: pointer; color: var(--ink-head); font-weight: 600; display: inline-flex; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-toggle::before { content: '▾'; display: inline-block; width: 1em; color: var(--text-muted); transition: transform 0.15s ease; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-toggle[aria-expanded='false']::before { transform: rotate(-90deg); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-badge { margin-left: var(--space-2); font-size: var(--text-xs); font-weight: 500; color: var(--warn); text-transform: none; letter-spacing: normal; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__reason { display: inline-block; padding: 2px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 500; white-space: nowrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__reason_no_foreman { background: color-mix(in srgb, var(--info) 14%, transparent); color: var(--info); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__reason_idle_brigade { background: color-mix(in srgb, var(--warn) 16%, transparent); color: var(--warn); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__foreman-mark { display: inline-block; margin-left: var(--space-1); font-size: var(--text-xs); color: var(--ink-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__actions { display: flex; flex-wrap: nowrap; gap: var(--space-1); justify-content: center; align-items: center; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__action { white-space: nowrap; padding: var(--space-1) var(--space-2); font-size: var(--text-xs); min-height: var(--field-height-sm); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__empty, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__error { padding: var(--space-8) var(--space-4); text-align: center; color: var(--ink-muted); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__empty-title { color: var(--ink-head); font-weight: 600; margin: 0 0 var(--space-2); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__empty-hint { margin: 0; font-size: var(--text-sm); color: var(--text-muted); max-width: 42ch; margin-inline: auto; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__loading, html[data-theme^="new"] #panel-idle-personnel .positions-registry__loading.idle-personnel__loading { padding: var(--space-8); text-align: center; color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__denied { padding: var(--space-6) var(--space-4); color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] #dialog-idle-personnel-assign-foreman .idle-personnel__assign-employee { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] #dialog-idle-personnel-assign-foreman .dialog-organization-create-footer { gap: var(--space-3); } @media (max-width: 900px) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__col-idle-since { min-width: 8rem; font-size: var(--text-sm); } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__toolbar-row { flex-wrap: wrap; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chips { width: 100%; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-bulk { order: 3; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-idle-personnel .idle-personnel__group-toggle::before { transition: none; } html[data-theme^="new"] #panel-idle-personnel .idle-personnel__stat, html[data-theme^="new"] #panel-idle-personnel .idle-personnel__chip { transition: none; } } /* 23. panel-work-crews — Module Panel Pattern (Звенья) */ html[data-theme^="new"] #panel-work-crews > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: visible; } html[data-theme^="new"] #panel-work-crews .work-crews-registry.positions-registry { gap: var(--space-5); } html[data-theme^="new"] #panel-work-crews .positions-registry__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; } html[data-theme^="new"] #panel-work-crews .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; padding: 0; border: none; background: transparent; } html[data-theme^="new"] #panel-work-crews .positions-registry__stat-term { order: 1; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-work-crews .positions-registry__stat-val { order: 0; font-size: 1.25rem; font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #panel-work-crews .positions-registry__control, html[data-theme^="new"] #panel-work-crews .positions-registry__icon-btn, html[data-theme^="new"] #panel-work-crews .positions-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); background: var(--surface); border: 1px solid var(--border); border-radius: var(--pr-control-radius, var(--radius-md)); color: var(--text); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] #panel-work-crews .positions-registry__icon-btn { width: var(--field-height); min-width: var(--field-height); padding: 0; } html[data-theme^="new"] #panel-work-crews .positions-registry__toolbar { width: 100%; flex-shrink: 0; } html[data-theme^="new"] #panel-work-crews .positions-registry__toolbar-row { flex-wrap: nowrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-work-crews .positions-registry__refresh-btn, html[data-theme^="new"] #panel-work-crews .positions-registry__icon-btn { flex-shrink: 0; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__group-bulk[hidden] { display: none !important; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__group-bulk:not([hidden]) { display: inline-flex; flex-shrink: 0; gap: var(--space-1); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-site { flex: 0 1 20rem; min-width: 12rem; max-width: 28rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-search { flex: 1 1 16rem; min-width: 12rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-site .positions-registry__control, html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-search .positions-registry__control { width: 100%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__field-label { font-size: var(--text-xs); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__hint { margin: 0; font-size: var(--text-xs); line-height: 1.4; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__status { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); font-size: var(--text-sm); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__status_error { color: var(--err); background: color-mix(in srgb, var(--err) 8%, transparent); border: 1px solid color-mix(in srgb, var(--err) 28%, transparent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__bulk-toggle { display: inline-flex; align-items: center; justify-content: center; height: var(--field-height); min-height: var(--field-height); padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; cursor: pointer; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__layout { display: grid; grid-template-columns: 1fr; gap: var(--space-4); } @media (min-width: 1024px) { html[data-theme^="new"] #panel-work-crews .work-crews-registry__layout { grid-template-columns: 3fr 2fr; align-items: start; --work-crews-scroll-max: min(62vh, 560px); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__pane_roster, html[data-theme^="new"] #panel-work-crews .work-crews-registry__pane_crews { display: flex; flex-direction: column; min-width: 0; min-height: 0; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__roster-host { flex: 1 1 auto; min-height: 0; max-height: var(--work-crews-scroll-max); overflow: auto; overscroll-behavior: contain; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__pane_crews { position: sticky; top: var(--space-2); align-self: start; max-height: calc(100dvh - var(--space-8)); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crews-host { flex: 1 1 auto; min-height: 0; max-height: var(--work-crews-scroll-max); overflow: auto; overscroll-behavior: contain; } } html[data-theme^="new"] #panel-work-crews .positions-registry__pane { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); padding: var(--space-3); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__pane-title { margin: 0 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction { border: 1px solid var(--border); border-radius: var(--radius-sm); margin-bottom: var(--space-2); overflow: hidden; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); min-height: var(--field-height); padding: var(--space-2) var(--space-3); background: var(--bg-elevated); border: none; color: var(--text-head); font: inherit; font-weight: 600; text-align: left; cursor: pointer; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction-toggle:hover, html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction-toggle:focus-visible { background: var(--surface-hover); outline: 2px solid var(--accent); outline-offset: -2px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction-count { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__roster-table-head { position: sticky; top: 0; z-index: 2; background: var(--bg-elevated); border-bottom: 1px solid var(--border-muted); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table { table-layout: fixed; width: 100%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table_body { margin-top: 0; border-top: none; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table_body thead { display: none; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-wrap { position: relative; box-sizing: border-box; width: 100%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-wrap .work-crews-registry__th, html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-wrap .work-crews-registry__th-filter { box-sizing: border-box; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-wrap .work-crews-registry__th { width: 100%; margin: 0; padding: 0 calc(2.75rem + var(--space-1)) 0 var(--space-1); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; border: none; border-radius: var(--radius-sm); background: transparent; color: inherit; cursor: pointer; font: inherit; text-align: left; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th[aria-pressed='true'] { background: var(--accent-muted); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th:hover .work-crews-registry__th-label { color: var(--accent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th[aria-pressed='true'] .work-crews-registry__th-label { color: var(--accent); font-weight: 700; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-sort { color: var(--accent); font-weight: 700; font-size: 0.625rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter { position: absolute; z-index: 1; top: 50%; right: 2px; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; min-height: 2.75rem; margin: 0; padding: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); cursor: pointer; transform: translateY(-50%); transition: color var(--transition); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter::before { content: ""; position: absolute; inset: -0.375rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter:hover, html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter_active { color: var(--accent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__th-filter-icon { display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid currentColor; pointer-events: none; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__active-filters { margin: 0 0 var(--space-3); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__active-filters-label { font-size: var(--text-sm); font-weight: 600; color: var(--text-subtle); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); min-height: 2.75rem; padding: var(--space-1) var(--space-2); border: 1px solid var(--border-muted); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--text-xs); cursor: pointer; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__filter-chip:hover { border-color: var(--accent); color: var(--accent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__filter-chip-detail { color: var(--text-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__active-filters-clear-all { min-height: 2.75rem; margin: 0; padding: var(--space-1) var(--space-2); border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent); font: inherit; font-size: var(--text-xs); font-weight: 500; cursor: pointer; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__active-filters-clear-all:hover { text-decoration: underline; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__col-name { width: 28%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__col-position { width: 22%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__col-node { width: 22%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__col-crew { width: 24%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table tbody tr:nth-child(odd) { background: var(--surface); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table tbody tr:nth-child(even) { background: var(--bg-elevated); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__badge { display: inline-block; font-size: var(--text-xs); font-weight: 600; padding: 2px 6px; border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__badge_leader { color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__badge_member { color: var(--text); background: var(--bg-elevated); border: 1px solid var(--border); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__badge_none { font-weight: 500; padding: 0; background: none; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3); margin-bottom: var(--space-2); background: var(--bg-elevated); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-title { margin: 0; font-size: var(--text-sm); font-weight: 600; text-wrap: balance; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-members { margin: var(--space-2) 0; padding-left: var(--space-4); font-size: var(--text-sm); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-actions .btn-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm, 2.25rem); padding: var(--space-2) var(--space-4); font-size: var(--text-sm); font-weight: 500; font-family: inherit; line-height: 1.25; border-radius: var(--radius-sm); cursor: pointer; box-sizing: border-box; background: var(--surface); border: 1px solid var(--border); color: var(--text); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-actions .btn-secondary:hover { background: var(--surface-hover); border-color: var(--border-muted); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__delete-btn { color: var(--err); border-color: color-mix(in srgb, var(--err) 35%, var(--border)); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__delete-btn:hover { background: color-mix(in srgb, var(--err) 8%, var(--surface)); border-color: var(--err); color: var(--err); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__empty { padding: var(--space-4) var(--space-3); text-align: center; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__empty-title { margin: 0 0 var(--space-1); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__empty-body { margin: 0 0 var(--space-3); font-size: var(--text-sm); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__error { padding: var(--space-4); text-align: center; border: 1px solid color-mix(in srgb, var(--err) 30%, transparent); border-radius: var(--radius-md); background: color-mix(in srgb, var(--err) 6%, transparent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__error-text { margin: 0 0 var(--space-3); color: var(--err); font-size: var(--text-sm); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton-line { display: block; height: 0.75rem; border-radius: var(--radius-sm); background: linear-gradient( 90deg, var(--border-muted) 0%, var(--surface-hover) 50%, var(--border-muted) 100% ); background-size: 200% 100%; animation: work-crews-registry-skeleton-pulse 1.4s ease-in-out infinite; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton-line_wide { width: 100%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton-line_short { width: 42%; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton-direction { margin-bottom: var(--space-3); } @keyframes work-crews-registry-skeleton-pulse { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drop-zone { margin-bottom: var(--space-3); padding: var(--space-3); border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); font-size: var(--text-sm); color: var(--text-muted); text-align: center; transition: background 0.15s ease-out, border-color 0.15s ease-out, outline 0.15s ease-out; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drop-zone_drag-over { border-color: var(--accent); border-style: solid; background: color-mix(in srgb, var(--accent) 10%, var(--bg-elevated)); outline: 2px solid var(--accent-focus); outline-offset: -2px; color: var(--text-head); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drop-zone_new { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__direction-body { content-visibility: auto; contain-intrinsic-size: auto 12rem; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-cell { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__assign-btn { flex-shrink: 0; min-height: 2.75rem; padding: 0 var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--accent); font: inherit; font-size: var(--text-xs); font-weight: 600; cursor: pointer; white-space: nowrap; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__assign-btn:hover, html[data-theme^="new"] #panel-work-crews .work-crews-registry__assign-btn:focus-visible { border-color: var(--accent); background: var(--accent-muted); outline: 2px solid var(--accent-focus); outline-offset: 1px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__move-who { margin: 0 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; min-height: 2.75rem; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-subtle); font-size: 0.875rem; line-height: 1; cursor: grab; touch-action: none; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drag-handle:hover, html[data-theme^="new"] #panel-work-crews .work-crews-registry__drag-handle:focus-visible { background: var(--surface-hover); color: var(--text-head); outline: 2px solid var(--accent); outline-offset: -2px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drag-handle:active { cursor: grabbing; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__row_dragging { opacity: 0.55; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__row_dragging .work-crews-registry__drag-handle { outline: 2px dashed var(--accent); outline-offset: -2px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-drop { border-radius: var(--radius-sm); transition: background 0.15s ease-out, outline 0.15s ease-out; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-drop_drag-over { background: color-mix(in srgb, var(--accent) 10%, transparent); outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-drop_leader { margin-bottom: var(--space-2); padding: var(--space-2); border: 1px dashed var(--border); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-drop_members { min-height: 2.5rem; padding: var(--space-1) 0; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-member_draggable { cursor: grab; border-radius: var(--radius-sm); padding: 2px var(--space-1); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-member_dragging { opacity: 0.55; outline: 2px dashed var(--accent); } html[data-theme^="new"] #panel-work-crews .work-crews-registry__drag-col { width: 3rem; padding-left: var(--space-1); padding-right: 0; vertical-align: middle; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__row_hidden { display: none; } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-work-crews .work-crews-registry__drop-zone, html[data-theme^="new"] #panel-work-crews .work-crews-registry__crew-drop { transition: none; } } html[data-theme^="new"] #dialog-work-crews-edit .work-crews-registry__members-fieldset { margin: 0; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); } html[data-theme^="new"] #dialog-work-crews-edit .work-crews-registry__members-fieldset legend { padding: 0 var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] #dialog-work-crews-edit .work-crews-registry__members-grid { display: grid; gap: var(--space-2); max-height: 16rem; overflow: auto; } html[data-theme^="new"] #dialog-work-crews-edit .work-crews-registry__member-check { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); cursor: pointer; min-height: 2.75rem; } html[data-theme^="new"] .dialog-work-crews-close.dialog-organization-create-close-icon svg { display: none; } html[data-theme^="new"] .dialog-work-crews-close.dialog-organization-create-close-icon::after { content: '\00D7'; font-size: 1.25rem; line-height: 1; } @media (max-width: 720px) { html[data-theme^="new"] #panel-work-crews .positions-registry__stats { flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] #panel-work-crews .positions-registry__toolbar-row { flex-wrap: wrap; } html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-site, html[data-theme^="new"] #panel-work-crews .work-crews-registry__toolbar-search { flex: 1 1 100%; max-width: none; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-work-crews .work-crews-registry__skeleton-line { animation: none; background: var(--border-muted); } } /* 24. panel-chats — Cold Slate / Teal messaging */ html[data-theme^="new"] #panel-chats > .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: none; overflow: hidden; display: flex; flex-direction: column; min-height: 0; } html[data-theme^="new"] #panel-chats .panel-body_chats-registry { background: transparent; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } html[data-theme^="new"] #panel-chats .chats-registry { gap: var(--space-3); flex: 1 1 auto; min-height: 0; } html[data-theme^="new"] #panel-chats .chats-registry__toolbar { margin: 0; padding: 0; background: transparent; border: none; } html[data-theme^="new"] #panel-chats .chats-registry__control, html[data-theme^="new"] #panel-chats .chats-toolbar-icon, html[data-theme^="new"] #panel-chats .chats-filter-tab, html[data-theme^="new"] #panel-chats .chats-composer-btn, html[data-theme^="new"] #panel-chats .chats-attach-btn, html[data-theme^="new"] #panel-chats .chats-send-submit, html[data-theme^="new"] #panel-chats .chats-tool-btn { min-height: var(--field-height, 44px); } html[data-theme^="new"] #panel-chats .chats-layout { border: none; border-top: 1px solid var(--border); background: var(--bg-elevated); border-radius: 0; flex: 1 1 auto; min-height: min(420px, 55vh); } html[data-theme^="new"] #panel-chats .chats-sidebar { background: var(--surface); border-right-color: var(--border); } html[data-theme^="new"] #panel-chats .chats-main { background: var(--bg); } html[data-theme^="new"] #panel-chats .chats-conv-item-active { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 35%, transparent); } html[data-theme^="new"] #panel-chats .chats-conv-badge { background: color-mix(in srgb, var(--accent) 10%, var(--surface)); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 28%, transparent); font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.6875rem; } html[data-theme^="new"] #panel-chats .chats-msg-own .chats-msg-bubble { background: color-mix(in srgb, var(--accent) 16%, var(--surface-elevated)); border-color: color-mix(in srgb, var(--accent) 30%, transparent); } html[data-theme^="new"] #panel-chats .chats-msg-bubble { background: var(--surface-elevated); border-color: var(--border); } html[data-theme^="new"] #panel-chats .chats-msg-sender { color: var(--accent); } html[data-theme^="new"] #panel-chats .chats-msg-meta { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.6875rem; } html[data-theme^="new"] #panel-chats .chats-filter-tab.is-active { color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); } html[data-theme^="new"] #panel-chats .chats-thread-head { background: var(--surface); border-bottom-color: var(--border); } html[data-theme^="new"] #panel-chats .chats-send-form { background: var(--surface); align-items: flex-end; } html[data-theme^="new"] #panel-chats .chats-composer-btn { min-height: var(--field-height, 44px); background: var(--surface-elevated); border-color: var(--border); } html[data-theme^="new"] #panel-chats .chats-send-submit { background: var(--accent); border-color: transparent; color: var(--text-on-accent, #0f1215); } html[data-theme^="new"] #panel-chats .chats-send-submit:hover { background: var(--accent-hover); } html[data-theme^="new"] #panel-chats .chats-message-input { background: var(--surface-elevated); } html[data-theme^="new"] #panel-chats .chats-emoji-panel { background: var(--surface-elevated); border-color: var(--border); box-shadow: var(--shadow-md); } html[data-theme^="new"] #panel-chats .chats-emoji-panel__btn:hover { background: var(--surface-hover); } html[data-theme^="new"] #panel-chats .chats-helper-panel { background: var(--surface-elevated); border-color: var(--border); box-shadow: var(--shadow-md); } html[data-theme^="new"] .dialog-chats-media-view { max-width: min(92vw, 48rem); } html[data-theme^="new"] .dialog-chats-media-view-body { padding: var(--space-4) var(--space-5) var(--space-5); } @media (max-width: 980px) { html[data-theme^="new"] #panel-chats .chats-layout { min-height: min(360px, 50vh); } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-chats .chats-msg { animation: none; } } /* --- User report widget (Cold Slate / Teal) --- */ html[data-theme^="new"] .user-report-tab { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: var(--z-dropdown, 1200); min-width: 44px; min-height: 44px; padding: var(--space-2) var(--space-1); border: 1px solid var(--border); border-right: none; border-radius: var(--radius-md) 0 0 var(--radius-md); background: var(--surface-elevated); color: var(--text); font-size: var(--text-sm); font-weight: 500; cursor: pointer; box-shadow: var(--shadow-sm); transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .user-report-tab:hover { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); } html[data-theme^="new"] .user-report-tab:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .user-report-tab:disabled { opacity: 0.6; cursor: not-allowed; } html[data-theme^="new"] .user-report-tab__label { writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: 0.02em; } html[data-theme^="new"] .user-report-tab__icon { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; font-weight: 700; color: var(--text-head); background: color-mix(in srgb, var(--accent) 18%, var(--surface-elevated)); } html[data-theme^="new"] .user-report-tab_pulse { animation: user-report-tab-pulse 200ms ease-out 1; } @keyframes user-report-tab-pulse { 0% { opacity: 1; } 50% { opacity: 0.55; } 100% { opacity: 1; } } @media (max-width: 639px) { html[data-theme^="new"] .user-report-tab__label { display: none; } html[data-theme^="new"] .user-report-tab__icon { display: inline-flex; } } /* Shared dialog shell */ html[data-theme^="new"] :is( .user-report-dialog, .user-report-onboarding, .user-report-admin__detail, .user-report-admin__screenshot-viewer, .client-error-admin__detail-dialog, .client-error-admin__session-dialog ) { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 0; color: var(--text); background: var(--bg-elevated); box-shadow: var(--shadow-lg); } html[data-theme^="new"] :is( .user-report-dialog, .user-report-onboarding, .user-report-admin__detail, .client-error-admin__detail-dialog, .client-error-admin__session-dialog )::backdrop { background: rgba(0, 0, 0, 0.52); } html[data-theme^="new"] .user-report-admin__screenshot-viewer::backdrop { background: rgba(0, 0, 0, 0.72); } html[data-theme^="new"] .user-report-dialog { max-width: min(32rem, calc(100vw - var(--space-4))); } html[data-theme^="new"] .user-report-onboarding { max-width: min(28rem, calc(100vw - var(--space-4))); } html[data-theme^="new"] .user-report-admin__detail { max-width: min(42rem, calc(100vw - var(--space-4))); } html[data-theme^="new"] .client-error-admin__session-dialog_wide { max-width: min(56rem, calc(100vw - var(--space-4))); } html[data-theme^="new"] :is( .user-report-dialog__inner, .user-report-onboarding__inner, .user-report-admin__detail-inner ) { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-4) var(--space-5); } html[data-theme^="new"] :is( .user-report-dialog__header, .user-report-onboarding__header, .user-report-admin__detail-header ) { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .user-report-admin__detail-header { align-items: flex-start; } html[data-theme^="new"] :is( .user-report-dialog__header h2, .user-report-onboarding__title, .user-report-admin__detail-header h2 ) { margin: 0; font-size: var(--text-lg); font-weight: 600; line-height: 1.35; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .user-report-admin__detail-heading { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; } html[data-theme^="new"] .user-report-admin__section-title { margin: 0 0 var(--space-2); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.02em; color: color-mix(in srgb, var(--text) 72%, var(--text-muted)); } html[data-theme^="new"] .user-report-onboarding__text { margin: 0; font-size: var(--text-sm); line-height: 1.55; color: var(--text); max-width: 42ch; } html[data-theme^="new"] .user-report-dialog__close { flex: 0 0 auto; border: 1px solid transparent; border-radius: var(--radius-md); background: transparent; color: var(--text-muted); font-size: 1.25rem; line-height: 1; cursor: pointer; min-width: 44px; min-height: 44px; transition: color var(--transition), background var(--transition), border-color var(--transition); } html[data-theme^="new"] .user-report-dialog__close:hover { color: var(--text-head); background: var(--surface-hover); border-color: var(--border); } html[data-theme^="new"] .user-report-dialog__close:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } /* Form fields */ html[data-theme^="new"] .user-report-dialog__body { display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] :is( .user-report-dialog__field, .user-report-admin__field ) { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] :is( .user-report-dialog__field-label, .user-report-admin__field-label ) { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.02em; color: color-mix(in srgb, var(--text) 72%, var(--text-muted)); } html[data-theme^="new"] :is( .user-report-dialog__field select, .user-report-dialog__field textarea, .user-report-admin__field select, .user-report-admin__field textarea, .user-report-admin__filter-field select, .user-report-admin__filter-field input[type="date"] ) { width: 100%; min-height: var(--field-height); padding: var(--space-2) var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); font: inherit; line-height: 1.45; box-sizing: border-box; transition: border-color var(--transition), box-shadow var(--transition); } html[data-theme^="new"] :is( .user-report-dialog__field select, .user-report-admin__field select, .user-report-admin__filter-field select ) { appearance: none; -webkit-appearance: none; height: var(--field-height); min-height: var(--field-height); padding-right: calc(var(--space-3) + 1.25rem); background-color: var(--surface-elevated); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%239aa3ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-2) center; background-size: 1rem 1rem; } html[data-theme="new-dark"] :is( .user-report-dialog__field select, .user-report-admin__field select, .user-report-admin__filter-field select ) { color-scheme: dark; } html[data-theme="new-light"] :is( .user-report-dialog__field select, .user-report-admin__field select, .user-report-admin__filter-field select ) { color-scheme: light; } html[data-theme^="new"] :is( .user-report-dialog__field textarea, .user-report-admin__field textarea ) { min-height: 6rem; resize: vertical; } html[data-theme^="new"] :is( .user-report-dialog__field select:focus-visible, .user-report-dialog__field textarea:focus-visible, .user-report-admin__field select:focus-visible, .user-report-admin__field textarea:focus-visible ) { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-focus); } html[data-theme^="new"] .user-report-dialog__hint { margin: 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); } html[data-theme^="new"] .user-report-dialog__preview { margin: 0; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--surface-elevated); overflow: hidden; } html[data-theme^="new"] .user-report-dialog__preview img { display: block; width: 100%; max-height: 12rem; object-fit: contain; background: var(--bg); } html[data-theme^="new"] .user-report-dialog__preview-status { margin: 0; padding: var(--space-4); font-size: var(--text-sm); line-height: 1.45; color: var(--text); text-align: center; } html[data-theme^="new"] .user-report-dialog__preview_loading { min-height: 5rem; display: flex; align-items: center; justify-content: center; color: var(--text-muted); } html[data-theme^="new"] .user-report-dialog__preview_failed { border-color: color-mix(in srgb, var(--warn) 35%, var(--border)); background: color-mix(in srgb, var(--warn) 8%, var(--surface-elevated)); } /* Dialog footers + buttons */ html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer ) { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--border); } html[data-theme^="new"] .user-report-admin__edit { display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--border); } html[data-theme^="new"] .user-report-admin__edit-title { margin: 0; font-size: var(--text-sm); font-weight: 600; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .user-report-admin__edit-actions { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-3); } html[data-theme^="new"] .user-report-admin__field_status { flex: 1 1 12rem; max-width: 16rem; } html[data-theme^="new"] .user-report-admin__field_note { width: 100%; } @media (max-width: 480px) { html[data-theme^="new"] .user-report-admin__edit-actions { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .user-report-admin__field_status { max-width: none; } html[data-theme^="new"] .user-report-admin__edit-actions .btn-primary { width: 100%; } } html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) :is(.btn-primary, .btn-secondary) { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; font-family: inherit; border-radius: var(--radius-md); cursor: pointer; box-sizing: border-box; white-space: nowrap; transition: background var(--transition), border-color var(--transition), filter var(--transition); } html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) .btn-secondary { color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); } html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) .btn-primary { color: var(--bg); background: var(--accent); border: 1px solid var(--accent); } html[data-theme^="new"] :is( .user-report-dialog__footer, .user-report-onboarding__footer, .user-report-admin__detail-footer, .user-report-admin__edit ) .btn-primary:hover:not(:disabled) { background: var(--accent-hover); border-color: var(--accent-hover); } /* Admin registry */ html[data-theme^="new"] #admin-sub-user-reports .user-report-admin { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] .user-report-admin__filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .user-report-admin__filter-field { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-xs); font-weight: 600; color: color-mix(in srgb, var(--text) 72%, var(--text-muted)); min-width: 8.5rem; } html[data-theme^="new"] .user-report-admin__filter-field input[type="date"] { height: var(--field-height); min-height: var(--field-height); padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); font: inherit; font-size: var(--text-sm); box-sizing: border-box; } html[data-theme^="new"] .user-report-admin__filter-field :is(select, input[type="date"]):focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-focus); } html[data-theme^="new"] .user-report-admin__filters .btn-secondary { min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .user-report-admin__filters .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] .user-report-admin__table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .user-report-admin__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] .user-report-admin__table th { text-align: left; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-muted); background: var(--surface-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .user-report-admin__table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-light); color: var(--text); vertical-align: middle; } html[data-theme^="new"] .user-report-admin__row { cursor: pointer; transition: background var(--transition); } html[data-theme^="new"] .user-report-admin__row:hover td { background: var(--surface-hover); } html[data-theme^="new"] .user-report-admin__row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] .user-report-admin__shot-col { width: 2.75rem; text-align: center; padding-inline: var(--space-2); } html[data-theme^="new"] .user-report-admin__shot-cell { text-align: center; color: var(--text-muted); white-space: nowrap; padding-inline: var(--space-2); } html[data-theme^="new"] .user-report-admin__shot-icon { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") center / contain no-repeat; } html[data-theme^="new"] .user-report-admin__shot-icon_hdr { opacity: 0.72; color: var(--text-muted); } html[data-theme^="new"] .user-report-admin__shot-icon_yes { color: var(--accent); opacity: 1; } html[data-theme^="new"] .user-report-admin__shot-icon_no { opacity: 0.28; } html[data-theme^="new"] .user-report-admin__page-url a { color: var(--accent); word-break: break-all; } html[data-theme^="new"] .user-report-admin__page-url a:hover { color: var(--accent-hover); } html[data-theme^="new"] .user-report-admin__badge { display: inline-block; padding: 2px var(--space-2); border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; line-height: 1.35; white-space: nowrap; } html[data-theme^="new"] .user-report-admin__badge_new { color: var(--info); background: color-mix(in srgb, var(--info) 16%, transparent); } html[data-theme^="new"] .user-report-admin__badge_in_progress { color: var(--warn); background: color-mix(in srgb, var(--warn) 18%, transparent); } html[data-theme^="new"] .user-report-admin__badge_resolved { color: var(--success); background: color-mix(in srgb, var(--success) 16%, transparent); } html[data-theme^="new"] .user-report-admin__badge_wont_fix { color: var(--text-muted); background: var(--surface-elevated); border: 1px solid var(--border); } html[data-theme^="new"] .user-report-admin__pager { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .user-report-admin__pager .btn-secondary { min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; } html[data-theme^="new"] .user-report-admin__empty { padding: var(--space-6) var(--space-4); text-align: center; border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .user-report-admin__empty-title { margin: 0 0 var(--space-2); font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .user-report-admin__empty-text { margin: 0; font-size: var(--text-sm); color: var(--text-muted); max-width: 36ch; margin-inline: auto; } /* Admin detail */ html[data-theme^="new"] .user-report-admin__detail-body { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] .user-report-admin__meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--space-3); margin: 0; } html[data-theme^="new"] .user-report-admin__meta dt { margin: 0; font-size: var(--text-xs); font-weight: 600; color: color-mix(in srgb, var(--text) 68%, var(--text-muted)); } html[data-theme^="new"] .user-report-admin__meta dd { margin: var(--space-1) 0 0; font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] .user-report-admin__description { margin: 0; padding: var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--surface-elevated); font-size: var(--text-sm); line-height: 1.55; color: var(--text); white-space: pre-wrap; } html[data-theme^="new"] .user-report-admin__screenshot-wrap { margin: 0; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--surface-elevated); overflow: hidden; } html[data-theme^="new"] .user-report-admin__screenshot-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); min-height: 10rem; padding: var(--space-4); font-size: var(--text-sm); line-height: 1.45; color: var(--text); text-align: center; max-width: 28ch; margin-inline: auto; } html[data-theme^="new"] .user-report-admin__screenshot-wrap_failed .user-report-admin__screenshot-empty { color: var(--text); } html[data-theme^="new"] .user-report-admin__screenshot-wrap_failed { border-color: color-mix(in srgb, var(--warn) 35%, var(--border)); background: color-mix(in srgb, var(--warn) 8%, var(--surface-elevated)); } html[data-theme^="new"] .user-report-admin__screenshot-wrap_failed .user-report-admin__screenshot-empty::before { opacity: 0.75; color: var(--warn); } html[data-theme^="new"] .user-report-admin__screenshot-empty::before { content: ''; width: 2.5rem; height: 2.5rem; opacity: 0.55; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") center / contain no-repeat; } html[data-theme^="new"] .user-report-admin__screenshot { display: block; width: 100%; max-height: 16rem; object-fit: contain; background: var(--bg); } html[data-theme^="new"] .user-report-admin__screenshot-wrap_ready { display: flex; flex-direction: column; } html[data-theme^="new"] .user-report-admin__screenshot-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .user-report-admin__screenshot-toolbar-title { font-size: var(--text-xs); font-weight: 600; color: var(--text); letter-spacing: 0.02em; } html[data-theme^="new"] .user-report-admin__screenshot-zoom-btn { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font: inherit; font-size: var(--text-xs); font-weight: 600; line-height: 1.25; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; flex-shrink: 0; box-sizing: border-box; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .user-report-admin__screenshot-zoom-btn:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] .user-report-admin__screenshot-zoom-btn:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .user-report-admin__screenshot-open { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; cursor: zoom-in; position: relative; text-align: left; } html[data-theme^="new"] .user-report-admin__screenshot-open:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-md); } html[data-theme^="new"] .user-report-admin__screenshot-viewer { z-index: calc(var(--z-dropdown, 1200) + 2); width: min(96vw, 72rem); max-width: 96vw; max-height: 96vh; margin: auto; padding: 0; border: 0; color: var(--text); } html[data-theme^="new"] .user-report-admin__screenshot-viewer-inner { display: flex; flex-direction: column; max-height: 96vh; background: var(--bg-elevated); border-radius: inherit; overflow: hidden; } html[data-theme^="new"] .user-report-admin__screenshot-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border); background: var(--bg-elevated); } html[data-theme^="new"] .user-report-admin__screenshot-viewer-header h2 { margin: 0; font-size: var(--text-base); font-weight: 600; line-height: 1.35; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .user-report-admin__screenshot-viewer-actions { display: flex; align-items: center; gap: var(--space-2); flex-shrink: 0; } html[data-theme^="new"] .user-report-admin__screenshot-viewer-actions .btn-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font: inherit; font-size: var(--text-sm); font-weight: 600; line-height: 1.25; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; text-decoration: none; white-space: nowrap; box-sizing: border-box; transition: background var(--transition), border-color var(--transition), color var(--transition); } html[data-theme^="new"] .user-report-admin__screenshot-viewer-actions .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); color: var(--text); } html[data-theme^="new"] .user-report-admin__screenshot-viewer-actions .btn-secondary:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: 2px; } html[data-theme^="new"] .user-report-admin__screenshot-viewer-body { overflow: auto; padding: var(--space-3); background: var(--bg); } html[data-theme^="new"] .user-report-admin__screenshot-viewer-img { display: block; width: 100%; height: auto; max-height: calc(96vh - 5rem); margin-inline: auto; object-fit: contain; } html[data-theme^="new"] .user-report-admin__detail { z-index: calc(var(--z-dropdown, 1200) + 1); } @media (max-width: 640px) { html[data-theme^="new"] .user-report-admin__filters { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .user-report-admin__filter-field { min-width: 0; width: 100%; } html[data-theme^="new"] .user-report-admin__filters .btn-secondary { width: 100%; } html[data-theme^="new"] .user-report-admin__screenshot-toolbar { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .user-report-admin__screenshot-zoom-btn { width: 100%; } } html[data-theme^="new"] .user-report-admin__context { font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .user-report-admin__context summary { cursor: pointer; color: var(--text); font-weight: 600; } html[data-theme^="new"] .user-report-admin__context pre { margin: var(--space-2) 0 0; padding: var(--space-3); max-height: 12rem; overflow: auto; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--bg); font-size: var(--text-xs); color: var(--text); } html[data-theme^="new"] .user-report-admin__impersonation { padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); background: color-mix(in srgb, var(--warn) 14%, transparent); border: 1px solid color-mix(in srgb, var(--warn) 28%, var(--border)); color: var(--text); font-size: var(--text-sm); } html[data-theme^="new"] .user-report-admin__field textarea::placeholder { color: color-mix(in srgb, var(--text) 50%, var(--text-muted)); opacity: 1; } html[data-theme^="new"] .user-report-admin__detail-body .btn-secondary { min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; } html[data-theme^="new"] .user-report-admin__detail-body .btn-secondary:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } html[data-theme^="new"] .user-report-admin__open-tab { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; color: var(--text); background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; transition: background var(--transition), border-color var(--transition); } html[data-theme^="new"] .user-report-admin__open-tab:hover:not(:disabled) { background: var(--surface-hover); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .user-report-tab_pulse { animation: none; } } /* Database backup admin panel — new-dark / new-light */ html[data-theme^="new"] #database-backup-panel.db-backup-panel, html[data-theme^="new"] #database-backup-panel .db-backup { display: flex; flex-direction: column; gap: var(--space-5); } html[data-theme^="new"] .db-backup__intro { display: flex; flex-direction: column; gap: var(--space-3); padding-bottom: var(--space-2); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .db-backup__stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-5) var(--space-6); margin: 0; padding: 0; } html[data-theme^="new"] .db-backup__stat { display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 0; } html[data-theme^="new"] .db-backup__stat-term { order: 1; margin: 0; font-size: var(--text-xs); font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] .db-backup__stat-val { order: 0; margin: 0; width: 100%; font-size: var(--text-lg); font-weight: 700; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--text-head); line-height: 1.3; } html[data-theme^="new"] .db-backup__stat-val_busy { color: var(--accent); } html[data-theme^="new"] .db-backup__dir-hint { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] .db-backup__muted { color: var(--text-muted); font-size: var(--text-sm); } html[data-theme^="new"] .db-backup__badge_trigger { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--text); border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border)); } html[data-theme^="new"] .db-backup__cell_dl { text-align: right; white-space: nowrap; } html[data-theme^="new"] .db-backup__dl-btn { min-height: var(--field-height-sm); padding: 6px 12px; font-size: var(--text-xs); } html[data-theme^="new"] .db-backup__title { margin: 0; font-size: var(--text-xl); font-weight: 700; line-height: 1.35; color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] .db-backup__lede, html[data-theme^="new"] .db-backup__hint { margin: 0; font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted); max-width: 72ch; } html[data-theme^="new"] .db-backup__section { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); } html[data-theme^="new"] .db-backup__section_danger { border-color: color-mix(in srgb, var(--err) 35%, var(--border)); background: color-mix(in srgb, var(--err) 6%, var(--surface)); } html[data-theme^="new"] .db-backup__section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); } html[data-theme^="new"] .db-backup__section-title { margin: 0; font-size: var(--text-lg); font-weight: 600; line-height: 1.35; color: var(--text-head); } html[data-theme^="new"] .db-backup__warn { margin: 0; padding: var(--space-3); font-size: var(--text-sm); line-height: 1.5; color: var(--text); background: color-mix(in srgb, var(--err) 12%, transparent); border: 1px solid color-mix(in srgb, var(--err) 30%, var(--border)); border-radius: var(--radius-md); } html[data-theme^="new"] .db-backup__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); } html[data-theme^="new"] .db-backup__status { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .db-backup__loading, html[data-theme^="new"] .db-backup__empty, html[data-theme^="new"] .db-backup__error { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-4); border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .db-backup__empty-title, html[data-theme^="new"] .db-backup__error-title { margin: 0; font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .db-backup__empty-hint, html[data-theme^="new"] .db-backup__error-text { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .db-backup__table-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-md); } html[data-theme^="new"] .db-backup__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] .db-backup__caption { padding: var(--space-2) var(--space-3); text-align: left; font-size: var(--text-xs); color: var(--text-muted); caption-side: top; } html[data-theme^="new"] .db-backup__th { padding: var(--space-2) var(--space-3); text-align: left; font-weight: 600; font-size: var(--text-xs); color: var(--text-muted); background: var(--bg-elevated); border-bottom: 1px solid var(--border); white-space: nowrap; } html[data-theme^="new"] .db-backup__cell { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); vertical-align: middle; } html[data-theme^="new"] .db-backup__row:last-child .db-backup__cell { border-bottom: none; } html[data-theme^="new"] .db-backup__row_selected { background: color-mix(in srgb, var(--accent) 8%, transparent); } html[data-theme^="new"] .db-backup__row:hover { background: var(--surface-hover); } html[data-theme^="new"] .db-backup__mono { font-family: var(--font-mono); font-size: 0.8125rem; } html[data-theme^="new"] .db-backup__badge { display: inline-flex; align-items: center; padding: 2px 8px; font-size: var(--text-xs); font-weight: 600; border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface-elevated); color: var(--text); } html[data-theme^="new"] .db-backup__badge_father { border-color: color-mix(in srgb, var(--info) 40%, var(--border)); color: var(--info); } html[data-theme^="new"] .db-backup__badge_grandfather { border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); color: var(--accent); } html[data-theme^="new"] .db-backup__source-fieldset { margin: 0; padding: 0; border: none; display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .db-backup__legend { padding: 0; margin-bottom: var(--space-1); font-size: var(--text-sm); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .db-backup__radio, html[data-theme^="new"] .db-backup__ack { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--text-sm); line-height: 1.5; cursor: pointer; } html[data-theme^="new"] .db-backup__radio input, html[data-theme^="new"] .db-backup__ack input { margin-top: 3px; min-width: 18px; min-height: 18px; } html[data-theme^="new"] .db-backup__radio-detail { font-family: var(--font-mono); font-size: 0.8125rem; color: var(--text-muted); } html[data-theme^="new"] .db-backup__upload-block { display: flex; flex-direction: column; gap: var(--space-2); } html[data-theme^="new"] .db-backup__file-label { font-size: var(--text-sm); font-weight: 500; color: var(--text); } html[data-theme^="new"] .db-backup__confirm-row { display: flex; flex-direction: column; gap: var(--space-2); max-width: 24rem; } html[data-theme^="new"] .db-backup__confirm-label { font-size: var(--text-sm); font-weight: 500; } html[data-theme^="new"] .db-backup__pick { width: 18px; height: 18px; } html[data-theme^="new"] .db-backup__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html[data-theme^="new"] .db-backup__refresh-btn { min-height: var(--field-height-sm); } @media (max-width: 640px) { html[data-theme^="new"] .db-backup__section { padding: var(--space-3); } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .db-backup__row { transition: none; } } /* --- client-error-admin (автолог ошибок веб-клиента) --- */ html[data-theme^="new"] #admin-sub-client-errors .client-error-admin { display: flex; flex-direction: column; gap: var(--space-4); } html[data-theme^="new"] .client-error-admin__filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .client-error-admin__filter-field { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--text-xs); font-weight: 600; color: color-mix(in srgb, var(--text) 72%, var(--text-muted)); min-width: 8.5rem; } html[data-theme^="new"] .client-error-admin__filter-field :is(select, input[type="text"], input[type="date"]) { width: 100%; min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-elevated); color: var(--text); font: inherit; font-size: var(--text-sm); box-sizing: border-box; transition: border-color var(--transition), box-shadow var(--transition); } html[data-theme^="new"] .client-error-admin__filter-field select { appearance: none; -webkit-appearance: none; padding-right: calc(var(--space-3) + 1.25rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%239aa3ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-2) center; background-size: 1rem 1rem; } html[data-theme^="new"] .client-error-admin__filter-field :is(select, input):focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-focus); } html[data-theme^="new"] .client-error-admin__filters .btn-secondary { min-height: var(--field-height); height: var(--field-height); padding: 0 var(--space-4); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] .client-error-admin__loading { margin: 0; } html[data-theme^="new"] .client-error-admin__error { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); } html[data-theme^="new"] .client-error-admin__table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .client-error-admin__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] .client-error-admin__table th { text-align: left; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-muted); background: var(--surface-elevated); border-bottom: 1px solid var(--border); } html[data-theme^="new"] .client-error-admin__table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-light); color: var(--text); vertical-align: middle; } html[data-theme^="new"] .client-error-admin__row { cursor: pointer; transition: background var(--transition); } html[data-theme^="new"] .client-error-admin__row:hover td { background: var(--surface-hover); } html[data-theme^="new"] .client-error-admin__row:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } html[data-theme^="new"] .client-error-admin__session-cell { color: var(--text-muted); font-size: var(--text-xs); } html[data-theme^="new"] .client-error-admin__badge { display: inline-block; padding: 2px 8px; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; white-space: nowrap; } html[data-theme^="new"] .client-error-admin__badge_uncaught { background: color-mix(in srgb, var(--danger) 15%, transparent); color: var(--danger); } html[data-theme^="new"] .client-error-admin__badge_http { background: color-mix(in srgb, var(--warning) 18%, transparent); color: var(--warning); } html[data-theme^="new"] .client-error-admin__badge_caught { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); } html[data-theme^="new"] .client-error-admin__badge_fatal { background: color-mix(in srgb, var(--danger) 22%, transparent); color: var(--danger); } html[data-theme^="new"] .client-error-admin__pager { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; font-size: var(--text-sm); color: var(--text-muted); } html[data-theme^="new"] .client-error-admin__pager .btn-secondary { min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font-size: var(--text-sm); font-weight: 600; } html[data-theme^="new"] .client-error-admin__empty { padding: var(--space-6) var(--space-4); text-align: center; border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] .client-error-admin__empty-title { margin: 0 0 var(--space-2); font-size: var(--text-base); font-weight: 600; color: var(--text-head); } html[data-theme^="new"] .client-error-admin__empty-text { margin: 0; font-size: var(--text-sm); color: var(--text-muted); max-width: 42ch; margin-inline: auto; } html[data-theme^="new"] .client-error-admin__message { margin: 0; padding: var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--surface-elevated); font-size: var(--text-sm); line-height: 1.55; color: var(--text); white-space: pre-wrap; word-break: break-word; } html[data-theme^="new"] .client-error-admin__url a { color: var(--accent); word-break: break-all; } html[data-theme^="new"] .client-error-admin__url a:hover { text-decoration: underline; } html[data-theme^="new"] .client-error-admin__copy-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); margin: var(--space-2) 0 0; } html[data-theme^="new"] .client-error-admin__copy-toolbar-title { font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); } html[data-theme^="new"] .client-error-admin__copy-btn { min-height: var(--field-height-sm); height: var(--field-height-sm); padding: 0 var(--space-3); font-size: var(--text-xs); } html[data-theme^="new"] .client-error-admin__detail-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); } html[data-theme^="new"] .client-error-admin__open-session { min-height: var(--field-height-sm); height: var(--field-height-sm); } html[data-theme^="new"] .client-error-admin__timeline-wrap { margin-top: var(--space-2); } html[data-theme^="new"] .client-error-admin__timeline-caption { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); text-align: left; caption-side: top; } html[data-theme^="new"] .client-error-admin__timeline-row_error td { font-weight: 600; } html[data-theme^="new"] .client-error-admin__timeline-row_error { background: color-mix(in srgb, var(--danger) 8%, transparent); } html[data-theme^="new"] .client-error-admin__timeline-row_clickable { cursor: pointer; transition: background var(--transition); } html[data-theme^="new"] .client-error-admin__timeline-row_clickable:hover td { background: color-mix(in srgb, var(--danger) 14%, transparent); } html[data-theme^="new"] .client-error-admin__timeline-row_clickable:focus-visible { outline: 2px solid var(--accent-focus); outline-offset: -2px; } @media (max-width: 640px) { html[data-theme^="new"] .client-error-admin__filters { flex-direction: column; align-items: stretch; } html[data-theme^="new"] .client-error-admin__filter-field { min-width: 0; width: 100%; } html[data-theme^="new"] .client-error-admin__filters .btn-secondary { width: 100%; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] .client-error-admin__row, html[data-theme^="new"] .client-error-admin__timeline-row_clickable { transition: none; } } /* —— Отчётность монтажа (Операции) — Module Panel Pattern —— */ html[data-theme^="new"] main.content:has(#panel-mount-reporting:not(.hidden)) { overflow-y: auto; -webkit-overflow-scrolling: touch; max-width: none; width: 100%; } html[data-theme^="new"] #panel-mount-reporting:not(.hidden) { display: flex; flex-direction: column; flex: 1 0 auto; min-height: auto; width: var(--panel-card-width); max-width: 100%; align-self: center; } html[data-theme^="new"] #panel-mount-reporting > h2 { margin-bottom: var(--space-4); flex-shrink: 0; } html[data-theme^="new"] #panel-mount-reporting > .card { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: hidden; margin-bottom: var(--space-4); } html[data-theme^="new"] .panel-body_mount-reporting { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: var(--space-4); padding: var(--space-4); box-sizing: border-box; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__toolbar { flex-shrink: 0; margin: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__toolbar .positions-registry__toolbar-row { align-items: flex-end; gap: var(--space-3); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__toolbar-hint { margin: var(--space-2) 0 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); max-width: 65ch; text-wrap: pretty; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-2) 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-kpi { display: flex; flex-wrap: wrap; gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-subtle); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-sections { display: flex; flex-direction: column; gap: var(--space-3); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-block { display: block; border-radius: var(--radius-sm); background: linear-gradient( 90deg, color-mix(in srgb, var(--border) 55%, transparent) 0%, color-mix(in srgb, var(--border-subtle) 90%, transparent) 50%, color-mix(in srgb, var(--border) 55%, transparent) 100% ); background-size: 200% 100%; animation: mount-reporting-shimmer 1.1s ease-in-out infinite; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-block_stat { width: 7rem; height: 2.25rem; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-block_section { width: min(100%, 22rem); height: 5.5rem; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-block_table { width: 100%; height: 8rem; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-caption { margin: 0; font-size: var(--text-sm); color: var(--text-muted); } @keyframes mount-reporting-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @keyframes mount-reporting-burndown-grow { from { opacity: 0.35; transform: scaleY(0.15); } to { opacity: 0.85; transform: scaleY(1); } } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__field_project { flex: 1 1 16rem; min-width: 12rem; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__field .marks-registry__field-label { font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); line-height: 1.45; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__field .marks-registry__control { height: var(--field-height); min-height: var(--field-height); } html[data-theme^="new"] #panel-mount-reporting .positions-registry__refresh-btn { height: var(--field-height); min-height: var(--field-height); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; margin-top: 0; display: flex; flex-direction: column; gap: var(--space-5); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__kpi { display: flex; flex-direction: row; flex-wrap: wrap; gap: 28px; padding: 0 0 var(--space-2); border-bottom: 1px solid var(--border); margin: 0; flex-shrink: 0; position: sticky; top: 0; z-index: calc(var(--z-sticky, 100) - 2); background: var(--surface); padding-top: var(--space-1); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__kpi .positions-registry__stat { display: flex; flex-direction: row; align-items: baseline; gap: 6px; margin: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__kpi .positions-registry__stat-term { order: 1; margin: 0; font-size: 0.75rem; font-weight: 500; color: var(--text-muted); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__stat-values { order: 0; display: flex; flex-direction: row; align-items: baseline; gap: var(--space-2); margin: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__kpi .positions-registry__stat-val { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--text-head); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__stat-sub { font-size: var(--text-sm); font-weight: 600; color: var(--text-muted); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: var(--space-4); margin: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__section { min-width: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__section-title { font-size: var(--text-sm); font-weight: 600; margin: 0 0 var(--space-2); color: var(--text-head); text-wrap: balance; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__section_forecast { padding: var(--space-3); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--accent) 5%, var(--surface)); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__hint_forecast { margin-top: 0; margin-bottom: var(--space-2); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__table-scroll { overflow: auto; max-height: min(22rem, 45vh); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__table thead th.mount-reporting-registry__th-cell { position: sticky; top: 0; z-index: 1; padding: 0; background: var(--bg-elevated); border-bottom: 1px solid var(--border-subtle); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-chip { display: flex; align-items: stretch; min-height: 2rem; border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-chip .mount-reporting-registry__th, html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-chip .mount-reporting-registry__th-filter { border: none; background: transparent; font: inherit; cursor: pointer; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-chip .mount-reporting-registry__th { flex: 1 1 auto; display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3); min-width: 0; text-align: left; color: var(--text-subtle); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th:hover { color: var(--text-head); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th[aria-pressed='true'] .mount-reporting-registry__th-label { color: var(--text-head); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-sort { font-size: var(--text-xs); color: var(--accent); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-filter { flex: 0 0 auto; width: 2rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--text-muted); border-left: 1px solid var(--border-subtle); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-filter_active, html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-chip:has(.mount-reporting-registry__th-filter_active) { background: var(--surface-hover); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__th-filter-icon::before { content: '▼'; font-size: 0.55rem; line-height: 1; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-subtle); text-align: left; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__table tbody tr:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__table-empty { color: var(--text-muted); font-style: normal; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__active-filters { margin: 0 0 var(--space-2); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__active-filters-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__active-filters-label { font-size: var(--text-xs); font-weight: 600; color: var(--text-muted); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__filter-chip { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-1) var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elevated); font-size: var(--text-xs); color: var(--text); cursor: pointer; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__filter-chip-detail { color: var(--text-muted); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting-registry__active-filters-clear-all { font-size: var(--text-xs); font-weight: 600; color: var(--accent); background: transparent; border: none; cursor: pointer; padding: var(--space-1) var(--space-2); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__forecast-dl { display: grid; gap: var(--space-2); margin: 0; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__forecast-dl dt { font-size: var(--text-xs); color: var(--text-muted); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__forecast-dl dd { margin: 0; color: var(--text-head); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__forecast-eta { margin: var(--space-2) 0 0; font-size: var(--text-sm); color: var(--text); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__hint { font-size: var(--text-sm); color: var(--text-muted); margin: var(--space-2) 0 0; max-width: 65ch; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__burndown { display: flex; align-items: flex-end; gap: 2px; height: 6rem; margin: var(--space-2) 0; padding: var(--space-2); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: var(--bg-elevated); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__burndown-bar { flex: 1; min-width: 4px; height: var(--bar-h, 2%); background: var(--accent); border-radius: 2px 2px 0 0; opacity: 0.85; transform-origin: bottom center; transition: opacity var(--transition-fast, 150ms) ease-out; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__body_ready .mount-reporting__burndown-bar { animation: mount-reporting-burndown-grow 260ms cubic-bezier(0.22, 1, 0.36, 1) backwards; animation-delay: calc(var(--i, 0) * 22ms); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__empty { color: var(--text-muted); padding: var(--space-6) 0; margin: 0; } @media (max-width: 720px) { html[data-theme^="new"] #panel-mount-reporting .mount-reporting__toolbar .positions-registry__toolbar-row { flex-direction: column; align-items: stretch; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__kpi { flex-direction: column; gap: var(--space-1); } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__field_project { flex: 1 1 100%; min-width: 0; } } @media (prefers-reduced-motion: reduce) { html[data-theme^="new"] #panel-mount-reporting .mount-reporting__burndown-bar { animation: none; transition: none; } html[data-theme^="new"] #panel-mount-reporting .mount-reporting__loading-block { animation: none; background: color-mix(in srgb, var(--border) 70%, transparent); } } /* —— Производство (Операции) — Module Panel Pattern —— */ html[data-theme^="new"] main.content:has(#panel-production-report:not(.hidden)) { overflow-y: auto; -webkit-overflow-scrolling: touch; max-width: none; width: 100%; } html[data-theme^="new"] #panel-production-report:not(.hidden) { display: flex; flex-direction: column; flex: 1 0 auto; min-height: auto; width: var(--panel-card-width); max-width: 100%; align-self: center; } html[data-theme^="new"] #panel-production-report > h2 { margin-bottom: var(--space-4); flex-shrink: 0; } html[data-theme^="new"] #panel-production-report > .card { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: none; overflow: hidden; margin-bottom: var(--space-4); } html[data-theme^="new"] #panel-production-report .mount-reporting__toolbar { flex-shrink: 0; margin: 0; } html[data-theme^="new"] #panel-production-report .mount-reporting__toolbar .positions-registry__toolbar-row { align-items: flex-end; gap: var(--space-3); } html[data-theme^="new"] #panel-production-report .mount-reporting__toolbar-hint { margin: var(--space-2) 0 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); max-width: 65ch; text-wrap: pretty; } html[data-theme^="new"] #panel-production-report .mount-reporting__body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: var(--space-3); } html[data-theme^="new"] #panel-production-report .mount-reporting__hint { margin: 0; font-size: var(--text-xs); line-height: 1.45; color: var(--text-muted); max-width: 72ch; text-wrap: pretty; } html[data-theme^="new"] #panel-production-report .production-report__expand { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75rem; min-height: 1.75rem; padding: 0; margin: 0 var(--space-1) 0 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--text-muted); cursor: pointer; } html[data-theme^="new"] #panel-production-report .production-report__expand:hover { color: var(--text); background: color-mix(in srgb, var(--border) 40%, transparent); } html[data-theme^="new"] #panel-production-report .production-report__expand:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } html[data-theme^="new"] #panel-production-report .production-report__swatch { vertical-align: middle; margin-right: var(--space-2); } html[data-theme^="new"] #panel-production-report .mount-reporting-registry__table-scroll { overflow: auto; max-height: min(28rem, 50vh); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); -webkit-overflow-scrolling: touch; } html[data-theme^="new"] #panel-production-report .production-report__table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); table-layout: fixed; } html[data-theme^="new"] #panel-production-report .production-report__table thead th { position: sticky; top: 0; z-index: 1; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border-subtle); text-align: left; } html[data-theme^="new"] #panel-production-report .production-report__table thead th:nth-child(2), html[data-theme^="new"] #panel-production-report .production-report__table thead th:nth-child(3), html[data-theme^="new"] #panel-production-report .production-report__table tbody td:nth-child(2), html[data-theme^="new"] #panel-production-report .production-report__table tbody td:nth-child(3) { text-align: right; } html[data-theme^="new"] #panel-production-report .production-report__table tbody td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border-subtle); vertical-align: middle; } html[data-theme^="new"] #panel-production-report .production-report__status-row:hover td { background: var(--surface-hover); } html[data-theme^="new"] #panel-production-report .production-report__detail-wrap > td { padding: 0; max-width: none; overflow: visible; white-space: normal; border-bottom: 1px solid var(--border-subtle); background: color-mix(in srgb, var(--bg-elevated) 88%, var(--surface)); } html[data-theme^="new"] #panel-production-report .production-report__detail-panel { padding: var(--space-3) var(--space-3) var(--space-3) calc(var(--space-6) + 1.75rem); } html[data-theme^="new"] #panel-production-report .production-report__detail-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: var(--text-sm); background: var(--surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); } html[data-theme^="new"] #panel-production-report .production-report__detail-table thead th { padding: var(--space-1) var(--space-2); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-subtle); background: var(--bg-elevated); border-bottom: 1px solid var(--border-subtle); text-align: left; white-space: nowrap; } html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody td { padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--border-light); vertical-align: middle; word-wrap: normal; overflow-wrap: normal; } html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody tr:last-child td { border-bottom: none; } html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--bg-elevated) 55%, var(--surface)); } html[data-theme^="new"] #panel-production-report .production-report__detail-table .production-report__detail-mark, html[data-theme^="new"] #panel-production-report .production-report__detail-table .production-report__detail-stage { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-theme^="new"] #panel-production-report .production-report__detail-table .production-report__detail-qty, html[data-theme^="new"] #panel-production-report .production-report__detail-table .production-report__detail-weight { text-align: right; white-space: nowrap; } html[data-theme^="new"] #panel-production-report .production-report__detail-table thead th:nth-child(2), html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody td:nth-child(2) { width: 46%; } html[data-theme^="new"] #panel-production-report .production-report__detail-table thead th:nth-child(3), html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody td:nth-child(3) { width: 18%; text-align: right; } html[data-theme^="new"] #panel-production-report .production-report__detail-table thead th:nth-child(4), html[data-theme^="new"] #panel-production-report .production-report__detail-table tbody td:nth-child(4) { width: 36%; min-width: 5.5rem; text-align: right; } html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages thead th:nth-child(1), html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages tbody td:nth-child(1) { width: 22%; } html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages thead th:nth-child(2), html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages tbody td:nth-child(2) { width: 34%; } html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages thead th:nth-child(3), html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages tbody td:nth-child(3) { width: 14%; text-align: right; } html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages thead th:nth-child(4), html[data-theme^="new"] #panel-production-report .production-report__detail-table_stages tbody td:nth-child(4) { width: 30%; min-width: 5.5rem; text-align: right; } html[data-theme^="new"] #panel-production-report .production-report__detail-empty, html[data-theme^="new"] #panel-production-report .production-report__detail-loading { padding: var(--space-3); color: var(--text-muted); font-size: var(--text-sm); text-align: center; } html[data-theme^="new"] #panel-production-report .production-report__total-row th, html[data-theme^="new"] #panel-production-report .production-report__total-row td { font-weight: 600; border-top: 2px solid var(--border); }