/**
 * HRM — светлая современная тема.
 * Область: /hrm/ (body.workspace-hrm) и HRM в /dashboard/ (#appScreen.workspace-admin--hrm-module).
 */
body.workspace-hrm,
#appScreen.workspace-admin--hrm-module,
body:has(#appScreen.workspace-admin:not([hidden])) {
  color-scheme: light;

  --bg: #f4f6fb;
  --bg-elevated: #ffffff;
  --bg-panel: #ffffff;
  --card: #ffffff;
  --card-solid: #ffffff;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text: #0f172a;
  --muted: #64748b;
  --muted-dim: #94a3b8;

  --mod-hrm: #7c3aed;
  --mod-hrm-soft: rgba(124, 58, 237, 0.1);
  --mod-hrm-text: #6d28d9;
  --mod-hrm-border: rgba(124, 58, 237, 0.22);

  --mod-bms: #2563eb;
  --mod-bms-soft: rgba(37, 99, 235, 0.1);
  --mod-bms-text: #1d4ed8;
  --mod-bms-border: rgba(37, 99, 235, 0.22);

  --mod-mes: #16a34a;
  --mod-mes-soft: rgba(22, 163, 74, 0.1);
  --mod-mes-text: #15803d;
  --mod-mes-border: rgba(22, 163, 74, 0.22);

  --accent: var(--mod-hrm);
  --accent-soft: var(--mod-hrm-soft);
  --accent-text: var(--mod-hrm-text);
  --accent-border: var(--mod-hrm-border);

  --hrm-surface: #ffffff;
  --hrm-surface-muted: #f8fafc;
  --hrm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --hrm-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.06);
  --hrm-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08);
  --hrm-radius: 14px;
  --hrm-radius-sm: 0.375rem;
  --hrm-radius-md: 0.5rem;
  --hrm-radius-lg: 0.625rem;
  --hrm-radius-xl: 0.75rem;
  --hrm-radius-2xl: 1rem;
  --hrm-table-hover: #f8fafc;
  --hrm-table-head: #f1f5f9;
}

body.workspace-hrm,
body:has(#appScreen.workspace-admin:not([hidden])) {
  background: var(--bg);
  color: var(--text);
}

#appScreen.workspace-admin--hrm-module,
body:has(#appScreen.workspace-admin:not([hidden])) #appScreen.workspace-admin.screen {
  background:
    radial-gradient(900px 520px at 82% -8%, rgba(124, 58, 237, 0.05), transparent 60%),
    radial-gradient(700px 420px at 12% 100%, rgba(37, 99, 235, 0.04), transparent 55%),
    var(--bg);
  color: var(--text);
}

/* —— Sidebars —— */
body.workspace-hrm .sidebar-admin,
#appScreen.workspace-admin--hrm-module .hrm-sidebar {
  background: var(--hrm-surface);
  border-color: var(--border);
  box-shadow: inset -1px 0 0 var(--border);
}

body.workspace-hrm .sidebar-admin__brand {
  border-color: var(--border);
  background: var(--hrm-surface-muted);
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .sidebar-admin__mark-img {
  filter: drop-shadow(0 2px 8px rgba(124, 58, 237, 0.2));
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__mark {
  color: #fff;
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__name {
  color: var(--text);
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__tag {
  color: var(--mod-hrm-text);
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__foot {
  border-top-color: var(--border);
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__back {
  color: var(--muted);
  border-color: var(--border);
  background: var(--hrm-surface-muted);
}

#appScreen.workspace-admin--hrm-module .hrm-sidebar__back:hover {
  background: var(--hrm-surface);
  color: var(--text);
  border-color: var(--border-strong);
}

#appScreen.workspace-admin--hrm-module .hrm-nav-group__toggle {
  color: #475569;
}

#appScreen.workspace-admin--hrm-module .hrm-nav-group__toggle:hover {
  background: var(--hrm-surface-muted);
  color: var(--text);
}

#appScreen.workspace-admin--hrm-module .hrm-nav__btn {
  color: #475569;
}

#appScreen.workspace-admin--hrm-module .hrm-nav__btn:hover,
#appScreen.workspace-admin--hrm-module .hrm-nav-group__toggle:hover {
  background: var(--hrm-surface-muted);
  color: var(--text);
  border-color: var(--border);
}

#appScreen.workspace-admin--hrm-module .hrm-nav__btn--active {
  background: var(--mod-hrm-soft);
  color: var(--mod-hrm-text);
  border-color: var(--mod-hrm-border);
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .nav-tab,
#appScreen.workspace-admin--hrm-module .hrm-nav__btn {
  border-radius: 10px;
}

body.workspace-hrm .nav-tab {
  color: #475569;
}

body.workspace-hrm .nav-tab:hover {
  background: var(--hrm-surface-muted);
  color: var(--text);
}

body.workspace-hrm .nav-tab--active,
body.workspace-hrm .workspace-admin .nav-tab--active {
  background: linear-gradient(180deg, #8b5cf6, #7c3aed);
  border-color: rgba(124, 58, 237, 0.35);
  color: #fff;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.22);
}

/* —— Main content —— */
body.workspace-hrm .main-admin,
#appScreen.workspace-admin--hrm-module .main-admin--hrm > .hrm-main-column {
  background: var(--bg);
}

body.workspace-hrm .main-admin .card,
#appScreen.workspace-admin--hrm-module .main-admin .card {
  background: var(--card);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-md);
}

body.workspace-hrm .main-admin .filters .field input,
#appScreen.workspace-admin--hrm-module .main-admin .filters .field input,
body.workspace-hrm .main-admin .filters .field select,
#appScreen.workspace-admin--hrm-module .main-admin .filters .field select {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .main-admin .filters .field input:focus,
#appScreen.workspace-admin--hrm-module .main-admin .filters .field input:focus {
  border-color: #a78bfa;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

body.workspace-hrm .main-admin .filters .btn-chip,
#appScreen.workspace-admin--hrm-module .main-admin .filters .btn-chip {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .main-admin .filters .btn-chip:hover,
#appScreen.workspace-admin--hrm-module .main-admin .filters .btn-chip:hover {
  background: var(--hrm-surface-muted);
  filter: none;
}

body.workspace-hrm .main-admin .table th,
body.workspace-hrm .main-admin .table td,
#appScreen.workspace-admin--hrm-module .main-admin .table th,
#appScreen.workspace-admin--hrm-module .main-admin .table td {
  border-bottom-color: var(--border);
}

body.workspace-hrm .main-admin .table th,
#appScreen.workspace-admin--hrm-module .main-admin .table th {
  color: var(--muted);
  background: var(--hrm-table-head);
  font-weight: 600;
  letter-spacing: 0.03em;
}

body.workspace-hrm .main-admin .table tbody tr,
#appScreen.workspace-admin--hrm-module .main-admin .table tbody tr,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table tbody tr {
  transition: background-color 0.14s ease;
}

body.workspace-hrm .main-admin .table tbody tr:hover,
#appScreen.workspace-admin--hrm-module .main-admin .table tbody tr:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table tbody tr:hover {
  background: var(--hrm-table-hover) !important;
}

body.workspace-hrm .main-admin .table th,
body.workspace-hrm .main-admin .table td,
#appScreen.workspace-admin--hrm-module .main-admin .table th,
#appScreen.workspace-admin--hrm-module .main-admin .table td,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table th,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

body.workspace-hrm .main-admin .table-wrap,
#appScreen.workspace-admin--hrm-module .main-admin .table-wrap,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table-wrap {
  border: 1px solid var(--border);
  border-radius: var(--hrm-radius-xl);
  overflow: hidden;
  box-shadow: var(--hrm-shadow-sm);
  background: var(--hrm-surface);
}

body.workspace-hrm .main-admin .payroll-table-wrap--sticky,
#appScreen.workspace-admin--hrm-module .main-admin .payroll-table-wrap--sticky,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .payroll-table-wrap--sticky {
  overflow: auto !important;
}

body.workspace-hrm .main-admin .payroll-table-wrap--sticky .report-table thead th,
#appScreen.workspace-admin--hrm-module .main-admin .payroll-table-wrap--sticky .report-table thead th,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .payroll-table-wrap--sticky .report-table thead th {
  background: var(--hrm-table-head);
  z-index: 4;
}

body.workspace-hrm .main-admin .table tbody td[colspan],
#appScreen.workspace-admin--hrm-module .main-admin .table tbody td[colspan],
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .table tbody td[colspan] {
  padding: 2rem 1rem !important;
  text-align: center;
  color: var(--muted) !important;
}

body.workspace-hrm .main-admin .table .btn-sm,
#appScreen.workspace-admin--hrm-module .main-admin .table .btn-sm {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .main-admin .table .btn-sm:hover,
#appScreen.workspace-admin--hrm-module .main-admin .table .btn-sm:hover {
  background: var(--hrm-surface-muted);
  filter: none;
}

body.workspace-hrm .btn-chip,
#appScreen.workspace-admin--hrm-module .btn-chip {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .btn-primary,
#appScreen.workspace-admin--hrm-module .btn-primary {
  background: linear-gradient(180deg, #8b5cf6, #7c3aed);
  border-color: #6d28d9;
  color: #fff;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.2);
}

body.workspace-hrm input,
body.workspace-hrm select,
body.workspace-hrm textarea,
#appScreen.workspace-admin--hrm-module .main-admin input,
#appScreen.workspace-admin--hrm-module .main-admin select,
#appScreen.workspace-admin--hrm-module .main-admin textarea {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

/* —— Home KPI —— */
body.workspace-hrm .home-kpi,
#appScreen.workspace-admin--hrm-module .home-kpi {
  background: var(--card);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-md);
}

body.workspace-hrm .home-kpi__glow,
#appScreen.workspace-admin--hrm-module .home-kpi__glow {
  opacity: 0.12;
}

