/* Workspace adapter. Shared values and components live in /design-system/. */
:root[data-theme="sapphire"] { --paper: var(--hr-surface-canvas); --ink: var(--hr-color-ink); --blue: var(--hr-color-sapphire); --lime: var(--hr-color-lime); --muted: var(--hr-color-muted); --line: var(--hr-border-subtle); --white: var(--hr-surface-paper); --red: var(--hr-color-danger); color-scheme: light; }
[data-theme="sapphire"] body { background: var(--hr-background-chrome); font-family: var(--hr-font-body); }
[data-theme="sapphire"] .app-shell { grid-template-columns: var(--hr-layout-sidebar) minmax(0,1fr); }
[data-theme="sapphire"] .workspace-body { background: var(--hr-surface-canvas); }
/* Меню — тяжёлый материал структуры (§12): тёмное сапфировое стекло и на компьютере (плавающая панель
   над лентой, ниже), и в шторке телефона (над страницей). Материал подставляет app.css через
   --sidebar-material; без размытия, при «уменьшить прозрачность» и в узком окне 761–800 — сплошная лента. */
[data-theme="sapphire"] .sidebar { padding: var(--hr-space-6) var(--hr-space-3); color: var(--hr-color-inverse); background: var(--sidebar-material, var(--hr-background-chrome)); border-inline-end: 1px solid var(--hr-border-glass); box-shadow: var(--sidebar-shadow, inset calc(-1px * var(--hr-dir, 1)) 0 0 rgb(105 206 255 / 12%)); --drawer-fill: var(--hr-material-drawer); --drawer-blur: var(--hr-material-drawer-blur); --drawer-shadow: var(--hr-shadow-drawer); scrollbar-width: thin; scrollbar-color: #5983a5 transparent; }
/* Компьютер (владелец 09.10, «стеклянное боковое меню»): лента лежит слоем под колонкой меню и стоит на
   месте, как обои под боковой панелью macOS, а меню — панель сапфирового стекла с отступом 8px: по краям
   лента видна чёткой, сквозь панель — размытой. Колонка той же ширины, страница не сдвигается; внутренний
   отступ меньше на те же 8px, и скругление панели (20) = скругление строки меню (12) + отступ (8). Черта у
   края слоя — прежняя граница колонки: она же прячет стык ленты слоя и ленты шапки (у них разный масштаб). */
@media (min-width: 801px) {
  [data-theme="sapphire"] body:not(.guest) .app-shell::before { content: ""; position: fixed; inset-block: 0; inset-inline-start: 0; width: var(--hr-layout-sidebar); background: var(--hr-background-chrome); border-inline-end: 1px solid var(--hr-border-glass); pointer-events: none; }
  [data-theme="sapphire"] .sidebar { padding-inline: var(--hr-space-2); border: 1px solid var(--hr-border-chrome); box-shadow: var(--hr-shadow-sidebar); }
}
[data-theme="sapphire"] .app-brand { width: auto; padding-inline: var(--hr-space-3); min-height: 50px; }
[data-theme="sapphire"] .brand-logo-ocean { display: block; }
[data-theme="sapphire"] .brand-logo-classic { display: none; }
[data-theme="sapphire"] .sidebar-caption { color: var(--hr-color-inverse-muted); font-size: 10px; letter-spacing: .12em; margin-block: 30px 12px; }
[data-theme="sapphire"] .sidebar :is(.nav-item,.nav-subitem,.nav-group>summary,.nav-more>summary,.sidebar-legal a,.sidebar-domain) { color: var(--hr-color-inverse-muted); }
[data-theme="sapphire"] .sidebar :is(.nav-item,.nav-group>summary) { min-height: var(--hr-control-height); padding: 11px 12px; font-size: 14px; border: 1px solid transparent; border-radius: var(--hr-radius-control); }
@media (hover: hover) { [data-theme="sapphire"] .sidebar .nav-item:hover, [data-theme="sapphire"] .sidebar .nav-subitem:hover:not(:disabled) { background: rgb(135 208 255 / 12%); color: var(--hr-color-inverse); } }
[data-theme="sapphire"] .sidebar .nav-item.active { background: var(--hr-background-active); color: var(--hr-color-inverse); border-color: var(--hr-border-glass); box-shadow: var(--hr-shadow-active); }
[data-theme="sapphire"] .sidebar .nav-subitem { min-height: 40px; font-size: 12px; }
[data-theme="sapphire"] .sidebar .nav-subitem.active { color: var(--hr-color-inverse); background: rgb(0 125 240 / 35%); }
[data-theme="sapphire"] .sidebar :is(.source-mark,.nav-count) { background: rgb(174 222 255 / 15%); color: var(--hr-color-inverse); }
[data-theme="sapphire"] .sidebar :is(.nav-subitem small,.extension-nav small) { color: var(--hr-color-inverse-muted); }
[data-theme="sapphire"] .app-install-nav { background: var(--hr-background-glass); border: 1px solid var(--hr-border-glass); padding: 12px !important; }
[data-theme="sapphire"] .contour-identity { margin-inline: 4px; background: rgb(0 0 0 / 10%); border-color: var(--hr-border-glass); }
[data-theme="sapphire"] .contour-dot { background: var(--hr-color-lime); box-shadow: 0 0 0 4px rgb(210 255 56 / 12%); }
[data-theme="sapphire"] .sidebar :focus-visible { outline-color: var(--hr-color-focus-inverse); }
/* Шапка — тонированное тёмное стекло (09.10): в покое сверху лежит лента (как прежде), когда под шапкой
   проезжает контент, лента почти гаснет и сквозь синее стекло виден размытый список (каркас — app.css). */
[data-theme="sapphire"] .topbar { min-height: var(--hr-layout-topbar); height: auto; padding: 12px var(--hr-layout-gutter); gap: var(--hr-space-4); color: var(--hr-color-inverse); z-index: var(--hr-layer-header); --chrome-fill: var(--hr-material-chrome); --chrome-solid: var(--hr-glass-opaque); --chrome-blur: var(--hr-material-chrome-blur); --chrome-art: var(--hr-background-chrome); --chrome-art-scrolled: .1; --chrome-edge: var(--hr-border-chrome); --chrome-shadow: var(--hr-shadow-chrome); }
[data-theme="sapphire"] .topbar .breadcrumb { display: none; }
.workspace-search { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; background: var(--white); color: var(--ink); font: inherit; white-space: nowrap; }
.workspace-search svg, .workspace-mail svg, .workspace-nav-toggle svg, .workspace-nav-close svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.workspace-search kbd { font: 11px var(--hr-font-mono); margin-inline-start: auto; opacity: .7; }
[data-theme="sapphire"] .workspace-search { background: var(--hr-background-glass); color: var(--hr-color-inverse); border-color: var(--hr-border-glass); box-shadow: var(--hr-shadow-glass); font-size: 12px; min-width: 170px; }
[data-theme="sapphire"] .topbar-actions { gap: 10px; flex: 1; justify-content: flex-end; min-width: 0; }
[data-theme="sapphire"] .topbar :is(.text-button,.icon-button,.account-button) { color: var(--hr-color-inverse); min-height: 44px; }
[data-theme="sapphire"] .topbar #account-initial { background: var(--hr-color-lime); color: var(--hr-color-on-lime); width: 36px; height: 36px; }
[data-theme="sapphire"] .topbar #account-name { display: none; }
[data-theme="sapphire"] .topbar #theme-toggle { background: var(--hr-background-glass); color: var(--hr-color-inverse); border: 1px solid var(--hr-border-glass); border-radius: var(--hr-radius-pill); padding-inline: 12px; }
[data-theme="sapphire"] .topbar .language-picker { color: var(--hr-color-inverse); background: var(--hr-glass-opaque); border-color: var(--hr-border-glass); }
[data-theme="sapphire"] .topbar .language-picker option { color: var(--hr-color-ink); background: var(--hr-surface-paper); }
[data-theme="sapphire"] .topbar :focus-visible { outline-color: var(--hr-color-focus-inverse); }
[data-theme="sapphire"] .contour-switcher { border-color: var(--hr-border-glass); background: rgb(6 35 64 / 44%); }
[data-theme="sapphire"] .contour-switcher a { color: var(--hr-color-inverse-muted); }
[data-theme="sapphire"] .contour-switcher a.active { background: var(--hr-background-active); color: var(--hr-color-inverse); box-shadow: var(--hr-shadow-glass); }
@media (hover: hover) { [data-theme="sapphire"] .contour-switcher a:hover { background: rgb(255 255 255 / 12%); } }
[data-theme="sapphire"] .connection-status { display: none; }
[data-theme="sapphire"] main { padding: var(--hr-space-8) var(--hr-layout-gutter); width: 100%; max-width: var(--hr-layout-content-max); }
[data-theme="sapphire"] h1 { font-size: var(--hr-font-size-title); font-weight: var(--hr-font-weight-heading); line-height: var(--hr-font-leading-heading); letter-spacing: var(--hr-font-tracking-heading); }
[data-theme="sapphire"] h2 { font-weight: var(--hr-font-weight-heading); }
[data-theme="sapphire"] .page-heading { margin-block: 24px; }
[data-theme="sapphire"] .page-heading .eyebrow { color: var(--hr-color-sapphire-hover); font-size: .6875rem; letter-spacing: .12em; }
[data-theme="sapphire"] .app-welcome { color: var(--hr-color-muted); }
[data-theme="sapphire"] .button { min-height: var(--hr-control-height); border-radius: var(--hr-radius-control); padding: 12px 18px; font-size: 13px; background: var(--hr-color-lime); color: var(--hr-color-on-lime); border-color: transparent; box-shadow: var(--hr-shadow-primary); }
@media (hover: hover) { [data-theme="sapphire"] .button:hover { background: var(--hr-color-lime-hover); } }
[data-theme="sapphire"] .button.secondary { color: var(--hr-color-sapphire-hover); background: var(--hr-surface-selected); border-color: var(--hr-border-control); box-shadow: none; }
@media (hover: hover) { [data-theme="sapphire"] .button.secondary:hover { background: var(--hr-surface-subtle); } }
[data-theme="sapphire"] .button.danger { color: var(--hr-color-danger); background: var(--hr-surface-danger); border-color: var(--hr-color-danger); box-shadow: none; }
[data-theme="sapphire"] :is(.panel,.list-panel,.overview,.crm-overview,.vacancy-card,.vacancy-selection) { background: var(--hr-surface-raised); border: 1px solid var(--hr-border-subtle); border-radius: var(--hr-radius-card); box-shadow: var(--hr-shadow-surface); }
[data-theme="sapphire"] :is(.overview,.crm-overview) strong { font-weight: var(--hr-font-weight-heading); }
[data-theme="sapphire"] .person-avatar { background: var(--hr-surface-selected); color: var(--hr-color-sapphire-hover); }
[data-theme="sapphire"] .candidate-table tbody tr:hover { background: var(--hr-surface-subtle); }
[data-theme="sapphire"] :is(.segment,.qualification-tabs) { background: var(--hr-surface-subtle); }
[data-theme="sapphire"] .segment button.selected, [data-theme="sapphire"] .qualification-tabs button.selected { color: var(--hr-color-sapphire-hover); background: var(--hr-surface-paper); }
[data-theme="sapphire"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { accent-color: var(--hr-color-sapphire); }
[data-theme="sapphire"] .stack-form :is(input,select,textarea) { min-height: 44px; border-radius: var(--hr-radius-control); border-color: var(--hr-border-control); }
[data-theme="sapphire"] .account-panel { z-index: var(--hr-layer-popover); top: calc(var(--hr-layout-topbar) + 8px); border-radius: var(--hr-radius-card); box-shadow: var(--hr-shadow-floating); }
[data-theme="sapphire"] dialog { color: var(--hr-color-ink); background: var(--hr-surface-paper); border-radius: var(--hr-radius-dialog); border: 1px solid var(--hr-border-subtle); box-shadow: var(--hr-shadow-floating); }
/* Затемнение модальных задач — материал темы (токены); запасные значения нужны браузерам, где ::backdrop не наследует переменные. */
[data-theme="sapphire"] dialog::backdrop { background: var(--hr-material-scrim, rgb(1 17 40 / 55%)); -webkit-backdrop-filter: var(--hr-material-scrim-blur, blur(6px)); backdrop-filter: var(--hr-material-scrim-blur, blur(6px)); }
[data-theme="sapphire"] .toast { z-index: var(--hr-layer-toast); }
[data-theme="sapphire"] .workspace-footer { color: var(--hr-color-muted); background: var(--hr-surface-canvas); padding-inline: var(--hr-layout-gutter); }
.workspace-mail { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); color: var(--ink); text-decoration: none; white-space: nowrap; font-size: 14px; font-weight: 500; flex-shrink: 0; }
.workspace-mail-count { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding-inline: 6px; border-radius: 50px; background: var(--lime); color: var(--ink); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
[data-theme="sapphire"] .workspace-mail { background: var(--hr-background-active); color: var(--hr-color-inverse); border-color: var(--hr-border-glass); box-shadow: var(--hr-shadow-glass); }
[data-theme="sapphire"] .workspace-mail:hover { box-shadow: var(--hr-shadow-active); }
[data-theme="sapphire"] .workspace-mail-count { color: var(--hr-color-on-lime); background: var(--hr-color-lime); }
.workspace-nav-toggle,.workspace-nav-close { display: none; }
.sapphire-contour-nav { display: grid; gap: 5px; margin-top: 24px; border-top: 1px solid rgb(148 181 211 / 25%); padding-top: 14px; }
.sapphire-contour-nav a { min-height: 40px; display: flex; gap: 10px; align-items: center; padding: 8px 12px; color: inherit; text-decoration: none; font-size: 12px; }
.sapphire-contour-nav a span { font-family: var(--hr-font-mono); font-size: 10px; opacity: .7; }
.theme-choices { grid-template-columns: repeat(3,minmax(0,1fr)); }
.theme-preview.sapphire { background: #f6f8fc; }
.theme-preview.sapphire i { background: var(--hr-background-chrome); }
.theme-preview.sapphire b { background: var(--hr-color-lime); }
.theme-preview.sapphire em { background: var(--hr-background-hero); }

/* Overview content uses shared components, independently of the legacy palettes. */
.sapphire-home-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 26px; }
.sapphire-home-heading p:last-child { margin: 12px 0 0; font-size: var(--hr-font-size-lead); }
.sapphire-date { color: var(--hr-color-sapphire-hover); font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
.sapphire-home-actions { display: flex; gap: 10px; flex-shrink: 0; }
.sapphire-home-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(275px,.85fr); gap: 20px; }
.sapphire-home-grid>section { min-width: 0; }
.sapphire-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(150px,.8fr); gap: 10px; overflow: hidden; padding: 32px; min-height: 324px; border-radius: var(--hr-radius-card); background: var(--hr-background-hero); border: 1px solid var(--hr-border-glass); color: var(--hr-color-inverse); box-shadow: var(--hr-shadow-glass); }
.sapphire-hero-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.sapphire-eyebrow { color: #a6dbff; font-size: 9px; font-weight: 500; letter-spacing: .22em; }
.sapphire-hero h2 { font-size: var(--hr-font-size-hero); font-weight: 700; line-height: 1.06; letter-spacing: var(--hr-font-tracking-display); color: var(--hr-color-inverse); margin: 10px 0 32px; overflow-wrap: anywhere; }
.sapphire-hero-bottom { margin-top: auto; display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.sapphire-hero-number { display: flex; align-items: center; gap: 12px; }
.sapphire-hero-number strong { font-size: 54px; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.sapphire-hero-number span { font-size: 12px; max-width: 85px; }
.sapphire-hero .hr-button:focus-visible { outline-color: var(--hr-color-focus-inverse); }
.sapphire-people { align-self: center; display: grid; gap: 14px; transform: rotate(5deg); padding-inline-start: 10px; }
.sapphire-person { display: grid; align-content: start; gap: 8px; width: 100%; min-width: 0; text-align: start; padding: 18px; border: 1px solid var(--hr-border-glass); border-radius: 16px; color: var(--hr-color-ink); background: rgb(245 250 255 / 93%); box-shadow: var(--hr-shadow-glass); cursor: pointer; }
.sapphire-person:nth-child(2) { transform: translateX(-12px) rotate(-9deg); }
.sapphire-person-avatar { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: linear-gradient(145deg,#69baff,#0061d0); color: white; font-size: 21px; font-weight: 500; }
.sapphire-person:nth-child(2) .sapphire-person-avatar { background: linear-gradient(135deg,#d2ff38,#718f14); color: #183000; }
.sapphire-person strong { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sapphire-person small { font-size: 11px; color: var(--hr-color-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sapphire-section-title { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--hr-border-subtle); }
.sapphire-section-title h2 { font-size: var(--hr-font-size-section); margin: 0; font-weight: 700; letter-spacing: -.035em; }
.sapphire-inbox,.sapphire-worklist,.sapphire-contours { padding: 24px; }
.sapphire-inbox { display: flex; flex-direction: column; gap: 18px; }
.sapphire-inbox .sapphire-section-title { flex-shrink: 0; }
.sapphire-mail-glyph { display: grid; place-items: center; width: 72px; height: 64px; border-radius: 20px; background: var(--hr-surface-selected); color: var(--hr-color-sapphire); margin-top: 4px; }
.sapphire-mail-glyph svg { width: 42px; stroke: currentColor; stroke-width: 2; }
.sapphire-inbox p { color: var(--hr-color-muted); font-size: 14px; margin: 0; }
.sapphire-inbox>a { margin-top: auto; }
.sapphire-action-row { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--hr-border-subtle); }
.sapphire-action-row:last-child { border-bottom: none; padding-bottom: 0; }
.sapphire-action-row strong { font-size: 14px; font-weight: 500; }
.sapphire-action-row .hr-button { min-height: 40px; font-size: 12px; padding: 10px 14px; }
.sapphire-empty { padding-block: 24px; margin: 0; }
.sapphire-contours>a { display: flex; align-items: center; gap: 12px; min-height: 58px; border-bottom: 1px solid var(--hr-border-subtle); text-decoration: none; color: var(--hr-color-ink); font-size: 14px; }
.sapphire-contours>a:last-child { border-bottom: 0; }
.sapphire-contours>a>:last-child { margin-inline-start: auto; color: var(--hr-color-sapphire); }
.sapphire-contour-mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--hr-surface-selected); color: var(--hr-color-sapphire-hover); font: 10px var(--hr-font-mono); }
.sapphire-home-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding: 24px 8px 0; color: var(--hr-color-muted); font-size: 12px; }
.sapphire-home-footer strong { color: var(--hr-color-ink); font-size: 17px; margin-inline-end: 4px; }
.sapphire-home-footer small { margin-inline-start: auto; }
@media (max-width: 1400px) { .sapphire-home-heading { align-items: flex-start; flex-direction: column; } .sapphire-hero { padding: 24px; } }
@media (max-width: 1180px) {
  .workspace-search { min-width: 44px !important; width: 44px; padding: 10px; }
  .workspace-search span,.workspace-search kbd { display: none; }
  .topbar-actions { gap: 8px !important; }
  .sapphire-home-grid { grid-template-columns: minmax(0,1fr); }
  .sapphire-hero { min-height: 300px; }
  .sapphire-inbox { display: grid; grid-template-columns: 1fr auto; }
  .sapphire-inbox .sapphire-section-title { grid-column: 1/-1; }
  .sapphire-mail-glyph { display: none; }
  .sapphire-inbox p { align-self: center; }
}
@media (max-width: 760px) {
  .app-shell,[data-theme="sapphire"] .app-shell { display: block; }
  .workspace-nav-toggle,.workspace-nav-close { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: transparent; color: inherit; }
  .workspace-nav-close { position: absolute; inset-block-start: 18px; inset-inline-end: 12px; }
  .sidebar,[data-theme="sapphire"] .sidebar { position: fixed; inset-block: 0; inset-inline-start: 0; width: min(310px,calc(100vw - 40px)); height: 100dvh; padding: 24px 16px max(24px,env(safe-area-inset-bottom)); z-index: var(--hr-layer-navigation); transform: translateX(-105%); visibility: hidden; transition: transform var(--hr-motion-enter) var(--hr-motion-ease), visibility var(--hr-motion-enter); touch-action: pan-y; }
  [dir="rtl"] .sidebar { transform: translateX(105%); }
  .workspace-nav-open .sidebar { transform: none; visibility: visible; }
  .workspace-nav-open { overflow: hidden; }
  .sidebar .app-brand { max-width: 170px; }
  .sidebar .sidebar-caption,.sidebar .sidebar-bottom { display: grid; }
  .sidebar .workspace-nav { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 20px; gap: 5px; }
  .sidebar .workspace-nav .nav-item { font-size: 14px; padding: 12px; min-height: 46px; white-space: normal; }
  .sidebar .nav-count { display: inline-flex; }
  /* Затемнение приходит и уходит вместе со шторкой, одной длительностью и кривой (§12 «dim to focus»).
     shell.js держит его [hidden] только вне телефона; на телефоне оно невидимо, пока шторка закрыта.
     Оно легче, чем у окон (токен scrim-drawer): шторка — стекло, и под двумя плотными слоями страница
     сквозь неё уже не видна (09.10: .55 + .86 давали разницу ~15 уровней из 255, при .3 + .8 — ~34). */
  .workspace-nav-scrim { position: fixed; inset: 0; width: 100%; height: 100%; border: none; background: var(--hr-material-scrim-drawer, var(--hr-material-scrim, rgb(2 16 36 / 60%))); -webkit-backdrop-filter: var(--hr-material-scrim-blur, none); backdrop-filter: var(--hr-material-scrim-blur, none); z-index: var(--hr-layer-scrim); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--hr-motion-enter) var(--hr-motion-ease), visibility var(--hr-motion-enter); }
  .workspace-nav-open .workspace-nav-scrim { opacity: 1; visibility: visible; pointer-events: auto; }
  .topbar,[data-theme="sapphire"] .topbar { padding: max(10px,env(safe-area-inset-top)) 12px 10px; gap: 8px; min-height: 68px; height: auto; top: 0; }
  [data-theme="sapphire"] .topbar .workspace-nav-toggle { border-color: var(--hr-border-glass); }
  .topbar .breadcrumb,.topbar .contour-switcher,.topbar #install-app,.topbar #app-settings-top,.topbar #onboarding-open { display: none !important; }
  .topbar-actions { width: auto; min-width: 0; flex: 1; gap: 6px !important; justify-content: flex-end; }
  .topbar #account-name { display: none; }
  .topbar .account-button { padding: 0; gap: 3px; min-height: 44px; }
  .topbar #theme-toggle { font-size: 11px; }
  .workspace-mail { padding: 8px 10px; gap: 6px; min-height: 44px; }
  .workspace-mail [data-mail-label] { display: none; }
  .workspace-mail-count { min-width: 23px; height: 23px; padding-inline: 4px; font-size: 11px; }
  [data-theme="sapphire"] main { padding: 24px 16px max(24px,env(safe-area-inset-bottom)); }
  [data-theme="sapphire"] .account-panel { top: calc(74px + env(safe-area-inset-top)); inset-inline-end: 12px; max-width: calc(100vw - 24px); }
  .sapphire-home-heading { gap: 20px; margin-bottom: 20px; }
  .sapphire-home-heading p:last-child { font-size: 14px; }
  .sapphire-home-actions { width: 100%; }
  .sapphire-home-actions .hr-button { flex: 1; padding-inline: 12px; font-size: 13px; }
  .sapphire-hero { grid-template-columns: 1fr; min-height: 295px; padding: 26px 22px; }
  .sapphire-people { display: none; }
  .sapphire-hero h2 { font-size: clamp(35px,9vw,48px); max-width: 380px; margin-bottom: 30px; }
  .sapphire-hero-bottom { gap: 20px; }
  .sapphire-home-grid { gap: 16px; }
  .sapphire-inbox,.sapphire-worklist,.sapphire-contours { padding: 20px; }
  .sapphire-inbox { grid-template-columns: 1fr; }
  .sapphire-action-row { grid-template-columns: 28px minmax(0,1fr); gap: 12px; }
  .sapphire-action-row .hr-button { grid-column: 2; justify-self: start; min-height: 44px; }
  .sapphire-home-footer { gap: 14px; font-size: 11px; }
  .sapphire-home-footer small { margin-inline-start: 0; flex-basis: 100%; }
  .theme-choices { grid-template-columns: 1fr; }
  .theme-choices>button { display: grid; grid-template-columns: 100px 1fr; gap: 0 16px; align-items: center; }
  .theme-preview { grid-row: span 2; height: 72px; }
  .theme-choices small,.theme-choices strong { margin: 0; }
}
@media (max-width: 760px) {
  .topbar .workspace-search { display: none; }
  .topbar .topbar-actions { overflow: visible; padding: 0; width: auto; flex: 1; min-width: 0; justify-content: flex-end; }
  .topbar .workspace-mail { flex: none; }
  .topbar .language-picker { max-width: 80px; min-width: 0; }
}
@media (max-width: 380px) { .topbar .language-picker { max-width: 68px; } }
/* Меньше движения (владелец 08.10): шторка не едет, а проявляется вместе с затемнением, ≤200 мс.
   Палец по-прежнему ведёт её 1:1 — это прямое управление, а не анимация (shell.js). */
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .sidebar,[data-theme="sapphire"] .sidebar,[dir="rtl"] .sidebar { transform: none; opacity: 0; transition: opacity var(--hr-motion-enter) ease, visibility var(--hr-motion-enter); }
  .workspace-nav-open .sidebar { opacity: 1; }
}
@media (prefers-reduced-transparency: reduce) { .sapphire-person { background: var(--hr-surface-paper); } }
/* Повышенный контраст (§14): светлый текст хрома в полную силу и сплошной фон вместо картинки-ленты;
   линии, приглушённый текст и рамки окон усиливают токены и workspace-motion.css. */
@media (prefers-contrast: more) { [data-theme="sapphire"] { --hr-color-inverse-muted: var(--hr-color-inverse); } [data-theme="sapphire"] :is(.sidebar,.topbar) { background: var(--hr-glass-opaque); } }
@media (forced-colors: active) { .sapphire-hero,[data-theme="sapphire"] .sidebar,[data-theme="sapphire"] .topbar { background: Canvas; color: CanvasText; border: 1px solid CanvasText; } .sapphire-hero h2 { color: CanvasText; } .workspace-mail-count { outline: 1px solid CanvasText; } [data-theme="sapphire"] body:not(.guest) .app-shell::before { content: none; } }
/* Экран входа (27.09.2026) */
[data-theme="sapphire"] .login-brand{background:var(--hr-background-hero);border-inline-end:1px solid var(--hr-border-glass)}
[data-theme="sapphire"] .login-side{background:var(--hr-surface-canvas)}
[data-theme="sapphire"] .login-card{border-color:var(--hr-border-glass);box-shadow:var(--hr-shadow-glass)}
[data-theme="sapphire"] .login-brand .brand-logo-ocean{display:block}[data-theme="sapphire"] .login-brand .brand-logo-classic{display:none}
[data-theme="sapphire"] .login-provider{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}
@media(hover:hover){[data-theme="sapphire"] .login-provider:hover{background:var(--paper);color:var(--ink)}}
/* HR-помощник (28.09.2026) */
[data-theme="sapphire"] .pomoshchnik-fab{background:var(--hr-color-lime);color:var(--hr-color-on-lime);border-color:transparent;box-shadow:var(--hr-shadow-primary)}
[data-theme="sapphire"] .pomoshchnik{border-color:var(--hr-border-subtle);border-radius:var(--hr-radius-dialog)}
[data-theme="sapphire"] .pomoshchnik-msg.is-user{background:var(--hr-color-sapphire);border-color:transparent;color:#fff}
/* Справочник (28.09.2026) */
[data-theme="sapphire"] .spravochnik-card,[data-theme="sapphire"] .spravochnik-section,[data-theme="sapphire"] .spravochnik-refs{background:var(--hr-surface-paper);border-color:var(--hr-border-subtle);border-radius:var(--hr-radius-control)}
[data-theme="sapphire"] .spravochnik-html th{background:var(--hr-surface-subtle)}
/* Калькуляторы (28.09.2026) */
[data-theme="sapphire"] .kalk-card{background:var(--hr-surface-paper);border-color:var(--hr-border-subtle);border-radius:var(--hr-radius-control)}