dsh-desktop-kit 0.0.0-stage → 2.0.0

package/skills/wow-design/assets/kit/assets/css/pages.css

@@ -0,0 +1,737 @@
+/* ==========================================================================
+   AURORA · PAGES · v1.0 · 2026-11-04
+   Стили эталонных страниц: showcase, hospital, dashboard, auth.
+   Только токены. Каждая часть изолирована префиксами классов.
+   ========================================================================== */
+
+/* ==========================================================================
+   ОБЩИЙ КАРКАС ДЕМО-СТРАНИЦ
+   ========================================================================== */
+html{scroll-padding-top:calc(var(--header-h) + 24px)}
+body.page-shell{overflow-x:clip}
+
+/* Переключатель темы: в светлой теме показываем «луну», в тёмной — «солнце» */
+.theme-toggle .icon-sun{display:none}
+.theme-toggle .icon-moon{display:block}
+[data-theme="dark"] .theme-toggle .icon-sun{display:block}
+[data-theme="dark"] .theme-toggle .icon-moon{display:none}
+
+/* Шапка-сайт */
+.site-header{
+  position:sticky;top:0;z-index:var(--z-header);
+  background:var(--bg);
+  border-bottom:1px solid transparent;
+  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
+}
+.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-xs)}
+.site-header__inner{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);min-height:var(--header-h)}
+.site-header__brand{display:inline-flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--ink);flex:none}
+.site-header__mark{
+  display:grid;place-items:center;width:38px;height:38px;flex:none;
+  border:1px solid var(--line-strong);border-radius:var(--radius-sm);
+  font-family:var(--font-display);font-size:var(--text-md);font-weight:600;
+  letter-spacing:-.03em;line-height:1;
+}
+.site-header__word{display:flex;flex-direction:column;gap:1px;line-height:1.15}
+.site-header__word b{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em}
+.site-header__word span{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
+.site-header__nav{display:flex;align-items:center;gap:var(--sp-1);margin-left:var(--sp-6)}
+.site-header__link{
+  padding:8px var(--sp-3);border-radius:var(--radius-sm);
+  color:var(--muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;
+  transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease);
+}
+.site-header__link:hover{color:var(--ink);background:var(--bg-alt)}
+.site-header__link[aria-current]{color:var(--ink);font-weight:600}
+.site-header__actions{display:flex;align-items:center;gap:var(--sp-2)}
+.site-header__cta{display:inline-flex}
+.preset-switch{margin-left:auto}
+
+/* Футер демо-страниц */
+.demo-footer{border-top:1px solid var(--line);padding-block:var(--sp-8);background:var(--bg-alt)}
+.demo-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}
+.demo-footer__brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--ink-2)}
+.demo-footer__brand b{font-family:var(--font-display);font-weight:500}
+.demo-footer__meta{font-size:var(--text-xs);color:var(--muted);display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}
+.demo-footer a{color:var(--muted);text-decoration:none}
+.demo-footer a:hover{color:var(--accent)}
+
+/* Метка-заголовок секции витрины */
+.spec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6)}
+.spec-head h2{font-size:var(--display-s)}
+.spec-head p{font-size:var(--text-sm);color:var(--muted);max-width:52ch}
+.spec-head .spec-num{
+  font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-ink);
+  letter-spacing:.06em;border:1px solid color-mix(in oklab,var(--accent) 28%,var(--line));
+  padding:3px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);
+}
+
+/* ==========================================================================
+   SHOWCASE — витрина дизайн-системы
+   ========================================================================== */
+.show-header__nav{overflow-x:auto;scrollbar-width:none}
+.show-header__nav::-webkit-scrollbar{display:none}
+
+/* Управление пресетом: горизонтальная лента кнопок */
+.preset-switch{display:inline-flex;gap:2px;padding:3px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-control);max-width:100%;overflow-x:auto;scrollbar-width:none}
+.preset-switch::-webkit-scrollbar{display:none}
+.preset-switch__btn{
+  min-height:32px;padding:0 11px;border-radius:max(2px,calc(var(--radius-control) - 3px));
+  color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;
+  white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
+}
+.preset-switch__btn:hover{color:var(--ink)}
+.preset-switch__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.preset-switch__btn[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}
+
+/* --- Hero витрины --- */
+.show-hero{
+  position:relative;
+  padding-block:clamp(48px,6vw,88px) clamp(56px,7vw,104px);
+}
+.show-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
+.show-hero__title{font-size:clamp(4rem,9.5vw,7.5rem);line-height:.9;letter-spacing:-.045em;margin-top:var(--sp-5)}
+.show-hero__title em{font-style:italic;font-weight:400;color:var(--accent)}
+.show-hero__lead{margin-top:var(--sp-6);max-width:46ch;font-size:clamp(1.0625rem,1.35vw,1.25rem)}
+.show-hero__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-7)}
+.show-hero__meta .badge{height:28px;padding:0 11px;font-size:var(--text-xs);font-weight:500}
+
+/* Типографский образец — «документ» на витрине */
+.specimen{
+  position:relative;
+  display:flex;flex-direction:column;gap:0;
+  padding:clamp(20px,2.4vw,32px);
+  background:var(--surface);border:1px solid var(--line-strong);
+  border-radius:var(--radius-card);box-shadow:var(--shadow-sm);
+}
+.specimen::before,.specimen::after{content:"";position:absolute;width:16px;height:16px;border-color:var(--line-strong);border-style:solid;pointer-events:none}
+.specimen::before{top:-5px;left:-5px;border-width:1px 0 0 1px}
+.specimen::after{bottom:-5px;right:-5px;border-width:0 1px 1px 0}
+.specimen__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}
+.specimen__eyebrow{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
+.specimen__code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}
+.specimen__type{
+  display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);
+  padding-block:var(--sp-5) var(--sp-4);
+}
+.specimen__glyph{
+  font-family:var(--font-display);font-weight:var(--display-weight);
+  font-size:clamp(5rem,9vw,8.25rem);line-height:.78;letter-spacing:-.055em;
+  color:var(--ink);
+}
+.specimen__glyph-cyr{
+  font-size:.38em;letter-spacing:-.03em;color:var(--accent-ink);
+  margin-left:.12em;vertical-align:.06em;
+}
+.specimen__glyph .alt{color:var(--accent)}
+.specimen__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;flex:none;padding-bottom:6px}
+.specimen__side b{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
+.specimen__side span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);line-height:1.6}
+.specimen__rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
+.specimen__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--text-xs)}
+.specimen__row:last-of-type{border-bottom:0}
+.specimen__row dt{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.02em}
+.specimen__row dd{margin:0;color:var(--ink-2);font-weight:500;text-align:right}
+.specimen__chips{display:flex;gap:6px;margin-top:auto;padding-top:var(--sp-4)}
+.specimen__chip{width:100%;height:9px;border-radius:2px;background:var(--chip-color,var(--line))}
+.specimen__caption{margin-top:var(--sp-3);font-size:var(--text-2xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--sp-3)}
+
+/* Принципы */
+.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
+.principle{padding:var(--sp-6) var(--sp-6) var(--sp-7) 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-3)}
+.principle:last-child{border-right:0;padding-right:0}
+.principle:not(:first-child){padding-left:var(--sp-6)}
+.principle__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-ink);letter-spacing:.06em}
+.principle__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em}
+.principle__text{font-size:var(--text-sm);color:var(--muted);line-height:1.6;max-width:34ch}
+
+/* --- Палитра --- */
+.palette-group{margin-top:var(--sp-8)}
+.palette-group:first-of-type{margin-top:0}
+.palette-group__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-4)}
+.palette-group__title{font-size:var(--text-lg);font-weight:600}
+.palette-group__note{font-size:var(--text-xs);color:var(--muted)}
+.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3)}
+.swatch{
+  display:flex;flex-direction:column;text-align:left;
+  border:1px solid var(--line);border-radius:var(--radius-sm);
+  background:var(--surface);overflow:hidden;
+  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
+}
+.swatch:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
+.swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}
+.swatch__color{height:74px;background:var(--swatch,var(--bg));border-bottom:1px solid var(--line);position:relative}
+.swatch__color::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgb(255 255 255 / .06),transparent 55%)}
+.swatch--border .swatch__color{outline:1px solid var(--line) inset;outline-offset:-1px}
+.swatch__meta{padding:10px 11px 11px;display:flex;flex-direction:column;gap:2px}
+.swatch__name{font-size:var(--text-xs);font-weight:600;color:var(--ink);line-height:1.3}
+.swatch__hex{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);letter-spacing:.02em}
+.swatch__var{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+/* --- Типографика --- */
+.type-specimen{border-top:1px solid var(--line)}
+.type-row{
+  display:grid;grid-template-columns:180px minmax(0,1fr) 150px;gap:var(--sp-5);
+  align-items:baseline;padding:var(--sp-5) 0;border-bottom:1px solid var(--line);
+}
+.type-row__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);letter-spacing:.02em;line-height:1.7}
+.type-row__meta b{display:block;color:var(--ink-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:0}
+.type-row__sample{min-width:0;color:var(--ink)}
+.type-row__specs{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);text-align:right;line-height:1.7}
+.type-row__sample--display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.02}
+.measure-demo{margin-top:var(--sp-6);display:grid;grid-template-columns:minmax(0,66ch) auto;gap:var(--sp-4);align-items:start}
+.measure-demo p{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--ink-2)}
+.measure-demo__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent-ink);border-top:1px solid var(--accent);padding-top:4px;white-space:nowrap}
+
+/* --- Шкалы --- */
+.scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-7) clamp(24px,4vw,56px)}
+.scale-block{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
+.scale-block__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line)}
+.scale-block__title{font-size:var(--text-sm);font-weight:600}
+.scale-block__note{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}
+.spacing-rail{display:flex;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap}
+.spacing-bar{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
+.spacing-bar i{display:block;height:10px;background:var(--accent);border-radius:1px;opacity:.85}
+.spacing-bar span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);white-space:nowrap}
+.radii-row{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
+.radius-tile{display:flex;flex-direction:column;gap:6px;align-items:center}
+.radius-tile i{display:block;width:56px;height:56px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs)}
+.radius-tile span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}
+.radius-tile--sm i{border-radius:var(--radius-sm)}
+.radius-tile--control i{border-radius:var(--radius-control)}
+.radius-tile--card i{border-radius:var(--radius-card)}
+.radius-tile--lg i{border-radius:var(--radius-lg)}
+.radius-tile--pill i{border-radius:var(--radius-pill)}
+.shadow-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
+.shadow-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);min-height:96px}
+.shadow-tile b{font-size:var(--text-xs);font-weight:600}
+.shadow-tile span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);margin-top:auto}
+.shadow-tile--xs{box-shadow:var(--shadow-xs)}
+.shadow-tile--sm{box-shadow:var(--shadow-sm)}
+.shadow-tile--md{box-shadow:var(--shadow-md)}
+.shadow-tile--lg{box-shadow:var(--shadow-lg)}
+
+/* --- Секции компонентов --- */
+.comp-section{padding-block:clamp(48px,6vw,80px);border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px)}
+.comp-section:first-of-type{border-top:0}
+.comp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
+.comp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
+.comp-stack{display:flex;flex-direction:column;gap:var(--sp-4)}
+.hr-soft{height:1px;background:var(--line);margin-block:var(--sp-4)}
+.demo-caption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--sp-3);line-height:1.55}
+.demo-caption b{color:var(--ink-2);font-weight:600}
+.state-matrix{display:flex;flex-wrap:wrap;gap:var(--sp-6)}
+.state-cell{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:132px}
+.state-cell>span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}
+.btn.is-focus{box-shadow:var(--focus-ring)}
+
+/* Спецификация кнопок в реальном контексте */
+.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}
+
+/* Хлебные крошки/пагинация в витрине */
+.nav-demo{display:flex;flex-direction:column;gap:var(--sp-5)}
+
+/* KPI + spray-график в витрине */
+.kpi-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
+.spark-wide{width:100%;height:52px;overflow:visible}
+
+/* Раскладка таблицы в витрине */
+.table-showcase .table{min-width:660px}
+
+/* Паттерны: hero-полоса и редакционный список */
+.pattern-hero{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}
+.pattern-hero__inner{padding:clamp(24px,3.4vw,48px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-6);align-items:center}
+.pattern-hero__title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--display-m);line-height:1.02;letter-spacing:var(--display-tracking);margin-top:var(--sp-4)}
+.pattern-hero__side{border-left:1px solid var(--line);padding-left:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}
+.editorial-list{border-top:1px solid var(--line)}
+.editorial-list__row{
+  display:grid;grid-template-columns:64px minmax(0,1fr) 220px;gap:var(--sp-4);
+  align-items:center;padding:var(--sp-4) 0;border-bottom:1px solid var(--line);
+  text-decoration:none;color:inherit;
+  transition:background-color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
+}
+.editorial-list__row:hover{background:var(--surface-2)}
+.editorial-list__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em}
+.editorial-list__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;line-height:1.1}
+.editorial-list__note{font-size:var(--text-xs);color:var(--muted);text-align:right}
+
+/* Футер витрины */
+.show-footer{border-top:1px solid var(--line);background:var(--bg-alt);padding-block:clamp(32px,4vw,56px)}
+.show-footer__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--sp-6)}
+.show-footer__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em}
+.show-footer__text{font-size:var(--text-sm);color:var(--muted);margin-top:var(--sp-2);max-width:40ch;line-height:1.6}
+.show-footer__col{display:flex;flex-direction:column;gap:8px}
+.show-footer__col b{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
+.show-footer__col a{font-size:var(--text-sm);color:var(--ink-2);text-decoration:none}
+.show-footer__col a:hover{color:var(--accent)}
+.show-footer__bottom{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);font-size:var(--text-xs);color:var(--muted)}
+
+/* --- Адаптив витрины --- */
+@media (max-width:1024px){
+  .site-header__nav{display:none}
+  .site-header__inner{flex-wrap:wrap;padding-block:var(--sp-2);row-gap:6px}
+  .preset-switch{order:3;flex-basis:100%;margin-left:0;max-width:100%}
+  .site-header__actions{order:2;margin-left:auto}
+  .show-hero__grid{grid-template-columns:1fr;gap:var(--sp-9)}
+  .specimen{max-width:520px}
+  .palette{grid-template-columns:repeat(4,minmax(0,1fr))}
+  .type-row{grid-template-columns:140px minmax(0,1fr)}
+  .type-row__specs{display:none}
+  .scale-grid{grid-template-columns:1fr}
+  .principles{grid-template-columns:1fr;border-top:0}
+  .principle{padding:var(--sp-5) 0;border-right:0;border-top:1px solid var(--line)}
+  .principle:not(:first-child){padding-left:0}
+  .comp-grid,.comp-grid--3,.kpi-demo,.shadow-row{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .show-header__nav{display:none}
+  .measure-demo{grid-template-columns:1fr}
+  .measure-demo__label{justify-self:start}
+  .pattern-hero__inner{grid-template-columns:1fr}
+  .pattern-hero__side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:var(--sp-5)}
+}
+@media (max-width:720px){
+  .site-header__inner{flex-wrap:wrap;gap:var(--sp-2);padding-block:var(--sp-3)}
+  .site-header__nav{display:none}
+  .site-header__actions{margin-left:auto}
+  .site-header__cta .btn__label{display:none}
+  .show-hero__grid{gap:var(--sp-7)}
+  .show-hero__title{font-size:clamp(3.25rem,17vw,4.75rem)}
+  .specimen__glyph{font-size:clamp(4.5rem,22vw,6.5rem)}
+  .palette{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .comp-grid,.comp-grid--3,.kpi-demo,.shadow-row{grid-template-columns:1fr}
+  .type-row{grid-template-columns:1fr;gap:var(--sp-2);padding-block:var(--sp-4)}
+  .type-row__meta{display:flex;gap:var(--sp-2);align-items:baseline}
+  .editorial-list__row{grid-template-columns:44px minmax(0,1fr);gap:var(--sp-3)}
+  .editorial-list__note{display:none}
+  .show-footer__grid{grid-template-columns:1fr}
+  .spec-head h2{font-size:var(--display-s)}
+  .spacing-rail{gap:var(--sp-2)}
+  .palette-group{margin-top:var(--sp-7)}
+}
+
+/* ==========================================================================
+   HOSPITAL — премиальный лендинг клиники (aurora)
+   ========================================================================== */
+.hosp-utility{background:var(--ink);color:var(--bg);font-size:var(--text-xs)}
+[data-theme="dark"] .hosp-utility{background:var(--surface);color:var(--ink-2);border-bottom:1px solid var(--line)}
+.hosp-utility__inner{display:flex;align-items:center;gap:var(--sp-5);min-height:36px;flex-wrap:wrap}
+.hosp-utility__item{display:inline-flex;align-items:center;gap:6px;color:color-mix(in oklab,currentColor 78%,transparent);text-decoration:none}
+.hosp-utility__item .icon{opacity:.7}
+.hosp-utility__item:hover{color:inherit}
+.hosp-utility__dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4}
+.hosp-utility__right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-4)}
+.hosp-utility__link{color:inherit;text-decoration:none;font-weight:500}
+.hosp-utility__link:hover{text-decoration:underline;text-underline-offset:.2em}
+.hosp-utility__link--accent{color:inherit;font-weight:600}
+
+.hosp-header{position:sticky;top:0;z-index:var(--z-header);background:var(--bg);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
+.hosp-header.is-scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-xs)}
+.hosp-header__inner{display:flex;align-items:center;gap:var(--sp-5);min-height:var(--header-h)}
+.hosp-logo{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--ink);flex:none}
+.hosp-logo__mark{
+  display:grid;place-items:center;width:44px;height:44px;flex:none;
+  border:1px solid var(--line-strong);border-radius:var(--radius-sm);
+  font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;
+  letter-spacing:-.03em;line-height:1;position:relative;
+}
+.hosp-logo__mark::after{content:"";position:absolute;inset:4px;border:1px solid var(--line);border-radius:calc(var(--radius-sm) - 2px);pointer-events:none}
+.hosp-logo__text{display:flex;flex-direction:column;gap:1px;line-height:1.2}
+.hosp-logo__name{font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em}
+.hosp-logo__name-short{display:none;font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em}
+.hosp-logo__sub{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
+.hosp-nav{display:flex;align-items:center;gap:2px;margin-left:var(--sp-6)}
+.hosp-nav__link{
+  padding:9px var(--sp-3);border-radius:var(--radius-sm);
+  color:var(--ink-2);font-size:var(--text-sm);font-weight:500;text-decoration:none;
+  transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease);
+}
+.hosp-nav__link:hover{color:var(--ink);background:var(--bg-alt)}
+.hosp-nav__link[aria-current]{color:var(--ink);font-weight:600}
+.hosp-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}
+.hosp-burger{display:none}
+.hosp-phone{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap}
+.hosp-phone .icon{color:var(--accent-ink)}
+
+/* Hero */
+.hosp-hero{position:relative;border-bottom:1px solid var(--line);overflow-x:clip}
+.hosp-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(36px,4.6vw,64px) clamp(40px,5vw,64px)}
+.hosp-hero__title{font-size:clamp(2.75rem,5.6vw,4.75rem);line-height:.99;letter-spacing:-.035em;margin-top:var(--sp-5);max-width:15ch}
+.hosp-hero__title em{font-style:italic;font-weight:400;color:var(--accent-ink)}
+.hosp-hero__lead{margin-top:var(--sp-6);max-width:46ch;font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.6;color:var(--ink-2)}
+.hosp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6)}
+.hosp-hero__note{margin-top:var(--sp-4);font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:6px}
+.hosp-hero__aside{display:flex;flex-direction:column;gap:var(--sp-5);padding-top:var(--sp-3)}
+.hosp-plate{
+  position:relative;border:1px solid var(--line-strong);border-radius:var(--radius-card);
+  background:var(--surface);box-shadow:var(--shadow-sm);padding:clamp(20px,2.4vw,28px);
+}
+.hosp-plate::before,.hosp-plate::after{content:"";position:absolute;width:16px;height:16px;border-color:var(--line-strong);border-style:solid;pointer-events:none}
+.hosp-plate::before{top:-5px;left:-5px;border-width:1px 0 0 1px}
+.hosp-plate::after{bottom:-5px;right:-5px;border-width:0 1px 1px 0}
+.hosp-plate__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}
+.hosp-plate__top .caps-label{font-size:var(--text-2xs)}
+.hosp-plate__code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}
+.hosp-plate__body{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding-block:var(--sp-4)}
+.hosp-plate__num{font-family:var(--font-display);font-weight:500;font-size:clamp(4.5rem,7vw,6.5rem);line-height:.8;letter-spacing:-.06em}
+.hosp-plate__stamp{
+  display:grid;place-items:center;gap:1px;flex:none;
+  width:104px;height:104px;border:1px solid var(--line-strong);border-radius:50%;
+  text-align:center;transform:rotate(-7deg);color:var(--muted);
+  font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;line-height:1.35;
+}
+.hosp-plate__stamp strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;color:var(--ink);text-transform:none;line-height:1}
+.hosp-plate__rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
+.hosp-plate__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--text-xs)}
+.hosp-plate__row:last-child{border-bottom:0}
+.hosp-plate__row dt{color:var(--muted)}
+.hosp-plate__row dd{margin:0;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
+.hosp-plate__caption{margin-top:var(--sp-3);font-size:var(--text-2xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--sp-3)}
+
+.hosp-hero__proof{
+  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);
+  border-top:1px solid var(--line);padding-block:var(--sp-6) clamp(28px,3.4vw,44px);
+}
+.hosp-proof{display:flex;flex-direction:column;gap:2px;padding-left:var(--sp-4);border-left:1px solid var(--line)}
+.hosp-proof:first-child{padding-left:0;border-left:0}
+.hosp-proof__value{font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
+.hosp-proof__label{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
+
+/* Секции */
+.hosp-sec{padding-block:clamp(56px,7vw,104px)}
+.hosp-sec--alt{background:var(--bg-alt);border-block:1px solid var(--line)}
+.hosp-sec-head{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:clamp(28px,3.6vw,48px);max-width:var(--measure)}
+.hosp-sec-head__kicker{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
+.hosp-sec-head__kicker b{color:var(--accent-ink);font-weight:600}
+.hosp-sec-head h2{font-size:var(--display-m)}
+.hosp-sec-head p{font-size:var(--text-md);line-height:1.62;color:var(--ink-2);max-width:56ch}
+.hosp-sec-head--row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--gap-inline);align-items:end;max-width:none}
+.hosp-sec-head--row .hosp-sec-head__text{display:flex;flex-direction:column;gap:var(--sp-4)}
+.hosp-sec-head--row .hosp-sec-head__side{align-self:end;justify-self:end}
+
+/* Направления */
+.hosp-dir{border-top:1px solid var(--line-strong)}
+.hosp-dir__row{
+  display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,320px) 44px;
+  gap:var(--sp-4);align-items:center;
+  padding:clamp(14px,1.7vw,20px) var(--sp-2) clamp(14px,1.7vw,20px) 0;
+  border-bottom:1px solid var(--line);text-decoration:none;color:inherit;
+  transition:background-color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
+}
+.hosp-dir__row:hover,.hosp-dir__row:focus-visible{background:var(--surface-2);padding-left:var(--sp-3);outline:none}
+.hosp-dir__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em}
+.hosp-dir__title{font-family:var(--font-display);font-size:clamp(1.375rem,2.1vw,1.75rem);font-weight:500;letter-spacing:-.02em;line-height:1.15}
+.hosp-dir__desc{font-size:var(--text-sm);color:var(--muted);line-height:1.5;opacity:0;transform:translateX(-6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
+.hosp-dir__row:hover .hosp-dir__desc,.hosp-dir__row:focus-visible .hosp-dir__desc{opacity:1;transform:none}
+.hosp-dir__arrow{
+  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
+  border:1px solid var(--line);color:var(--muted);
+  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
+}
+.hosp-dir__row:hover .hosp-dir__arrow{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:rotate(-45deg)}
+.hosp-dir__foot{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6);font-size:var(--text-sm);color:var(--muted)}
+
+/* Путь пациента */
+.hosp-path__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
+.hosp-step{position:relative;padding-top:var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-2)}
+.hosp-step::before{content:"";position:absolute;left:0;right:calc(var(--sp-1) * -1);top:5px;height:1px;background:var(--line-strong)}
+.hosp-step::after{content:"";position:absolute;left:0;top:1px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg-alt)}
+.hosp-step:last-child::before{right:0;background:linear-gradient(to right,var(--line-strong),transparent)}
+.hosp-step__num{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent-ink);letter-spacing:.08em}
+.hosp-step__title{font-size:var(--text-lg);font-weight:600;line-height:1.3}
+.hosp-step__text{font-size:var(--text-sm);color:var(--ink-2);line-height:1.6}
+.hosp-step__time{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:auto}
+
+/* Врачи */
+.hosp-doctors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
+.hosp-doctor{display:flex;flex-direction:column;gap:var(--sp-4);padding:clamp(20px,2.4vw,28px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
+.hosp-doctor:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}
+.hosp-doctor__mono{display:grid;place-items:center;width:76px;height:76px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;background:var(--accent-soft);color:var(--accent-ink)}
+.hosp-doctor--copper .hosp-doctor__mono{background:var(--copper-soft);color:color-mix(in oklab,var(--copper) 70%,var(--ink))}
+.hosp-doctor--neutral .hosp-doctor__mono{background:var(--bg-alt);color:var(--ink-2)}
+.hosp-doctor__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;line-height:1.2}
+.hosp-doctor__role{font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:3px}
+.hosp-doctor__quote{font-size:var(--text-sm);color:var(--ink-2);line-height:1.62}
+.hosp-doctor__meta{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--text-xs);color:var(--muted)}
+.hosp-doctor__meta strong{color:var(--ink-2);font-weight:600}
+
+/* Доверие */
+.hosp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3.4vw,48px);border-top:1px solid var(--line-strong);padding-top:var(--sp-6)}
+.hosp-trust__item{display:flex;flex-direction:column;gap:var(--sp-3)}
+.hosp-trust__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);color:var(--accent-ink)}
+.hosp-trust__title{font-size:var(--text-md);font-weight:600;line-height:1.35}
+.hosp-trust__text{font-size:var(--text-sm);color:var(--ink-2);line-height:1.62}
+.hosp-trust__list{display:flex;flex-direction:column;gap:6px;margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}
+.hosp-trust__list li{display:flex;align-items:baseline;gap:8px}
+.hosp-trust__list li::before{content:"—";color:var(--faint)}
+
+/* Новости */
+.hosp-news{border-top:1px solid var(--line-strong)}
+.hosp-news__row{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;gap:var(--sp-4);align-items:baseline;padding:clamp(16px,2vw,24px) var(--sp-2) clamp(16px,2vw,24px) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background-color var(--dur) var(--ease)}
+.hosp-news__row:hover{background:var(--surface-2)}
+.hosp-news__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}
+.hosp-news__main{display:flex;flex-direction:column;gap:4px}
+.hosp-news__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;line-height:1.3}
+.hosp-news__tag{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
+.hosp-news__arrow{color:var(--muted);justify-self:end;transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
+.hosp-news__row:hover .hosp-news__arrow{transform:translateX(3px);color:var(--accent-ink)}
+
+/* CTA-полоса */
+.hosp-cta{position:relative;background:var(--ink);color:var(--bg);border-radius:var(--radius-lg);padding:clamp(28px,4.5vw,56px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-6);align-items:center;overflow:hidden}
+[data-theme="dark"] .hosp-cta{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
+.hosp-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in oklab,currentColor 8%,transparent) 1px,transparent 1px);background-size:25% 100%;mask-image:linear-gradient(to right,transparent,#000 60%);pointer-events:none}
+.hosp-cta h2{font-size:var(--display-s);position:relative}
+.hosp-cta p{margin-top:var(--sp-3);font-size:var(--text-md);line-height:1.6;color:color-mix(in oklab,currentColor 74%,transparent);max-width:46ch;position:relative}
+.hosp-cta__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end;position:relative}
+.hosp-cta .btn--invert{background:var(--bg);color:var(--ink);border-color:var(--bg)}
+.hosp-cta .btn--invert:hover{background:color-mix(in oklab,var(--bg) 88%,var(--ink));border-color:transparent}
+.hosp-cta .btn--on-dark{color:inherit;--btn-ink:inherit}
+.hosp-cta .btn--ghost{color:inherit;--btn-ink:inherit}
+.hosp-cta .btn--ghost:hover{background:color-mix(in oklab,currentColor 12%,transparent)}
+
+/* Футер */
+.hosp-footer{background:var(--ink);color:var(--bg);padding-block:clamp(44px,5.4vw,72px) var(--sp-7)}
+[data-theme="dark"] .hosp-footer{background:var(--surface);color:var(--ink);border-top:1px solid var(--line)}
+.hosp-footer__grid{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
+.hosp-footer__brand{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;line-height:1.25}
+.hosp-footer__addr{margin-top:var(--sp-3);font-size:var(--text-sm);line-height:1.7;color:color-mix(in oklab,currentColor 74%,transparent)}
+.hosp-footer__phone{display:inline-flex;align-items:center;gap:8px;margin-top:var(--sp-4);font-size:var(--text-md);font-weight:600;color:inherit;text-decoration:none}
+.hosp-footer__phone:hover{text-decoration:underline;text-underline-offset:.2em}
+.hosp-footer__col{display:flex;flex-direction:column;gap:8px}
+.hosp-footer__col b{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,currentColor 55%,transparent);margin-bottom:4px}
+.hosp-footer__col a{font-size:var(--text-sm);color:color-mix(in oklab,currentColor 78%,transparent);text-decoration:none}
+.hosp-footer__col a:hover{color:inherit;text-decoration:underline;text-underline-offset:.2em}
+.hosp-footer__bottom{margin-top:clamp(32px,4vw,56px);padding-top:var(--sp-5);border-top:1px solid color-mix(in oklab,currentColor 16%,transparent);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);font-size:var(--text-xs);color:color-mix(in oklab,currentColor 62%,transparent)}
+.hosp-footer__legal{display:flex;flex-direction:column;gap:4px}
+
+/* Адаптив клиники */
+@media (max-width:1024px){
+  .hosp-nav{
+    display:none;
+    position:fixed;inset:0 0 0 auto;z-index:var(--z-overlay);
+    width:min(86vw,360px);margin:0;padding:calc(var(--header-h) + 20px) var(--sp-6) var(--sp-6);
+    background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);
+    flex-direction:column;align-items:stretch;gap:2px;overflow-y:auto;
+  }
+  .hosp-nav.is-open{display:flex;animation:hosp-nav-in var(--dur-slow) var(--ease-out)}
+  @keyframes hosp-nav-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
+  .hosp-nav__link{padding:14px var(--sp-3);border-bottom:1px solid var(--line);border-radius:0;font-size:var(--text-md)}
+  .hosp-burger{display:inline-flex}
+  .hosp-header__inner{min-height:64px}
+  .hosp-hero__grid{grid-template-columns:1fr;gap:var(--sp-8)}
+  .hosp-hero__aside{max-width:460px}
+  .hosp-hero__proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--sp-5)}
+  .hosp-proof:nth-child(3){padding-left:0;border-left:0}
+  .hosp-doctors,.hosp-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .hosp-doctors .hosp-doctor:first-child{grid-column:1/-1}
+  .hosp-path__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--sp-6)}
+  .hosp-nav__link[aria-current]{background:var(--bg-alt)}
+  .hosp-sec-head--row{grid-template-columns:1fr}
+  .hosp-sec-head--row .hosp-sec-head__side{justify-self:start}
+  .hosp-cta{grid-template-columns:1fr}
+  .hosp-cta__actions{justify-content:flex-start}
+  .hosp-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
+}
+@media (max-width:720px){
+  .hosp-utility__inner{gap:var(--sp-3);padding-block:9px;flex-wrap:nowrap}
+  .hosp-utility__item,.hosp-utility__dot{display:none}
+  .hosp-utility__right{margin-left:0;width:100%;justify-content:space-between;gap:var(--sp-3)}
+  .hosp-utility__right .hosp-utility__link:first-child{display:inline}
+  .hosp-utility__link{font-size:var(--text-xs);font-weight:600}
+  .hosp-utility__link--accent{text-decoration:underline;text-underline-offset:.22em}
+  .hosp-logo__mark{width:38px;height:38px;font-size:var(--text-lg)}
+  .hosp-logo__name{display:none}
+  .hosp-logo__name-short{display:block;font-size:var(--text-md)}
+  .hosp-phone{display:none}
+  .hosp-header .btn--primary{display:none}
+  .hosp-hero__title{font-size:clamp(2.5rem,11.5vw,3.5rem);max-width:18ch}
+  .hosp-hero__actions{flex-direction:column;align-items:stretch;gap:var(--sp-2)}
+  .hosp-hero__actions .btn{width:100%}
+  .hosp-hero__proof{grid-template-columns:1fr 1fr}
+  .hosp-hero__proof .hosp-proof{padding-left:0;border-left:0;padding-top:var(--sp-3);border-top:1px solid var(--line)}
+  .hosp-hero__proof .hosp-proof:nth-child(-n+2){border-top:0;padding-top:0}
+  .hosp-doctors,.hosp-trust{grid-template-columns:1fr}
+  .hosp-doctors .hosp-doctor:first-child{grid-column:auto}
+  .hosp-path__steps{grid-template-columns:1fr}
+  .hosp-step{padding-top:var(--sp-5);padding-left:var(--sp-5)}
+  .hosp-step::before{left:3px;right:auto;top:0;bottom:0;width:1px;height:auto}
+  .hosp-step::after{top:8px;left:0}
+  .hosp-step:last-child::before{background:linear-gradient(to bottom,var(--line-strong),transparent)}
+  .hosp-dir__row{grid-template-columns:34px minmax(0,1fr) 36px;gap:var(--sp-3)}
+  .hosp-dir__desc{display:none}
+  .hosp-dir__title{font-size:var(--text-xl)}
+  .hosp-news__row{grid-template-columns:1fr 28px;row-gap:4px}
+  .hosp-news__date{grid-column:1/-1;order:-1}
+  .hosp-cta{padding:var(--sp-6);border-radius:var(--radius-card)}
+  .hosp-cta__actions .btn{width:100%}
+  .hosp-footer__grid{grid-template-columns:1fr}
+  .hosp-footer__bottom{flex-direction:column}
+  .hosp-sec{padding-block:clamp(48px,11vw,72px)}
+  .hosp-plate__num{font-size:4rem}
+  .hosp-plate__stamp{width:88px;height:88px}
+}
+
+/* ==========================================================================
+   DASHBOARD — Service Desk (graphite)
+   ========================================================================== */
+.app--dash .app__content{gap:clamp(16px,1.9vw,24px)}
+.app--dash .topbar__search{max-width:380px}
+.dash-main{display:flex;flex-direction:column;gap:clamp(16px,1.9vw,24px);min-width:0}
+
+.dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4)}
+.dash-head__text h1{font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.05;letter-spacing:var(--display-tracking)}
+.dash-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--muted)}
+.dash-head__meta .status{font-size:var(--text-xs)}
+.dash-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
+.dash-range{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font-size:var(--text-xs);font-weight:600;color:var(--ink-2)}
+.dash-range .icon{color:var(--muted)}
+
+.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.3vw,16px)}
+.dash-grid-main{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:clamp(12px,1.5vw,20px);align-items:stretch}
+.dash-grid-bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(12px,1.5vw,20px)}
+
+.dash-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);min-width:0;display:flex;flex-direction:column}
+.dash-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}
+.dash-card__title{font-size:var(--text-sm);font-weight:600;color:var(--ink);line-height:1.3}
+.dash-card__sub{font-size:var(--text-xs);color:var(--muted);margin-top:2px;line-height:1.4}
+.dash-card__head-actions{display:flex;align-items:center;gap:var(--sp-2)}
+.dash-card__body{padding:var(--sp-5);flex:1;min-width:0}
+.dash-card__body--flush{padding:0}
+.dash-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}
+
+.chart-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4)}
+.chart-meta__value{font-size:clamp(1.6rem,2.2vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
+.chart-meta__delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:600;color:var(--success)}
+.chart-meta__note{font-size:var(--text-xs);color:var(--muted)}
+.chart{display:block;width:100%;height:auto;overflow:visible}
+.chart__grid line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
+.chart__target{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:5 5}
+.chart__axis{fill:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.02em}
+.chart__target-label{fill:var(--muted);font-family:var(--font-mono);font-size:10px}
+.chart__area{fill:color-mix(in oklab,var(--accent) 12%,transparent)}
+.chart__line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.chart__dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}
+.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--muted)}
+.chart-legend span{display:inline-flex;align-items:center;gap:6px}
+.legend-key{width:14px;height:2px;border-radius:2px;background:var(--accent)}
+.legend-key--target{background:repeating-linear-gradient(90deg,var(--line-strong) 0 3px,transparent 3px 6px)}
+
+.donut-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}
+.donut{width:clamp(128px,12vw,156px);height:auto;flex:none}
+.donut__track{fill:none;stroke:var(--bg-alt);stroke-width:11}
+.donut__arc{fill:none;stroke:var(--accent);stroke-width:11;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
+.donut__value{fill:var(--ink);font-family:var(--font-body);font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
+.donut__label{fill:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}
+.donut-legend{display:flex;flex-direction:column;gap:var(--sp-3);flex:1;min-width:150px}
+.donut-legend li{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--ink-2)}
+.donut-legend__key{width:8px;height:8px;border-radius:2px;flex:none;background:var(--accent)}
+.donut-legend__key--muted{background:var(--bg-alt);border:1px solid var(--line)}
+.donut-legend__num{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
+
+.table-card .table{min-width:1000px}
+.table-card .table th:first-child,.table-card .table td:first-child{padding-left:var(--sp-5)}
+.table-card .table th:last-child,.table-card .table td:last-child{padding-right:var(--sp-5)}
+.sla{display:flex;flex-direction:column;gap:4px;min-width:92px}
+.sla__time{font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
+.sla__time--ok{color:var(--success)}
+.sla__time--warn{color:var(--warning)}
+.sla__time--late{color:var(--danger)}
+.sla__time--muted{color:var(--muted)}
+.sla__track{height:3px;border-radius:99px;background:var(--bg-alt);overflow:hidden}
+.sla__fill{height:100%;width:var(--sla,40%);border-radius:inherit;background:var(--success)}
+.sla__fill--warn{background:var(--warning)}
+.sla__fill--late{background:var(--danger)}
+.sla__fill--muted{background:var(--faint)}
+.table-card__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line)}
+.table-card__toolbar .input-group{flex:1;min-width:180px;max-width:320px}
+.table-card__toolbar .input{height:38px}
+.table-search-reset{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto;font-size:var(--text-xs);color:var(--muted)}
+.table-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}
+
+.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
+.activity-item:last-child{border-bottom:0;padding-bottom:0}
+.activity-item:first-child{padding-top:0}
+.activity-item__body{min-width:0}
+.activity-item__text{font-size:var(--text-sm);color:var(--ink-2);line-height:1.5}
+.activity-item__text b{color:var(--ink);font-weight:600}
+.activity-item__time{font-size:var(--text-2xs);color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}
+
+.team-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:center}
+.team-row__name{font-size:var(--text-sm);color:var(--ink-2);line-height:1.3}
+.team-row__role{font-size:var(--text-2xs);color:var(--muted)}
+.team-row__value{font-size:var(--text-xs);font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
+.team-row__track{grid-column:1/-1}
+.team-row .progress{height:6px}
+.dash-footnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--text-2xs);color:var(--muted);padding-top:var(--sp-1)}
+.dash-footnote .status{font-size:var(--text-2xs)}
+
+/* Адаптив дашборда */
+@media (max-width:1280px){
+  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
+}
+@media (max-width:1100px){
+  .dash-grid-main,.dash-grid-bottom{grid-template-columns:1fr}
+}
+@media (max-width:767px){
+  .app--dash .app__content{padding:var(--sp-4) var(--sp-4) var(--sp-6);gap:var(--sp-4)}
+  .dash-head{align-items:flex-start}
+  .dash-head__actions{width:100%}
+  .dash-head__actions .btn{flex:1}
+  .dash-head__actions .dash-range{display:none}
+  .kpi-grid{gap:var(--sp-3)}
+  .kpi{padding:var(--sp-4)}
+  .kpi__value{font-size:1.65rem}
+  .kpi__spark{width:72px;height:28px}
+  .kpi__foot{flex-wrap:wrap;row-gap:var(--sp-2)}
+  .kpi__delta-note{display:none}
+  .dash-card__head,.dash-card__body{padding:var(--sp-4)}
+  .chart-meta__value{font-size:1.5rem}
+  .table-card__toolbar{padding:var(--sp-3) var(--sp-4)}
+  .table-card__toolbar .input-group{max-width:none}
+  .table-search-reset{display:none}
+  .table-card__foot{padding:var(--sp-3) var(--sp-4)}
+  .donut-wrap{justify-content:center}
+  .donut-legend{min-width:0;flex-basis:100%}
+  .dash-head__meta{font-size:var(--text-2xs)}
+}
+@media (max-width:420px){
+  .kpi-grid{grid-template-columns:1fr}
+  .kpi__spark{width:96px}
+}
+
+/* ---- Финальные правки: доступность, тап-цели, контраст ---- */
+.sidebar__user .icon-btn{width:36px;height:36px}
+.hosp-logo{min-height:44px}
+.hosp-utility__inner{min-height:44px}
+.hosp-utility__link{display:inline-flex;align-items:center;min-height:36px}
+.hosp-utility__item .icon{flex:none}
+.hosp-sec-head__side .link{display:inline-flex;align-items:center;min-height:40px}
+.hosp-doctor__meta .link{display:inline-flex;align-items:center;min-height:32px}
+.hosp-footer__phone{min-height:40px;padding-block:4px}
+.hosp-dir__row{min-height:56px}
+.kpi__delta{white-space:nowrap}
+.kpi__value{white-space:nowrap}
+.kpi__unit{white-space:nowrap}
+.dash-card__head .icon-btn{width:36px;height:36px}
+@media (max-width:767px){
+  .row-actions .icon-btn{width:40px;height:40px}
+  .pager__btn{min-width:40px;height:40px}
+  .table-card__toolbar .chip{min-height:38px}
+  .hosp-utility__link{min-height:40px}
+  .kpi__value{font-size:1.75rem}
+}
+.spark-chart{display:flex;gap:10px;align-items:stretch;margin-top:var(--sp-2)}
+.spark-chart__axis{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);text-align:right;padding-block:2px}
+.spark-chart__axis span{line-height:1}
+.spark-wide{flex:1;width:100%;height:120px;overflow:visible}
+.spark-chart .chart__grid line{stroke:var(--line);stroke-dasharray:3 5}
+/* mobile header fix (hospital) */
+@media (max-width:720px){
+  .hosp-header__inner{gap:var(--sp-2)}
+  .hosp-logo{min-width:0;flex:1 1 auto;gap:var(--sp-2)}
+  .hosp-logo__text{min-width:0}
+  .hosp-logo__sub{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+  .hosp-header__actions{gap:var(--sp-2);flex:none}
+}
+/* mobile table scroll hint (dashboard) */
+@media (max-width:767px){
+  .table-card .table-wrap{box-shadow:inset -26px 0 18px -20px var(--line-strong)}
+}