body.workspace-hrm .home-kpi--click:hover,
#appScreen.workspace-admin--hrm-module .home-kpi--click:hover {
  box-shadow: var(--hrm-shadow-lg);
}

body.workspace-hrm .home-quick-tile,
#appScreen.workspace-admin--hrm-module .home-quick-tile {
  background: var(--card);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-sm);
}

/* —— Mini widgets —— */
body.workspace-hrm .requests-mini__item,
body.workspace-hrm .shifts-mini__item,
#appScreen.workspace-admin--hrm-module .requests-mini__item,
#appScreen.workspace-admin--hrm-module .shifts-mini__item {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
}

body.workspace-hrm .requests-mini__pct,
body.workspace-hrm .shifts-mini__pct,
#appScreen.workspace-admin--hrm-module .requests-mini__pct,
#appScreen.workspace-admin--hrm-module .shifts-mini__pct {
  color: var(--mod-hrm-text);
}

body.workspace-hrm .requests-mini__link,
body.workspace-hrm .shifts-mini__link,
#appScreen.workspace-admin--hrm-module .requests-mini__link,
#appScreen.workspace-admin--hrm-module .shifts-mini__link {
  color: var(--mod-hrm);
}

/* —— Attendance entry —— */
body.workspace-hrm #panelAttendanceEntry .att-entry-toolbar,
body.workspace-hrm #panelAttendanceEntry .att-entry-filters,
body.workspace-hrm #panelAttendanceEntry .att-entry-chart,
body.workspace-hrm #panelAttendanceEntry .att-entry-table-wrap,
body.workspace-hrm #panelAttendanceEntry .att-entry-sidebar,
body.workspace-hrm #panelAttendanceEntry .att-metric,
body.workspace-hrm #panelAttendanceEntry .att-entry-correction,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-toolbar,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-filters,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-chart,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-table-wrap,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-sidebar,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-metric,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-correction {
  background: var(--hrm-surface);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-hero,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-hero {
  background: linear-gradient(135deg, #faf5ff 0%, #ffffff 55%, #f8fafc 100%);
  border-color: var(--mod-hrm-border);
  box-shadow: var(--hrm-shadow-md);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__control,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__control {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
  box-shadow: none;
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox--open .att-entry-combobox__control,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox--open .att-entry-combobox__control {
  border-color: #a78bfa;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__input,
body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__name,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__input,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__name {
  color: var(--text);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__list,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__list {
  background: var(--hrm-surface);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-lg);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__option,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__option {
  border-bottom-color: var(--border);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__option:hover,
body.workspace-hrm #panelAttendanceEntry .att-entry-combobox__option--highlight,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__option:hover,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-combobox__option--highlight {
  background: var(--mod-hrm-soft);
}

body.workspace-hrm #panelAttendanceEntry .att-section-title,
body.workspace-hrm #panelAttendanceEntry .att-metric__value,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-section-title,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-metric__value {
  color: var(--text);
}

body.workspace-hrm #panelAttendanceEntry .att-metric__label,
body.workspace-hrm #panelAttendanceEntry .att-chart-bar__day,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-metric__label,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-chart-bar__day {
  color: var(--muted);
}

body.workspace-hrm #panelAttendanceEntry .att-metric--blue .att-metric__value,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-metric--blue .att-metric__value {
  color: #2563eb;
}

body.workspace-hrm #panelAttendanceEntry .att-metric--indigo .att-metric__value,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-metric--indigo .att-metric__value {
  color: #7c3aed;
}

body.workspace-hrm #panelAttendanceEntry .att-sidebar__head,
body.workspace-hrm #panelAttendanceEntry .att-entry-correction__head,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-sidebar__head,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-correction__head {
  border-bottom-color: var(--border);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-correction,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-correction {
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}

body.workspace-hrm #panelAttendanceEntry .att-entry-correction__icon,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-entry-correction__icon {
  background: var(--mod-hrm-soft);
  color: var(--mod-hrm-text);
  border-color: var(--mod-hrm-border);
}

body.workspace-hrm #panelAttendanceEntry .att-status--over,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-status--over {
  color: #2563eb;
}

body.workspace-hrm #panelAttendanceEntry .att-chart-bar__fill--weekend,
body.workspace-hrm #panelAttendanceEntry .att-chart-bar__fill--empty,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-chart-bar__fill--weekend,
#appScreen.workspace-admin--hrm-module #panelAttendanceEntry .att-chart-bar__fill--empty {
  background: #e2e8f0;
}

/* —— Reports / payroll hubs —— */
body.workspace-hrm .reports-hub__card,
body.workspace-hrm .payroll-hub .card,
#appScreen.workspace-admin--hrm-module .reports-hub__card,
#appScreen.workspace-admin--hrm-module .payroll-hub .card {
  background: var(--card);
  border-color: var(--border);
}

body.workspace-hrm .section-title,
#appScreen.workspace-admin--hrm-module .section-title {
  color: var(--text);
}

body.workspace-hrm .muted,
#appScreen.workspace-admin--hrm-module .muted {
  color: var(--muted);
}

/* —— Modals (все окна HRM) —— */
body.workspace-hrm .modal,
body:has(#appScreen.workspace-admin:not([hidden])) .modal {
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(6px);
}

body.workspace-hrm .modal__box,
body.workspace-hrm .modal__card,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__box,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__card {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 16px !important;
  box-shadow: var(--hrm-shadow-lg) !important;
}

body.workspace-hrm .modal__box h2,
body.workspace-hrm .modal__box h3,
body.workspace-hrm .modal__card h2,
body.workspace-hrm .modal__card h3,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__box h2,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__box h3,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__card h2,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__card h3 {
  color: var(--text) !important;
}

body.workspace-hrm .modal .field > span,
body.workspace-hrm .modal .field span,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field > span,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field span {
  color: var(--muted) !important;
}

body.workspace-hrm .modal .field input,
body.workspace-hrm .modal .field select,
body.workspace-hrm .modal .field textarea,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field input,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field select,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field textarea {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .modal .field input:focus,
body.workspace-hrm .modal .field select:focus,
body.workspace-hrm .modal .field textarea:focus,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field input:focus,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field select:focus,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .field textarea:focus {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}

body.workspace-hrm .modal .searchable-select__input,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .searchable-select__input {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .modal .searchable-select__input:focus,
body.workspace-hrm .modal .searchable-select.is-open .searchable-select__input,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .searchable-select__input:focus,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .searchable-select.is-open .searchable-select__input {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}

/* List is portaled to document.body when open — do not require .modal ancestor */
body.workspace-hrm .searchable-select__list,
body.workspace-hrm .searchable-select__list--floating,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__list,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__list--floating {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-lg) !important;
  backdrop-filter: none;
}

body.workspace-hrm .searchable-select__option,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__option {
  color: var(--text) !important;
}

body.workspace-hrm .searchable-select__option:hover,
body.workspace-hrm .searchable-select__option.is-highlighted,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__option:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__option.is-highlighted {
  background: var(--mod-hrm-soft) !important;
}

body.workspace-hrm .modal__box--employee,
body:has(#appScreen.workspace-admin:not([hidden])) .modal__box--employee {
  padding: 1.35rem 1.4rem !important;
}

body.workspace-hrm .emp-card-head,
body.workspace-hrm .emp-card-actions,
body.workspace-hrm .emp-card-tabs,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-head,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-actions,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-tabs {
  border-color: var(--border) !important;
}

body.workspace-hrm .emp-card-head__main h2,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-head__main h2 {
  color: var(--text) !important;
}

body.workspace-hrm .emp-card-tab,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-tab {
  color: var(--muted) !important;
}

body.workspace-hrm .emp-card-tab:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-tab:hover {
  color: var(--text) !important;
}

body.workspace-hrm .emp-card-tab--active,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-card-tab--active {
  color: var(--mod-hrm-text) !important;
  border-bottom-color: var(--mod-hrm) !important;
}

body.workspace-hrm .schedule-deviations,
body:has(#appScreen.workspace-admin:not([hidden])) .schedule-deviations {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .deviation-item,
body:has(#appScreen.workspace-admin:not([hidden])) .deviation-item {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .deviation-label,
body:has(#appScreen.workspace-admin:not([hidden])) .deviation-label {
  color: var(--muted) !important;
}

body.workspace-hrm .deviation-value,
body:has(#appScreen.workspace-admin:not([hidden])) .deviation-value {
  color: var(--text) !important;
}

body.workspace-hrm .deviation-item--under .deviation-value,
body:has(#appScreen.workspace-admin:not([hidden])) .deviation-item--under .deviation-value {
  color: #dc2626 !important;
}

body.workspace-hrm .deviation-item--over .deviation-value,
body:has(#appScreen.workspace-admin:not([hidden])) .deviation-item--over .deviation-value {
  color: #16a34a !important;
}

body.workspace-hrm .emp-photo--empty,
body:has(#appScreen.workspace-admin:not([hidden])) .emp-photo--empty {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
}

body.workspace-hrm .manual-shift,
body.workspace-hrm .shifts-list,
body.workspace-hrm .payroll-form,
body:has(#appScreen.workspace-admin:not([hidden])) .manual-shift,
body:has(#appScreen.workspace-admin:not([hidden])) .shifts-list,
body:has(#appScreen.workspace-admin:not([hidden])) .payroll-form {
  background: var(--hrm-surface-muted) !important;
  border: 1px solid var(--border);
  border-radius: 12px;
}

body.workspace-hrm .payroll-form__label,
body:has(#appScreen.workspace-admin:not([hidden])) .payroll-form__label {
  color: var(--muted) !important;
}

body.workspace-hrm .dossier-entry,
body:has(#appScreen.workspace-admin:not([hidden])) .dossier-entry {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .dossier-entry__type,
body:has(#appScreen.workspace-admin:not([hidden])) .dossier-entry__type {
  color: var(--mod-hrm-text) !important;
}

body.workspace-hrm .dossier-entry h4,
body.workspace-hrm .dossier-entry p,
body:has(#appScreen.workspace-admin:not([hidden])) .dossier-entry h4,
body:has(#appScreen.workspace-admin:not([hidden])) .dossier-entry p {
  color: var(--text) !important;
}

body.workspace-hrm .photo-viewer__img,
body:has(#appScreen.workspace-admin:not([hidden])) .photo-viewer__img {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .modal .btn-ghost,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .btn-ghost {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}

body.workspace-hrm .modal .btn-ghost:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .btn-ghost:hover {
  background: var(--hrm-surface-muted) !important;
  color: var(--text) !important;
}

body.workspace-hrm .modal .btn-danger,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .btn-danger {
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2);
}

body.workspace-hrm .modal .muted,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .muted {
  color: var(--muted) !important;
}

body.workspace-hrm .modal .table th,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .table th {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm .modal .table td,
body:has(#appScreen.workspace-admin:not([hidden])) .modal .table td {
  color: var(--text) !important;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm .access-editor-modal .modal__box,
body:has(#appScreen.workspace-admin:not([hidden])) .access-editor-modal .modal__box {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .access-editor__module,
body:has(#appScreen.workspace-admin:not([hidden])) .access-editor__module {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .access-role-label,
body:has(#appScreen.workspace-admin:not([hidden])) .access-role-label {
  color: var(--text) !important;
}

body.workspace-hrm .chat-group-modal,
body.workspace-hrm .chat-group-info,
body:has(#appScreen.workspace-admin:not([hidden])) .chat-group-modal,
body:has(#appScreen.workspace-admin:not([hidden])) .chat-group-info {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

/* ══════════════════════════════════════════════════════════════
   Полное покрытие HRM-панелей (табель, сотрудники, отчёты…)
   ══════════════════════════════════════════════════════════════ */

body.workspace-hrm .main-admin .card,
body.workspace-hrm .summary .card,
body.workspace-hrm .dash-grid-2 > .card,
body.workspace-hrm .dash-grid-3 > .card,
body.workspace-hrm .dash-grid-4 > .card,
body.workspace-hrm .filters.card,
#appScreen.workspace-admin--hrm-module .main-admin .card,
#appScreen.workspace-admin--hrm-module .summary .card,
#appScreen.workspace-admin--hrm-module .dash-grid-2 > .card,
#appScreen.workspace-admin--hrm-module .dash-grid-3 > .card,
#appScreen.workspace-admin--hrm-module .dash-grid-4 > .card,
#appScreen.workspace-admin--hrm-module .filters.card {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
  backdrop-filter: none;
}

body.workspace-hrm .header h1,
#appScreen.workspace-admin--hrm-module .header h1 {
  color: var(--text);
}

/* Табель — KPI */
body.workspace-hrm .stat__label,
#appScreen.workspace-admin--hrm-module .stat__label {
  color: var(--muted);
}

body.workspace-hrm .stat__value,
#appScreen.workspace-admin--hrm-module .stat__value {
  color: #16a34a;
}

body.workspace-hrm .kpi-ico--g,
#appScreen.workspace-admin--hrm-module .kpi-ico--g {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
}

body.workspace-hrm .kpi-ico--b,
#appScreen.workspace-admin--hrm-module .kpi-ico--b {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}

body.workspace-hrm .kpi-ico--r,
#appScreen.workspace-admin--hrm-module .kpi-ico--r {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
}

body.workspace-hrm .kpi-ico--o,
#appScreen.workspace-admin--hrm-module .kpi-ico--o {
  background: rgba(249, 115, 22, 0.12);
  color: #ea580c;
}

body.workspace-hrm .kpi-money,
#appScreen.workspace-admin--hrm-module .kpi-money {
  color: #16a34a;
}

body.workspace-hrm .kpi-money--violet,
#appScreen.workspace-admin--hrm-module .kpi-money--violet {
  color: #7c3aed;
}

body.workspace-hrm .kpi-money--red,
#appScreen.workspace-admin--hrm-module .kpi-money--red {
  color: #dc2626;
}

body.workspace-hrm .kpi-delta--up,
#appScreen.workspace-admin--hrm-module .kpi-delta--up {
  color: #16a34a;
}

body.workspace-hrm .kpi-delta--down,
#appScreen.workspace-admin--hrm-module .kpi-delta--down {
  color: #dc2626;
}

body.workspace-hrm .donut::after,
#appScreen.workspace-admin--hrm-module .donut::after {
  background: var(--hrm-surface);
  box-shadow: inset 0 0 0 1px var(--border);
}

body.workspace-hrm .donut--empty,
#appScreen.workspace-admin--hrm-module .donut--empty {
  background: #e2e8f0 !important;
}

body.workspace-hrm .donut-legend strong,
#appScreen.workspace-admin--hrm-module .donut-legend strong {
  color: var(--text);
  font-weight: 600;
}

body.workspace-hrm .donut-legend span,
#appScreen.workspace-admin--hrm-module .donut-legend span {
  color: var(--muted);
}

body.workspace-hrm .lg--g { background: #22c55e; }
body.workspace-hrm .lg--r { background: #ef4444; }
body.workspace-hrm .lg--o { background: #f97316; }
body.workspace-hrm .lg--b { background: #6366f1; }
#appScreen.workspace-admin--hrm-module .lg--g { background: #22c55e; }
#appScreen.workspace-admin--hrm-module .lg--r { background: #ef4444; }
#appScreen.workspace-admin--hrm-module .lg--o { background: #f97316; }
#appScreen.workspace-admin--hrm-module .lg--b { background: #6366f1; }

body.workspace-hrm .shifts-mini__bar,
body.workspace-hrm .requests-mini__bar,
#appScreen.workspace-admin--hrm-module .shifts-mini__bar,
#appScreen.workspace-admin--hrm-module .requests-mini__bar {
  background: #e2e8f0;
}

body.workspace-hrm .shifts-mini__meta,
#appScreen.workspace-admin--hrm-module .shifts-mini__meta {
  color: var(--muted);
}

/* Поиск и селекты (тёмные градиенты в style.css) */
body.workspace-hrm .payroll-search-input,
body.workspace-hrm .reports-toolbar .field select,
body.workspace-hrm .reports-employee-select,
body.workspace-hrm .employees-search-input,
#appScreen.workspace-admin--hrm-module .payroll-search-input,
#appScreen.workspace-admin--hrm-module .reports-toolbar .field select,
#appScreen.workspace-admin--hrm-module .reports-employee-select,
#appScreen.workspace-admin--hrm-module .employees-search-input {
  background-color: var(--hrm-surface) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  box-shadow: none !important;
  color-scheme: light;
}

body.workspace-hrm .payroll-search-input:focus,
body.workspace-hrm .reports-toolbar .field select:focus,
#appScreen.workspace-admin--hrm-module .payroll-search-input:focus,
#appScreen.workspace-admin--hrm-module .reports-toolbar .field select:focus {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}

body.workspace-hrm .reports-toolbar .field select option,
body.workspace-hrm .reports-employee-select option,
#appScreen.workspace-admin--hrm-module .reports-toolbar .field select option,
#appScreen.workspace-admin--hrm-module .reports-employee-select option {
  background: #fff;
  color: var(--text);
}

body.workspace-hrm .reports-employee-banner,
#appScreen.workspace-admin--hrm-module .reports-employee-banner {
  background: var(--mod-hrm-soft);
  border-color: var(--mod-hrm-border);
}

body.workspace-hrm .reports-employee-banner__meta,
#appScreen.workspace-admin--hrm-module .reports-employee-banner__meta {
  color: var(--muted);
}

body.workspace-hrm .report-summary-card,
#appScreen.workspace-admin--hrm-module .report-summary-card {
  background: var(--hrm-surface-muted);
  border: 1px solid var(--border);
}

body.workspace-hrm .report-summary-card__label,
#appScreen.workspace-admin--hrm-module .report-summary-card__label {
  color: var(--muted);
}

body.workspace-hrm .report-summary-card__value,
#appScreen.workspace-admin--hrm-module .report-summary-card__value {
  color: var(--text);
}

/* Payroll: compact KPI strip + modern sticky header */
body.workspace-hrm #payrollContent .report-summary-card,
#appScreen.workspace-admin--hrm-module #payrollContent .report-summary-card {
  background: #ffffff;
  border: 1px solid var(--border);
  box-shadow: none;
}
body.workspace-hrm #payrollContent .report-summary-card__label,
#appScreen.workspace-admin--hrm-module #payrollContent .report-summary-card__label {
  color: #64748b;
}
body.workspace-hrm #payrollContent .report-summary-card__value,
#appScreen.workspace-admin--hrm-module #payrollContent .report-summary-card__value {
  color: #0f172a;
}
body.workspace-hrm #payrollContent .payroll-table-wrap--sticky .report-table thead th,
#appScreen.workspace-admin--hrm-module #payrollContent .payroll-table-wrap--sticky .report-table thead th,
body:has(#appScreen.workspace-admin:not([hidden])) #payrollContent .payroll-table-wrap--sticky .report-table thead th {
  color: #64748b;
  padding: 0.42rem 0.65rem;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fafbff 0%, #f1f5f9 100%);
  box-shadow: inset 0 -1px 0 #e2e8f0, 0 1px 0 rgba(124, 58, 237, 0.14);
}
body.workspace-hrm #payrollContent .payroll-table-wrap--sticky .report-table tbody td,
#appScreen.workspace-admin--hrm-module #payrollContent .payroll-table-wrap--sticky .report-table tbody td,
body:has(#appScreen.workspace-admin:not([hidden])) #payrollContent .payroll-table-wrap--sticky .report-table tbody td {
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
}

/* Выпадающие списки (дубль: портал на body, не внутри #appScreen) */
body.workspace-hrm .searchable-select__empty,
body:has(#appScreen.workspace-admin:not([hidden])) .searchable-select__empty {
  color: var(--muted) !important;
}

/* —— Отделы (канбан) —— */
body.workspace-hrm .departments-wrap,
#appScreen.workspace-admin--hrm-module .departments-wrap {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

body.workspace-hrm .departments-wrap.card,
#appScreen.workspace-admin--hrm-module .departments-wrap.card {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px;
  box-shadow: var(--hrm-shadow-md) !important;
  padding: 1rem !important;
}

body.workspace-hrm .panel-toolbar--departments,
#appScreen.workspace-admin--hrm-module .panel-toolbar--departments {
  margin-bottom: 1rem;
}

body.workspace-hrm .departments-add-btn,
#appScreen.workspace-admin--hrm-module .departments-add-btn {
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.18);
}

body.workspace-hrm .departments-board,
#appScreen.workspace-admin--hrm-module .departments-board {
  gap: 1rem;
  padding-bottom: 0.75rem;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

body.workspace-hrm .departments-board::-webkit-scrollbar,
#appScreen.workspace-admin--hrm-module .departments-board::-webkit-scrollbar {
  height: 8px;
}

body.workspace-hrm .departments-board::-webkit-scrollbar-track,
#appScreen.workspace-admin--hrm-module .departments-board::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 999px;
}

body.workspace-hrm .departments-board::-webkit-scrollbar-thumb,
#appScreen.workspace-admin--hrm-module .departments-board::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
  border: 2px solid #f1f5f9;
}

body.workspace-hrm .departments-board::-webkit-scrollbar-thumb:hover,
#appScreen.workspace-admin--hrm-module .departments-board::-webkit-scrollbar-thumb:hover {
  background: #a78bfa;
}

body.workspace-hrm .department-column,
#appScreen.workspace-admin--hrm-module .department-column {
  flex: 0 0 min(272px, 88vw);
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--hrm-shadow-sm);
  overflow: hidden;
}

body.workspace-hrm .department-column__head,
#appScreen.workspace-admin--hrm-module .department-column__head {
  padding: 0.85rem 0.9rem;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

body.workspace-hrm .department-column__title,
#appScreen.workspace-admin--hrm-module .department-column__title {
  color: var(--text);
  font-size: 0.95rem;
  letter-spacing: -0.01em;
}

body.workspace-hrm .department-column__count,
body.workspace-hrm .department-column__time,
#appScreen.workspace-admin--hrm-module .department-column__count,
#appScreen.workspace-admin--hrm-module .department-column__time {
  color: var(--muted);
}

body.workspace-hrm .department-column__head .btn,
body.workspace-hrm .department-column__edit,
#appScreen.workspace-admin--hrm-module .department-column__head .btn,
#appScreen.workspace-admin--hrm-module .department-column__edit {
  color: var(--mod-hrm-text);
  background: #fff;
  border: 1px solid var(--mod-hrm-border);
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .department-column__head .btn:hover,
body.workspace-hrm .department-column__edit:hover,
#appScreen.workspace-admin--hrm-module .department-column__head .btn:hover,
#appScreen.workspace-admin--hrm-module .department-column__edit:hover {
  color: #fff;
  background: linear-gradient(180deg, #8b5cf6, #7c3aed);
  border-color: #6d28d9;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.22);
}

body.workspace-hrm .department-column__body,
#appScreen.workspace-admin--hrm-module .department-column__body {
  padding: 0.65rem;
  gap: 0.55rem;
  scrollbar-color: #cbd5e1 transparent;
}

body.workspace-hrm .department-column__body::-webkit-scrollbar-track,
#appScreen.workspace-admin--hrm-module .department-column__body::-webkit-scrollbar-track {
  background: transparent;
}

body.workspace-hrm .department-column__body::-webkit-scrollbar-thumb,
#appScreen.workspace-admin--hrm-module .department-column__body::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border: none;
}

body.workspace-hrm .department-column__body::-webkit-scrollbar-thumb:hover,
#appScreen.workspace-admin--hrm-module .department-column__body::-webkit-scrollbar-thumb:hover {
  background: #a78bfa;
}

body.workspace-hrm .department-column__empty,
#appScreen.workspace-admin--hrm-module .department-column__empty {
  color: var(--muted);
}

body.workspace-hrm .department-employee,
#appScreen.workspace-admin--hrm-module .department-employee {
  padding: 0.65rem 0.75rem;
  border-radius: 12px;
  border: 1px solid var(--border) !important;
  background: #ffffff !important;
  color: var(--text) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

body.workspace-hrm .department-employee:hover,
#appScreen.workspace-admin--hrm-module .department-employee:hover {
  border-color: #c4b5fd !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.1);
  transform: translateY(-1px);
}

body.workspace-hrm .department-employee--work,
#appScreen.workspace-admin--hrm-module .department-employee--work {
  border-color: #86efac !important;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.15), 0 2px 8px rgba(34, 197, 94, 0.08);
}

body.workspace-hrm .department-employee__id,
#appScreen.workspace-admin--hrm-module .department-employee__id {
  color: var(--muted-dim) !important;
  font-weight: 500;
}

body.workspace-hrm .department-employee__name,
#appScreen.workspace-admin--hrm-module .department-employee__name {
  color: var(--text) !important;
  font-weight: 600;
  line-height: 1.3;
}

body.workspace-hrm .department-employee__pos,
#appScreen.workspace-admin--hrm-module .department-employee__pos {
  color: var(--muted) !important;
  line-height: 1.35;
}

body.workspace-hrm .department-card,
#appScreen.workspace-admin--hrm-module .department-card {
  background: var(--hrm-surface);
  border-color: var(--border);
}

body.workspace-hrm .department-name,
#appScreen.workspace-admin--hrm-module .department-name {
  color: var(--text);
}

body.workspace-hrm .department-employees li,
#appScreen.workspace-admin--hrm-module .department-employees li {
  color: var(--text);
}

body.workspace-hrm .shift-time-badge,
#appScreen.workspace-admin--hrm-module .shift-time-badge {
  color: var(--muted);
}

body.workspace-hrm .shift-employees-picker,
#appScreen.workspace-admin--hrm-module .shift-employees-picker {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
}

body.workspace-hrm .shift-employee-option,
#appScreen.workspace-admin--hrm-module .shift-employee-option {
  border-color: var(--border);
}

body.workspace-hrm .shift-employee-option:hover,
#appScreen.workspace-admin--hrm-module .shift-employee-option:hover {
  background: var(--mod-hrm-soft);
}

/* Чат */
body.workspace-hrm .chat-messenger,
#appScreen.workspace-admin--hrm-module .chat-messenger {
  background: var(--hrm-surface);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-md);
}

body.workspace-hrm .chat-messenger__sidebar,
#appScreen.workspace-admin--hrm-module .chat-messenger__sidebar {
  background: var(--hrm-surface-muted);
  border-right-color: var(--border);
}

body.workspace-hrm .chat-messenger__sidebar-head h2,
#appScreen.workspace-admin--hrm-module .chat-messenger__sidebar-head h2 {
  color: var(--text);
}

body.workspace-hrm .chat-messenger__search input,
#appScreen.workspace-admin--hrm-module .chat-messenger__search input {
  background-color: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .chat-messenger__main,
#appScreen.workspace-admin--hrm-module .chat-messenger__main {
  background: var(--hrm-surface);
}

body.workspace-hrm .chat-messenger__messages,
#appScreen.workspace-admin--hrm-module .chat-messenger__messages {
  background: #f8fafc;
}

body.workspace-hrm .chat-messenger__empty h3,
body.workspace-hrm .chat-messenger__thread-head h3,
#appScreen.workspace-admin--hrm-module .chat-messenger__empty h3,
#appScreen.workspace-admin--hrm-module .chat-messenger__thread-head h3 {
  color: var(--text);
}

body.workspace-hrm .chat-thread__id,
#appScreen.workspace-admin--hrm-module .chat-thread__id {
  color: var(--muted);
}

body.workspace-hrm .chat-conv:hover,
#appScreen.workspace-admin--hrm-module .chat-conv:hover {
  background: var(--mod-hrm-soft);
  border-color: var(--mod-hrm-border);
}

body.workspace-hrm .chat-conv--active,
#appScreen.workspace-admin--hrm-module .chat-conv--active {
  background: var(--mod-hrm-soft);
  border-color: var(--mod-hrm-border);
  box-shadow: inset 3px 0 0 var(--mod-hrm);
}

body.workspace-hrm .chat-conv__avatar--ph,
#appScreen.workspace-admin--hrm-module .chat-conv__avatar--ph {
  background: #ede9fe;
  color: var(--mod-hrm-text);
}

body.workspace-hrm .chat-conv__role,
body.workspace-hrm .chat-conv__preview,
body.workspace-hrm .chat-conv__time,
#appScreen.workspace-admin--hrm-module .chat-conv__role,
#appScreen.workspace-admin--hrm-module .chat-conv__preview,
#appScreen.workspace-admin--hrm-module .chat-conv__time {
  color: var(--muted);
}

body.workspace-hrm .chat-filter,
#appScreen.workspace-admin--hrm-module .chat-filter {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--muted);
}

body.workspace-hrm .chat-filter--active,
#appScreen.workspace-admin--hrm-module .chat-filter--active {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  border-color: var(--mod-hrm-border);
  color: #fff;
}

body.workspace-hrm .chat-action-btn,
#appScreen.workspace-admin--hrm-module .chat-action-btn {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .chat-action-btn--wide,
#appScreen.workspace-admin--hrm-module .chat-action-btn--wide {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
  color: var(--muted);
}

body.workspace-hrm .chat-composer,
#appScreen.workspace-admin--hrm-module .chat-composer {
  background: var(--hrm-surface-muted);
  border-top-color: var(--border);
}

body.workspace-hrm .chat-composer__btn,
#appScreen.workspace-admin--hrm-module .chat-composer__btn {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--muted);
}

body.workspace-hrm .chat-composer textarea,
#appScreen.workspace-admin--hrm-module .chat-composer textarea {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .chat-bubble--in,
#appScreen.workspace-admin--hrm-module .chat-bubble--in {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .chat-bubble--out,
#appScreen.workspace-admin--hrm-module .chat-bubble--out {
  background: var(--mod-hrm-soft);
  border-color: var(--mod-hrm-border);
  color: var(--text);
}

body.workspace-hrm .chat-messenger__thread-head,
#appScreen.workspace-admin--hrm-module .chat-messenger__thread-head {
  background: var(--hrm-surface-muted);
  border-bottom-color: var(--border);
}

/* Подписка в сайдбаре */
body.workspace-hrm .sidebar-sub-card,
#appScreen.workspace-admin--hrm-module .sidebar-sub-card {
  border-top-color: var(--border);
}

body.workspace-hrm .sidebar-sub-card__inner,
#appScreen.workspace-admin--hrm-module .sidebar-sub-card__inner {
  background: var(--hrm-surface);
  border-color: var(--border);
  box-shadow: var(--hrm-shadow-md);
  backdrop-filter: none;
}

body.workspace-hrm .sidebar-sub-card__glow,
#appScreen.workspace-admin--hrm-module .sidebar-sub-card__glow {
  opacity: 0.15;
}

/* —— История операций —— */
body.workspace-hrm .op-history-card,
#appScreen.workspace-admin--hrm-module .op-history-card {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px;
  box-shadow: var(--hrm-shadow-md) !important;
  padding: 1.1rem 1.15rem !important;
}

body.workspace-hrm .op-history-toolbar,
#appScreen.workspace-admin--hrm-module .op-history-toolbar {
  padding: 0.85rem 1rem;
  margin: -0.15rem -0.2rem 1rem;
  border-radius: 12px;
  background: var(--hrm-surface-muted);
  border: 1px solid var(--border);
}

body.workspace-hrm .op-history-toolbar .field--inline span,
#appScreen.workspace-admin--hrm-module .op-history-toolbar .field--inline span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 600;
}

body.workspace-hrm .table--operations,
#appScreen.workspace-admin--hrm-module .table--operations {
  border-collapse: separate;
  border-spacing: 0;
}

body.workspace-hrm .table--operations th,
#appScreen.workspace-admin--hrm-module .table--operations th {
  padding: 0.75rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted) !important;
  background: var(--hrm-surface-muted) !important;
  border-bottom: 1px solid var(--border) !important;
}

body.workspace-hrm .table--operations th:first-child,
#appScreen.workspace-admin--hrm-module .table--operations th:first-child {
  border-radius: 10px 0 0 0;
}

body.workspace-hrm .table--operations th:last-child,
#appScreen.workspace-admin--hrm-module .table--operations th:last-child {
  border-radius: 0 10px 0 0;
}

body.workspace-hrm .table--operations td,
#appScreen.workspace-admin--hrm-module .table--operations td {
  padding: 0.8rem 0.85rem;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text) !important;
  vertical-align: middle;
  line-height: 1.45;
}

body.workspace-hrm .table--operations td:first-child,
#appScreen.workspace-admin--hrm-module .table--operations td:first-child {
  white-space: nowrap;
  width: 11rem;
  color: var(--muted) !important;
  font-size: 0.84rem;
  font-variant-numeric: tabular-nums;
}

body.workspace-hrm .table--operations td:nth-child(2),
#appScreen.workspace-admin--hrm-module .table--operations td:nth-child(2) {
  color: var(--text) !important;
  font-weight: 500;
  max-width: 28rem;
}

body.workspace-hrm .table--operations td:nth-child(3),
#appScreen.workspace-admin--hrm-module .table--operations td:nth-child(3) {
  color: var(--muted) !important;
  font-size: 0.86rem;
}

body.workspace-hrm .table--operations td:nth-child(4),
#appScreen.workspace-admin--hrm-module .table--operations td:nth-child(4) {
  color: var(--text) !important;
}

body.workspace-hrm .table--operations tbody tr:nth-child(even) td,
#appScreen.workspace-admin--hrm-module .table--operations tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.workspace-hrm .op-history-row--clickable,
#appScreen.workspace-admin--hrm-module .op-history-row--clickable {
  transition: background 0.12s ease;
}

body.workspace-hrm .op-history-row--clickable:hover td,
#appScreen.workspace-admin--hrm-module .op-history-row--clickable:hover td {
  background: var(--mod-hrm-soft) !important;
}

body.workspace-hrm .op-history-row__hint,
#appScreen.workspace-admin--hrm-module .op-history-row__hint {
  color: var(--mod-hrm-text) !important;
  font-size: 0.84rem;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

body.workspace-hrm .op-history-row--clickable:hover .op-history-row__hint,
#appScreen.workspace-admin--hrm-module .op-history-row--clickable:hover .op-history-row__hint {
  color: #6d28d9 !important;
}

body.workspace-hrm .op-history-row--cancelled td,
#appScreen.workspace-admin--hrm-module .op-history-row--cancelled td {
  opacity: 0.72;
  text-decoration: line-through;
  color: var(--muted) !important;
}

body.workspace-hrm .op-history-row--cancelled td:last-child,
#appScreen.workspace-admin--hrm-module .op-history-row--cancelled td:last-child {
  text-decoration: none;
  opacity: 1;
}

body.workspace-hrm .op-history-posting,
#appScreen.workspace-admin--hrm-module .op-history-posting {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.3;
  background: #f1f5f9;
  color: var(--muted);
  border: 1px solid var(--border);
}

body.workspace-hrm .op-history-posting--posted,
#appScreen.workspace-admin--hrm-module .op-history-posting--posted {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}

body.workspace-hrm .op-history-posting--cancelled,
#appScreen.workspace-admin--hrm-module .op-history-posting--cancelled {
  background: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}

body.workspace-hrm .op-history-modal,
#appScreen.workspace-admin--hrm-module .op-history-modal {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .op-history-modal__title,
#appScreen.workspace-admin--hrm-module .op-history-modal__title {
  color: var(--text) !important;
}

body.workspace-hrm .op-history-modal__meta dt,
#appScreen.workspace-admin--hrm-module .op-history-modal__meta dt {
  color: var(--muted) !important;
}

body.workspace-hrm .op-history-modal__meta dd,
#appScreen.workspace-admin--hrm-module .op-history-modal__meta dd {
  color: var(--text) !important;
}

/* Панели инструментов */
body.workspace-hrm .panel-toolbar,
#appScreen.workspace-admin--hrm-module .panel-toolbar {
  background: var(--hrm-surface);
  border-color: var(--border);
}

body.workspace-hrm .card-btn:hover,
#appScreen.workspace-admin--hrm-module .card-btn:hover {
  border-color: var(--mod-hrm-border);
}

body.workspace-hrm .btn-ghost,
#appScreen.workspace-admin--hrm-module .btn-ghost {
  color: var(--muted);
  border-color: var(--border);
  background: var(--hrm-surface);
}

body.workspace-hrm .stats-list,
#appScreen.workspace-admin--hrm-module .stats-list {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
}

body.workspace-hrm .table-wrap,
#appScreen.workspace-admin--hrm-module .table-wrap {
  background: var(--hrm-surface) !important;
}

body.workspace-hrm .main-admin .table-wrap.card:not(.op-history-card),
#appScreen.workspace-admin--hrm-module .main-admin .table-wrap.card:not(.op-history-card) {
  border-radius: 16px;
  box-shadow: var(--hrm-shadow-md) !important;
  overflow: hidden;
}

body.workspace-hrm .main-admin .table:not(.table--operations) th,
#appScreen.workspace-admin--hrm-module .main-admin .table:not(.table--operations) th {
  padding: 0.75rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted) !important;
  background: var(--hrm-surface-muted) !important;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm .main-admin .table:not(.table--operations) td,
#appScreen.workspace-admin--hrm-module .main-admin .table:not(.table--operations) td {
  padding: 0.8rem 0.85rem;
  color: var(--text) !important;
  border-bottom-color: var(--border) !important;
  vertical-align: middle;
  line-height: 1.45;
}

body.workspace-hrm .main-admin .table:not(.table--operations) tbody tr:nth-child(even) td,
#appScreen.workspace-admin--hrm-module .main-admin .table:not(.table--operations) tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.workspace-hrm .main-admin .table .link-name,
#appScreen.workspace-admin--hrm-module .main-admin .table .link-name,
body.workspace-hrm #panelArchive .link-name,
#appScreen.workspace-admin--hrm-module #panelArchive .link-name {
  color: var(--mod-hrm-text) !important;
  font-weight: 600;
  text-align: left;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-decoration: none;
  border-radius: 4px;
  transition: color 0.15s ease, background-color 0.15s ease;
}

body.workspace-hrm .main-admin .table .link-name:hover,
#appScreen.workspace-admin--hrm-module .main-admin .table .link-name:hover,
body.workspace-hrm #panelArchive .link-name:hover,
#appScreen.workspace-admin--hrm-module #panelArchive .link-name:hover {
  color: #5b21b6 !important;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1.5px;
}

body.workspace-hrm .main-admin .table .btn-sm,
#appScreen.workspace-admin--hrm-module .main-admin .table .btn-sm {
  border-radius: 8px;
  font-weight: 600;
}

body.workspace-hrm .table tbody tr:hover td,
#appScreen.workspace-admin--hrm-module .table tbody tr:hover td {
  background: var(--hrm-surface-muted);
}

body.workspace-hrm .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar__head {
  color: var(--text);
}

body.workspace-hrm .module-sidebar--live .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--live .module-sidebar__head {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .module-sidebar__head:disabled,
#appScreen.workspace-admin--hrm-module .module-sidebar__head:disabled {
  background: var(--hrm-surface-muted);
  color: var(--muted-dim);
}

body.workspace-hrm .module-sidebar--bms.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
body.workspace-hrm .module-sidebar--mes.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
body.workspace-hrm .module-sidebar--hrm.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--bms.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--mes.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--hrm.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .module-sidebar--bms.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--bms.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-bms-soft);
  border-color: var(--mod-bms-border);
  color: var(--mod-bms-text);
}

body.workspace-hrm .module-sidebar--mes.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--mes.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-mes-soft);
  border-color: var(--mod-mes-border);
  color: var(--mod-mes-text);
}

body.workspace-hrm .module-sidebar--hrm.module-sidebar--live.module-sidebar--expanded .module-sidebar__head,
#appScreen.workspace-admin--hrm-module .module-sidebar--hrm.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-hrm-soft);
  border-color: var(--mod-hrm-border);
  color: var(--mod-hrm-text);
}

body.workspace-hrm .module-sidebar--live.module-sidebar--expanded .module-sidebar__chevron,
#appScreen.workspace-admin--hrm-module .module-sidebar--live.module-sidebar--expanded .module-sidebar__chevron {
  color: currentColor;
}

body.workspace-hrm .module-sidebar--live.module-sidebar--expanded .module-sidebar__state.is-active,
#appScreen.workspace-admin--hrm-module .module-sidebar--live.module-sidebar--expanded .module-sidebar__state.is-active {
  color: currentColor;
  background: rgba(255, 255, 255, 0.55);
}

body.workspace-hrm .module-sidebar__state,
#appScreen.workspace-admin--hrm-module .module-sidebar__state {
  background: var(--hrm-surface-muted);
  color: var(--muted);
}

body.workspace-hrm .sidebar-modules__title,
#appScreen.workspace-admin--hrm-module .sidebar-modules__title {
  color: var(--muted);
}

/* Карточки модулей (настройки / главная) */
body.workspace-hrm .modules-card,
#appScreen.workspace-admin--hrm-module .modules-card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .modules-card__glow,
#appScreen.workspace-admin--hrm-module .modules-card__glow {
  opacity: 0.1;
}

body.workspace-hrm .modules-card.is-on,
#appScreen.workspace-admin--hrm-module .modules-card.is-on {
  box-shadow: var(--hrm-shadow-md);
}

body.workspace-hrm .modules-card__price,
#appScreen.workspace-admin--hrm-module .modules-card__price {
  color: var(--mod-bms-text) !important;
}

body.workspace-hrm .modules-card__link,
#appScreen.workspace-admin--hrm-module .modules-card__link {
  color: var(--mod-bms-text) !important;
}

body.workspace-hrm .modules-toggle__track,
#appScreen.workspace-admin--hrm-module .modules-toggle__track {
  background: #e2e8f0;
  border-color: var(--border);
}

body.workspace-hrm .home-module__btn,
#appScreen.workspace-admin--hrm-module .home-module__btn {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
}

body.workspace-hrm .home-module--bms .home-module__badge,
#appScreen.workspace-admin--hrm-module .home-module--bms .home-module__badge {
  background: var(--mod-bms-soft);
  color: var(--mod-bms-text);
}

body.workspace-hrm .home-module--mes .home-module__badge,
#appScreen.workspace-admin--hrm-module .home-module--mes .home-module__badge {
  background: var(--mod-mes-soft);
  color: var(--mod-mes-text);
}

body.workspace-hrm .home-module--hrm .home-module__badge,
#appScreen.workspace-admin--hrm-module .home-module--hrm .home-module__badge {
  background: var(--mod-hrm-soft);
  color: var(--mod-hrm-text);
}

body.workspace-hrm .home-module--bms .home-module__btn:hover,
#appScreen.workspace-admin--hrm-module .home-module--bms .home-module__btn:hover {
  border-color: var(--mod-bms-border);
  background: var(--mod-bms-soft);
}

body.workspace-hrm .home-module--mes .home-module__btn:hover,
#appScreen.workspace-admin--hrm-module .home-module--mes .home-module__btn:hover {
  border-color: var(--mod-mes-border);
  background: var(--mod-mes-soft);
}

body.workspace-hrm .home-module--hrm .home-module__btn:hover,
#appScreen.workspace-admin--hrm-module .home-module--hrm .home-module__btn:hover {
  border-color: var(--mod-hrm-border);
  background: var(--mod-hrm-soft);
}

/* Архив */
body.workspace-hrm #panelArchive .table-wrap.card,
#appScreen.workspace-admin--hrm-module #panelArchive .table-wrap.card {
  border-radius: 16px;
  box-shadow: var(--hrm-shadow-md) !important;
  overflow: hidden;
}

body.workspace-hrm #panelArchive .table th,
#appScreen.workspace-admin--hrm-module #panelArchive .table th {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm #panelArchive .table td,
#appScreen.workspace-admin--hrm-module #panelArchive .table td {
  color: var(--text) !important;
  border-bottom-color: var(--border) !important;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

body.workspace-hrm .archive-hint,
#appScreen.workspace-admin--hrm-module .archive-hint {
  color: var(--muted);
  line-height: 1.5;
}

/* —— Настройки —— */
body.workspace-hrm .main-admin,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin {
  background: var(--bg);
  color: var(--text);
}

body.workspace-hrm .settings-hub,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-hub {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  box-shadow: var(--hrm-shadow-md) !important;
  padding: 1.35rem 1.4rem !important;
}

body.workspace-hrm .settings-hub__lead,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-hub__lead {
  color: var(--muted);
  line-height: 1.55;
}

body.workspace-hrm .settings-nav,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-nav {
  border-right-color: var(--border) !important;
  padding-right: 1rem;
}

body.workspace-hrm .settings-tab,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-tab {
  border: 1px solid var(--border) !important;
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
  border-radius: 10px !important;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.workspace-hrm .settings-tab:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-tab:hover {
  background: var(--hrm-surface) !important;
  color: var(--text) !important;
  border-color: var(--border-strong) !important;
}

body.workspace-hrm .settings-tab--active,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-tab--active {
  background: var(--mod-hrm-soft) !important;
  border-color: var(--mod-hrm-border) !important;
  color: var(--mod-hrm-text) !important;
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .settings-role-card,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-role-card {
  background: var(--hrm-surface-muted) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .settings-role-card strong,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-role-card strong {
  color: var(--text) !important;
}

body.workspace-hrm .settings-role-card p,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-role-card p {
  color: var(--muted) !important;
}

body.workspace-hrm .settings-dl__row,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-dl__row {
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm .settings-dl dt,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-dl dt {
  color: var(--muted) !important;
}

body.workspace-hrm .settings-dl dd,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-dl dd {
  color: var(--text) !important;
}

body.workspace-hrm .settings-links a,
body.workspace-hrm .settings-links__btn,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-links a,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-links__btn {
  color: var(--mod-hrm-text) !important;
}

body.workspace-hrm .settings-card,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-card {
  background: var(--hrm-surface-muted) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
}

body.workspace-hrm .settings-card__title,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-card__title {
  color: var(--text) !important;
}

body.workspace-hrm .settings-access-role,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-access-role {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .settings-access-user__ph,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-access-user__ph {
  background: var(--mod-hrm-soft) !important;
  color: var(--mod-hrm-text) !important;
  border: 1px solid var(--mod-hrm-border);
}

body.workspace-hrm .settings-access-user__photo,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-access-user__photo {
  border-color: var(--border) !important;
}

body.workspace-hrm .access-summary,
body:has(#appScreen.workspace-admin:not([hidden])) .access-summary {
  color: var(--muted) !important;
}

body.workspace-hrm .access-mod-pill,
body:has(#appScreen.workspace-admin:not([hidden])) .access-mod-pill {
  background: var(--hrm-surface-muted) !important;
  border: 1px solid var(--border);
  color: var(--muted) !important;
}

body.workspace-hrm .access-mod-pill.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .access-mod-pill.is-on {
  background: rgba(22, 163, 74, 0.12) !important;
  border-color: #a7f3d0;
  color: #15803d !important;
}

body.workspace-hrm #panelSettings .table th,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table th {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
  border-bottom-color: var(--border) !important;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body.workspace-hrm #panelSettings .table td,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table td {
  color: var(--text) !important;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm #panelSettings .table tbody tr:nth-child(even) td,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.workspace-hrm #panelSettings .table tbody tr:hover td,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table tbody tr:hover td {
  background: var(--mod-hrm-soft) !important;
}

body.workspace-hrm #panelSettings .table .btn-sm,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table .btn-sm {
  background: var(--hrm-surface) !important;
  border-color: var(--mod-hrm-border) !important;
  color: var(--mod-hrm-text) !important;
  border-radius: 8px;
  font-weight: 600;
}

body.workspace-hrm #panelSettings .table .btn-sm:hover,
body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .table .btn-sm:hover {
  background: var(--mod-hrm-soft) !important;
  filter: none;
}

body.workspace-hrm .settings-db-status--ok,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-db-status--ok {
  color: #15803d !important;
}

body.workspace-hrm .settings-db-status--err,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-db-status--err {
  color: #dc2626 !important;
}

body.workspace-hrm .settings-db-status--pending,
body:has(#appScreen.workspace-admin:not([hidden])) .settings-db-status--pending {
  color: var(--muted) !important;
}

body.workspace-hrm .table--compact code,
body:has(#appScreen.workspace-admin:not([hidden])) .table--compact code {
  color: var(--mod-hrm-text) !important;
  background: var(--mod-hrm-soft);
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
}

body.workspace-hrm .tablet-hub__card,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-sm) !important;
}

body.workspace-hrm .tablet-hub__card-title,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__card-title {
  color: var(--text) !important;
}

body.workspace-hrm .tablet-hub__card-icon,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__card-icon {
  background: var(--mod-hrm-soft) !important;
  border-color: var(--mod-hrm-border) !important;
}

body.workspace-hrm .tablet-hub__toggle,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__toggle {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .tablet-hub__toggle:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__toggle:hover {
  border-color: var(--mod-hrm-border) !important;
  background: var(--mod-hrm-soft) !important;
}

body.workspace-hrm .tablet-devices-table thead th,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table thead th {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
  border-bottom-color: var(--border) !important;
}

body.workspace-hrm .tablet-devices-table td,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table td {
  border-bottom-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .tablet-devices-table__name strong,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table__name strong {
  color: var(--text) !important;
}

body.workspace-hrm .tablet-devices-table tbody tr:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table tbody tr:hover {
  background: var(--mod-hrm-soft) !important;
}

/* —— Планшеты (настройки) —— */
body.workspace-hrm .tablet-hub__input,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__input {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
  max-width: none;
}

body.workspace-hrm .tablet-hub__input:focus,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__input:focus {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important;
}

body.workspace-hrm .tablet-hub__field-label,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__field-label {
  color: var(--text) !important;
}

body.workspace-hrm .tablet-hub__toggle-text strong,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__toggle-text strong {
  color: var(--text) !important;
}

body.workspace-hrm .tablet-hub__links a,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__links a {
  color: var(--mod-hrm-text) !important;
}

body.workspace-hrm .tablet-hub__links-label,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__links-label {
  color: var(--muted) !important;
}

body.workspace-hrm .tablet-hub__table-wrap,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-hub__table-wrap {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-sm);
}

body.workspace-hrm .tablet-devices-table tbody tr:nth-child(even) td,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.workspace-hrm .tablet-devices-table .btn-chip,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-chip {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
  font-weight: 600;
}

body.workspace-hrm .tablet-devices-table .btn-chip:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-chip:hover {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border-strong) !important;
}

body.workspace-hrm .tablet-devices-table .btn-danger-soft,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-danger-soft {
  color: #b91c1c !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  background: rgba(239, 68, 68, 0.06) !important;
}

body.workspace-hrm .tablet-devices-table .btn-danger-soft:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-danger-soft:hover {
  background: rgba(239, 68, 68, 0.12) !important;
}

body.workspace-hrm .tablet-devices-table .btn-delete-device,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-delete-device {
  color: #dc2626 !important;
  border-color: rgba(220, 38, 38, 0.28) !important;
  background: var(--hrm-surface) !important;
}

body.workspace-hrm .tablet-devices-table .btn-delete-device:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-devices-table .btn-delete-device:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(220, 38, 38, 0.4) !important;
}

body.workspace-hrm .tablet-status--active,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-status--active {
  color: #15803d !important;
  background: rgba(22, 163, 74, 0.12) !important;
  border-color: rgba(22, 163, 74, 0.22) !important;
}

body.workspace-hrm .tablet-status--pending,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-status--pending {
  color: #b45309 !important;
  background: rgba(249, 115, 22, 0.12) !important;
  border-color: rgba(249, 115, 22, 0.22) !important;
}

body.workspace-hrm .tablet-status--off,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-status--off {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
}

body.workspace-hrm .tablet-status--muted,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-status--muted {
  color: var(--muted) !important;
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body.workspace-hrm .tablet-activation-modal,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-activation-modal {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .tablet-activation-code,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-activation-code {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body.workspace-hrm .tablet-delete-modal,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal {
  max-width: 420px;
  padding: 1.5rem 1.45rem 1.35rem !important;
  text-align: center;
}

body.workspace-hrm .tablet-delete-modal__icon,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal__icon {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 1rem;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.2);
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.08);
}

body.workspace-hrm .tablet-delete-modal__title,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal__title {
  margin: 0 0 0.35rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text) !important;
}

body.workspace-hrm .tablet-delete-modal__device,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal__device {
  margin: 0 0 0.65rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--mod-hrm-text);
}

body.workspace-hrm .tablet-delete-modal__hint,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal__hint {
  margin: 0 0 1.15rem;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--muted) !important;
}

body.workspace-hrm .tablet-delete-modal__actions,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal__actions {
  display: flex;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 0;
}

body.workspace-hrm .tablet-delete-modal .btn-danger,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal .btn-danger {
  min-width: 7.5rem;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.22);
}

body.workspace-hrm .tablet-delete-modal .btn-ghost,
body:has(#appScreen.workspace-admin:not([hidden])) .tablet-delete-modal .btn-ghost {
  min-width: 7.5rem;
  font-weight: 600;
}

body.workspace-hrm .subscription-hub__hero,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__hero {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body.workspace-hrm .subscription-hub__status--ok,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__status--ok,
#appScreen.workspace-admin--hrm-module .subscription-hub__status--ok {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

body.workspace-hrm .subscription-hub__status--warn,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__status--warn,
#appScreen.workspace-admin--hrm-module .subscription-hub__status--warn {
  background: rgba(239, 68, 68, 0.1);
  color: #b91c1c;
}

body.workspace-hrm .subscription-hub__status--trial,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__status--trial,
#appScreen.workspace-admin--hrm-module .subscription-hub__status--trial {
  background: rgba(249, 115, 22, 0.1);
  color: #c2410c;
}

body.workspace-hrm .subscription-hub__org,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__org {
  color: var(--text) !important;
}

body.workspace-hrm .subscription-hub__meta,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__meta {
  color: var(--muted) !important;
}

body.workspace-hrm .subscription-hub__hero--ok,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__hero--ok {
  border-color: rgba(22, 163, 74, 0.28) !important;
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.06), var(--hrm-surface)) !important;
}

body.workspace-hrm .subscription-hub__hero--warn,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__hero--warn {
  border-color: rgba(239, 68, 68, 0.25) !important;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.06), var(--hrm-surface)) !important;
}

body.workspace-hrm .subscription-hub__hero--trial,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__hero--trial {
  border-color: rgba(249, 115, 22, 0.28) !important;
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.06), var(--hrm-surface)) !important;
}

body.workspace-hrm .subscription-hub__hero-glow,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__hero-glow {
  opacity: 0.35;
  background: var(--mod-hrm-soft);
}

body.workspace-hrm .subscription-hub__plan-badge,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__plan-badge {
  color: #b45309 !important;
  background: rgba(251, 191, 36, 0.14) !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
}

body.workspace-hrm .subscription-hub__subtitle,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-hub__subtitle {
  color: var(--text) !important;
}

/* Карточки статистики подписки (4 блока) */
body.workspace-hrm .subscription-stat,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--hrm-shadow-sm) !important;
}

body.workspace-hrm .subscription-stat__label,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat__label {
  color: var(--muted) !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}

body.workspace-hrm .subscription-stat__value,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat__value {
  color: var(--text) !important;
}

body.workspace-hrm .subscription-stat__sub,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat__sub {
  color: var(--muted) !important;
}

body.workspace-hrm .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat__ico {
  background: var(--hrm-surface-muted) !important;
  border: 1px solid var(--border);
  color: var(--muted) !important;
}

body.workspace-hrm .subscription-stat--ok .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat--ok .subscription-stat__ico {
  background: rgba(22, 163, 74, 0.12) !important;
  border-color: rgba(22, 163, 74, 0.22);
  color: #15803d !important;
}

body.workspace-hrm .subscription-stat--warn .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat--warn .subscription-stat__ico {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.2);
  color: #b91c1c !important;
}

body.workspace-hrm .subscription-stat--blue .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat--blue .subscription-stat__ico {
  background: var(--mod-bms-soft) !important;
  border-color: var(--mod-bms-border);
  color: var(--mod-bms-text) !important;
}

body.workspace-hrm .subscription-stat--teal .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat--teal .subscription-stat__ico {
  background: rgba(13, 148, 136, 0.12) !important;
  border-color: rgba(13, 148, 136, 0.22);
  color: #0f766e !important;
}

body.workspace-hrm .subscription-stat--violet .subscription-stat__ico,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-stat--violet .subscription-stat__ico {
  background: var(--mod-hrm-soft) !important;
  border-color: var(--mod-hrm-border);
  color: var(--mod-hrm-text) !important;
}

body.workspace-hrm .subscription-summary__trial,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-summary__trial {
  color: #b45309 !important;
  background: rgba(251, 191, 36, 0.1) !important;
  border-color: rgba(251, 191, 36, 0.28) !important;
}

body.workspace-hrm .subscription-summary__alert--err,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-summary__alert--err {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
}

body.workspace-hrm .subscription-summary__alert--warn,
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-summary__alert--warn {
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.08) !important;
  border-color: rgba(249, 115, 22, 0.22) !important;
}

/* —— Главная (dashboard home) —— */
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .card,
body:has(#appScreen.workspace-admin:not([hidden])) #panelHome .card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-topbar__title {
  color: var(--text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-icon-btn,
body:has(#appScreen.workspace-admin:not([hidden])) .home-profile {
  border-color: var(--border) !important;
  background: var(--hrm-surface) !important;
  color: var(--text);
  box-shadow: var(--hrm-shadow-sm);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-quick-menu__panel,
body:has(#appScreen.workspace-admin:not([hidden])) .home-split-btn__menu,
body:has(#appScreen.workspace-admin:not([hidden])) .home-profile-menu__panel {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-lg) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-split-btn__menu button:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .home-profile-menu__item:hover,
body:has(#appScreen.workspace-admin:not([hidden])) .home-quick-menu__item:hover {
  background: var(--hrm-surface-muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__glow {
  opacity: 0.1;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__value {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__ico--blue { background: var(--mod-bms-soft); color: var(--mod-bms-text); box-shadow: inset 0 0 0 1px var(--mod-bms-border); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__ico--violet { background: var(--mod-hrm-soft); color: var(--mod-hrm-text); box-shadow: inset 0 0 0 1px var(--mod-hrm-border); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__ico--green { background: var(--mod-mes-soft); color: var(--mod-mes-text); box-shadow: inset 0 0 0 1px var(--mod-mes-border); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__ico--orange { background: rgba(249, 115, 22, 0.12); color: #c2410c; box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.22); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__ico--teal { background: rgba(13, 148, 136, 0.12); color: #0f766e; box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.22); }

body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__sub--up { background: rgba(22, 163, 74, 0.12); color: #15803d; box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.18); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__sub--down { background: rgba(239, 68, 68, 0.1); color: #b91c1c; box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.16); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__sub--warn { background: rgba(249, 115, 22, 0.12); color: #c2410c; box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.18); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-kpi__sub--neutral { background: var(--hrm-surface-muted); color: var(--muted); box-shadow: inset 0 0 0 1px var(--border); }

body:has(#appScreen.workspace-admin:not([hidden])) .home-widget {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-widget::before {
  background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.06), transparent);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-widget__ico--quick { background: var(--mod-bms-soft); color: var(--mod-bms-text); box-shadow: inset 0 0 0 1px var(--mod-bms-border); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-widget__ico--calendar { background: var(--mod-hrm-soft); color: var(--mod-hrm-text); box-shadow: inset 0 0 0 1px var(--mod-hrm-border); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-widget__ico--weather { background: rgba(249, 115, 22, 0.12); color: #c2410c; box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.22); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-widget__ico--subscription { background: var(--mod-hrm-soft); color: var(--mod-hrm-text); box-shadow: inset 0 0 0 1px var(--mod-hrm-border); }

body:has(#appScreen.workspace-admin:not([hidden])) .home-widget__empty {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
  color: var(--muted);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-quick-tile {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-quick-tile:hover {
  background: var(--hrm-surface) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-nav {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-nav__btn:hover {
  background: var(--hrm-surface);
  color: var(--text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-nav__date {
  background: var(--hrm-surface);
  border: 1px solid var(--border);
  color: var(--text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-event {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-event:hover {
  background: var(--hrm-surface) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-event--blue .home-calendar-event__time { color: var(--mod-bms-text); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-event--green .home-calendar-event__time { color: var(--mod-mes-text); }
body:has(#appScreen.workspace-admin:not([hidden])) .home-calendar-event--violet .home-calendar-event__time { color: var(--mod-hrm-text); }

body:has(#appScreen.workspace-admin:not([hidden])) .home-notif:hover {
  background: var(--hrm-surface-muted);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-notif-card__all {
  color: var(--mod-hrm-text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-sub-widget__inner {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-sub-widget__status--ok { background: rgba(22, 163, 74, 0.12); color: #15803d; }
body:has(#appScreen.workspace-admin:not([hidden])) .home-sub-widget__status--trial { background: rgba(249, 115, 22, 0.12); color: #c2410c; }
body:has(#appScreen.workspace-admin:not([hidden])) .home-sub-widget__status--warn { background: rgba(239, 68, 68, 0.1); color: #b91c1c; }

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--bms .home-module__badge,
body:has(#appScreen.workspace-admin:not([hidden])) .home-module--mes .home-module__badge,
body:has(#appScreen.workspace-admin:not([hidden])) .home-module--hrm .home-module__badge {
  font-weight: 700;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module {
  background: var(--hrm-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  box-shadow: var(--hrm-shadow-md) !important;
  overflow: hidden;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--bms { border-top: 3px solid var(--mod-bms) !important; }
body:has(#appScreen.workspace-admin:not([hidden])) .home-module--mes { border-top: 3px solid var(--mod-mes) !important; }
body:has(#appScreen.workspace-admin:not([hidden])) .home-module--hrm { border-top: 3px solid var(--mod-hrm) !important; }

body:has(#appScreen.workspace-admin:not([hidden])) .home-module__head h3 {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module__desc,
body:has(#appScreen.workspace-admin:not([hidden])) .home-module__stat-label {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module__stats strong {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--bms .home-module__badge {
  background: var(--mod-bms-soft) !important;
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--mes .home-module__badge {
  background: var(--mod-mes-soft) !important;
  color: var(--mod-mes-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--hrm .home-module__badge {
  background: var(--mod-hrm-soft) !important;
  color: var(--mod-hrm-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module__btn {
  background: var(--hrm-surface);
  border-color: var(--border);
  color: var(--text);
  text-decoration: none;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--bms .home-module__btn:hover {
  border-color: var(--mod-bms-border) !important;
  background: var(--mod-bms-soft) !important;
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--mes .home-module__btn:hover {
  border-color: var(--mod-mes-border) !important;
  background: var(--mod-mes-soft) !important;
  color: var(--mod-mes-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module--hrm .home-module__btn:hover {
  border-color: var(--mod-hrm-border) !important;
  background: var(--mod-hrm-soft) !important;
  color: var(--mod-hrm-text) !important;
}

/* Карточки модулей — dashboard (главная, модули, подписка) */
body:has(#appScreen.workspace-admin:not([hidden])) .modules-hub,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-hub.card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-hub__lead {
  color: var(--muted);
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-sm) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__glow {
  opacity: 0.1;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card.is-on {
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--blue.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--tone-blue.is-on {
  border-color: var(--mod-bms-border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--green.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--tone-green.is-on {
  border-color: var(--mod-mes-border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--violet.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--purple.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--emerald.is-on,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card--tone-violet.is-on {
  border-color: var(--mod-hrm-border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__head h3,
body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__desc {
  color: var(--text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__desc {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__price {
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__price-period {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__link {
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__badge--blue {
  background: var(--mod-bms-soft) !important;
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__badge--green {
  background: var(--mod-mes-soft) !important;
  color: var(--mod-mes-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-card__badge--violet {
  background: var(--mod-hrm-soft) !important;
  color: var(--mod-hrm-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-toggle {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .modules-toggle__track {
  background: #e2e8f0;
  border-color: var(--border);
}

body:has(#appScreen.workspace-admin:not([hidden])) .module-sidebar--live .module-sidebar__head {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .module-sidebar--bms.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-bms-soft) !important;
  border-color: var(--mod-bms-border) !important;
  color: var(--mod-bms-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .module-sidebar--mes.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-mes-soft) !important;
  border-color: var(--mod-mes-border) !important;
  color: var(--mod-mes-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .module-sidebar--hrm.module-sidebar--live.module-sidebar--expanded .module-sidebar__head {
  background: var(--mod-hrm-soft) !important;
  border-color: var(--mod-hrm-border) !important;
  color: var(--mod-hrm-text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .module-sidebar__state {
  background: var(--hrm-surface-muted) !important;
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .sidebar-modules__title {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) #panelHome .section-title,
body:has(#appScreen.workspace-admin:not([hidden])) .home-chart-card .section-title,
body:has(#appScreen.workspace-admin:not([hidden])) .home-notif-card .section-title {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .home-module-empty {
  color: var(--muted);
}

/* —— Настройки: подписка, API, редактор прав —— */
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing-card {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--hrm-shadow-md) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__chip {
  background: var(--hrm-surface-muted);
  border-color: var(--border);
  color: var(--muted);
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__module {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__module-price {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__module--blue .subscription-pricing__module-price { color: var(--mod-bms-text) !important; }
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__module--green .subscription-pricing__module-price { color: var(--mod-mes-text) !important; }
body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__module--violet .subscription-pricing__module-price { color: var(--mod-hrm-text) !important; }

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__field input {
  background: var(--hrm-surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__total-box {
  background: linear-gradient(135deg, var(--mod-bms-soft), var(--hrm-surface-muted)) !important;
  border-color: var(--mod-bms-border) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__total {
  color: var(--muted) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .subscription-pricing__total strong {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .api-integ__value,
body:has(#appScreen.workspace-admin:not([hidden])) .api-integ__pre {
  background: var(--hrm-surface-muted) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .access-editor__feature {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .access-editor__module-title {
  color: var(--text) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) #panelSettings .settings-hub.card {
  background: var(--hrm-surface) !important;
}

body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .header h1,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .header .muted {
  color: var(--text);
}

body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .header .muted {
  color: var(--muted) !important;
}

/* Единая шапка + сетка /hrm/ с platform-topnav */
body.workspace-hrm #appScreen.workspace-admin {
  display: grid;
  grid-template-columns: minmax(240px, 272px) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  padding-top: var(--platform-topnav-h, 56px);
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
}

body.workspace-hrm #appScreen.workspace-admin > .sidebar-admin {
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
}

body.workspace-hrm #appScreen.workspace-admin > .main-admin {
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
}

body.workspace-hrm .topnav-admin.platform-topnav,
body:has(#appScreen.workspace-admin:not([hidden])) .topnav-admin.platform-topnav {
  border-bottom-color: var(--border);
}

body.workspace-hrm .main-admin > .header,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin > .header:not(.home-topbar) {
  margin-bottom: 0.75rem;
}

/* —— Dashboard / HRM: сегментированные фильтры —— */
body.workspace-hrm .main-admin .filters,
#appScreen.workspace-admin--hrm-module .main-admin .filters,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .filters {
  gap: 0.65rem;
}

body.workspace-hrm .main-admin .filters .btn-chip,
#appScreen.workspace-admin--hrm-module .main-admin .filters .btn-chip,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .filters .btn-chip {
  border-radius: var(--hrm-radius-md);
  font-weight: 600;
  transition:
    background 0.14s ease,
    border-color 0.14s ease,
    color 0.14s ease,
    box-shadow 0.14s ease;
}

body.workspace-hrm .main-admin .filters .btn-chip--active,
#appScreen.workspace-admin--hrm-module .main-admin .filters .btn-chip--active,
body:has(#appScreen.workspace-admin:not([hidden])) .main-admin .filters .btn-chip--active {
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.18);
}