/* RADMIR 16 · Leaders Control Center — интерфейсный слой v6.0.
   Вход, профиль, уведомления, модальные окна, формы, кнопки, карточки, анимации.
   Подключается ПОСЛЕ shell.css. Анимации выключаются через html[data-motion=off] и prefers-reduced-motion. */
:root{
  --ui-bg:#0d0c0c;--ui-panel:#141212;--ui-card:#1a1919;--ui-card-2:#1f1d1d;
  --ui-line:#2a2727;--ui-line-2:#3b3838;--ui-field:#151313;--ui-field-line:#35312f;
  --ui-text:#f4f1ee;--ui-text-2:#d7d2cd;--ui-muted:#a39b94;
  --ui-accent:#e8a23a;--ui-accent-hi:#f6c15c;--ui-accent-ink:#1b1206;
  --ui-ok:#19b37a;--ui-warn:#f59e0b;--ui-bad:#ef5350;--ui-info:#38bdf8;
  --ui-ease:cubic-bezier(.22,1,.36,1);
}

/* ───── Фокус: везде видимый ───── */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent-hi)!important;outline-offset:2px!important;box-shadow:none}
:where(input,select,textarea):focus-visible{outline-offset:0!important}

/* ───── Кнопки ───── */
.btn{min-height:40px;padding:0 16px;border-radius:10px!important;border:1px solid var(--ui-line-2)!important;background:#221f1f!important;color:var(--ui-text)!important;font-family:var(--lc-font);font-weight:600;font-size:13px;letter-spacing:0;box-shadow:none!important}
.btn:hover:not(:disabled){background:#2a2626!important;border-color:#4a4545!important;transform:none!important;filter:none!important}
.btn:active:not(:disabled){transform:scale(.97)!important}
.btn.primary{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent-ink)!important}
.btn.primary:hover:not(:disabled){background:var(--ui-accent-hi)!important;border-color:var(--ui-accent-hi)!important}
.btn.primary:before{display:none!important}
.btn.ghost{background:transparent!important}
.btn.ghost:hover:not(:disabled){background:#211e1e!important}
.btn.danger{background:transparent!important;border-color:rgba(239,83,80,.5)!important;color:#ff8a87!important}
.btn.danger:hover:not(:disabled){background:rgba(239,83,80,.12)!important}
.btn:disabled{opacity:.5;cursor:not-allowed}
.icon-btn{width:40px;height:40px;border-radius:10px!important;border:1px solid var(--ui-line)!important;background:transparent!important;color:var(--ui-muted)!important;display:inline-grid;place-items:center;padding:0}
.icon-btn:hover:not(:disabled){background:#242020!important;color:var(--ui-text)!important;transform:none!important;border-color:var(--ui-line-2)!important}

/* ───── Поля ───── */
.field label,.lg-field label{display:block;margin:0 0 7px;font-size:12px;font-weight:600;color:var(--ui-muted);letter-spacing:0;text-transform:none}
.input,.modal input:not([type=checkbox]):not([type=radio]):not([type=range]),.modal select,.modal textarea{background:var(--ui-field)!important;border:1px solid var(--ui-field-line)!important;border-radius:10px!important;color:var(--ui-text)!important;font-family:var(--lc-font);font-size:14px;min-height:42px;padding:0 13px;transition:border-color .16s,box-shadow .16s}
.modal textarea{padding:11px 13px}
.input::placeholder,.modal ::placeholder{color:#7d7570}
.input:hover,.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:#4a4545!important}
.input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px rgba(232,162,58,.2)!important;outline:none!important}
.inline-note{font-size:12px;color:var(--ui-muted);margin-top:7px;line-height:1.45}

/* ───── Модальные окна ───── */
.modal-backdrop{background:rgba(6,5,5,.66)!important;backdrop-filter:none!important}
.modal{background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:0 28px 70px rgba(0,0,0,.6)!important;color:var(--ui-text);font-family:var(--lc-font)}
.modal:focus{outline:none}
.modal h3{font-size:18px;font-weight:700;letter-spacing:0;color:var(--ui-text)}
.modal .eyebrow,.drawer-head .eyebrow{display:none!important}
.modal p.muted,.modal-head p{color:var(--ui-muted);font-size:13px;line-height:1.5}
.modal-head{margin-bottom:20px}
.modal-head h3{margin:0}
.modal-actions{gap:10px;margin-top:22px}
.modal-backdrop .modal{transform:translateY(10px)!important}
.modal-backdrop.open .modal{transform:none!important}
.modal-backdrop.closing{opacity:0}
.modal-backdrop.closing .modal{opacity:0;transform:translateY(6px)!important}

/* ───── Профиль ───── */
.modal.pf-modal{width:min(460px,100%);padding:26px}
.pf-head{display:flex;align-items:flex-start;gap:16px}
.pf-avatar{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#24201a;border:1px solid rgba(232,162,58,.45);color:var(--ui-accent-hi);font-size:24px;font-weight:700;font-style:italic}
.pf-id{flex:1;min-width:0;padding-top:4px}
.pf-id h3{margin:0;font-size:20px;overflow-wrap:anywhere}
.pf-id p{margin:3px 0 0;color:var(--ui-muted);font-size:13px}
.pf-temp{display:inline-block;margin-top:9px;padding:5px 10px;border-radius:8px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:#f7c667;font-size:12px;font-weight:600}
.pf-list{margin:22px 0 0;border-top:1px solid var(--ui-line)}
.pf-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--ui-line)}
.pf-list dt{color:var(--ui-muted);font-size:13px}
.pf-list dd{margin:0;font-size:14px;font-weight:600;color:var(--ui-text);overflow-wrap:anywhere}
.pf-actions{justify-content:flex-start!important;margin-top:22px}
@media (max-width:480px){.pf-list>div{grid-template-columns:1fr;gap:4px}}

/* Меню пользователя */
.lc-user-menu{background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important;transform-origin:left bottom}
.lc-user-menu button{border-radius:9px;min-height:40px;font-family:var(--lc-font);font-size:13px;font-weight:500}
.lc-user-menu button:hover{background:#221f1f!important;color:var(--ui-text)!important}

/* ───── Уведомления: боковая панель ───── */
.drawer-backdrop.open{background:rgba(6,5,5,.55)!important}
.notification-drawer{width:min(420px,100vw)!important;background:var(--ui-panel)!important;border-left:1px solid var(--ui-line)!important;box-shadow:-24px 0 60px rgba(0,0,0,.5)!important;font-family:var(--lc-font);color:var(--ui-text)}
.notification-drawer:focus{outline:none}
.drawer-head{padding:22px 22px 18px!important;border-bottom:1px solid var(--ui-line)!important;align-items:center!important}
.drawer-head h3{margin:0!important;font-size:19px;font-weight:700}
.drawer-head p{margin:4px 0 0!important;color:var(--ui-muted)!important;font-size:13px!important}
.drawer-body{padding:14px 16px!important;gap:10px!important}
.drawer-notice{position:relative;grid-template-columns:10px minmax(0,1fr) auto!important;gap:12px!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-card)!important;color:var(--ui-text-2)!important;padding:14px!important;font-family:var(--lc-font);font-size:13px!important;line-height:1.5;min-height:48px}
.drawer-notice:hover{background:var(--ui-card-2)!important;border-color:var(--ui-line-2)!important;transform:none!important}
.drawer-notice .notice-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--ui-info)}
.drawer-notice.warn .notice-dot{background:var(--ui-warn)}
.drawer-notice.bad .notice-dot{background:var(--ui-bad)}
.drawer-notice.good .notice-dot{background:var(--ui-ok)}
.drawer-notice .notice-copy{display:grid;gap:3px}
.drawer-notice .notice-copy>b{font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ui-text)!important}
.drawer-notice .notice-go{display:grid;place-items:center;color:var(--ui-muted);margin-top:2px}
.drawer-notice .notice-go .ui-icon{width:16px;height:16px;color:currentColor!important}
.drawer-notice:hover .notice-go{color:var(--ui-accent-hi)}
.drawer-footer{justify-content:flex-start!important;gap:10px!important;padding:16px 20px!important;border-top:1px solid var(--ui-line)!important}
.drawer-empty{display:grid;justify-items:center;gap:8px;padding:64px 24px!important;color:var(--ui-muted)!important}
.drawer-empty b{color:var(--ui-text);font-size:15px}
.drawer-empty p{margin:0;font-size:13px;line-height:1.5;max-width:30ch}
.drawer-empty-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(25,179,122,.45);color:var(--ui-ok);margin-bottom:6px}
.drawer-empty-mark .ui-icon{width:20px;height:20px}
.drawer-backdrop.closing{background:rgba(6,5,5,0)!important}

/* Колокольчик */
.lc-bell .notif-count{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;font-weight:700}

/* ───── Центр уведомлений (страница) и общие карточки ───── */
.cc-page-head h2{font-weight:700;letter-spacing:0}
.cc-page-head p{color:var(--ui-muted)}
.cc-panel,.cc-stat,.card,.dash-stat,.dashboard-panel{background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:none!important;background-image:none!important}
.cc-stat small{color:var(--ui-muted)!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
.cc-notice{background:var(--ui-card-2)!important;border:1px solid var(--ui-line)!important;border-radius:12px!important}
.cc-notice.unread{border-color:rgba(232,162,58,.4)!important}
.cc-notice-source{border-radius:8px!important;font-weight:600;letter-spacing:0!important;text-transform:none!important}
.cc-empty{padding:40px 16px;text-align:center;color:var(--ui-muted)}
.hero,.org-banner{background-image:none!important;background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.badge{border-radius:8px}

/* ───── Вход ───── */
.lg{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--ui-bg);color:var(--ui-text);font-family:var(--lc-font);isolation:isolate;overflow:hidden}
.lg-stage{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:72px;align-items:center}
.lg-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.lg-emblem{width:92px;height:92px;overflow:visible}
.lg-e-shield{fill:url(#lgg);fill-opacity:.14;stroke:url(#lgg);stroke-width:1.6;stroke-linejoin:round}
.lg-e-crown{fill:none;stroke:url(#lgg);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lg-e-dot{fill:#f6c15c}
.lg-title{margin:30px 0 0;display:grid;gap:4px;font-weight:800}
.lg-t1{font-size:clamp(40px,5.4vw,60px);line-height:1;font-style:italic;letter-spacing:-.01em;color:var(--ui-text)}
.lg-t2{font-size:clamp(22px,2.6vw,30px);line-height:1.2;font-weight:500;color:var(--ui-muted)}
.lg-lead{margin:22px 0 0;max-width:34ch;font-size:15px;line-height:1.6;color:var(--ui-text-2)}
.lg-panel{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:18px;padding:34px 32px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.lg-form h2{margin:0;font-size:24px;font-weight:700;letter-spacing:0}
.lg-sub{margin:8px 0 26px;font-size:13px;line-height:1.5;color:var(--ui-muted)}
.lg-field{margin-bottom:18px}
.lg-field input{width:100%;box-sizing:border-box;height:46px;background:var(--ui-field);border:1px solid var(--ui-field-line);border-radius:10px;color:var(--ui-text);font:500 15px var(--lc-font);padding:0 14px;transition:border-color .16s,box-shadow .16s}
.lg-field input:hover{border-color:#4a4545}
.lg-field input:focus,.lg-field input:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 3px rgba(232,162,58,.22);outline:none!important}
.lg-field input::selection{background:rgba(232,162,58,.4);color:#fff}
.lg-field input[aria-invalid=true]{border-color:var(--ui-bad)}
.lg-pass{position:relative}
.lg-pass input{padding-right:96px}
.lg-eye{position:absolute;right:5px;top:5px;bottom:5px;min-width:80px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--ui-muted);font:600 12px var(--lc-font);cursor:pointer}
.lg-eye:hover{color:var(--ui-text);background:#221f1f}
.lg-hint{margin-top:8px;font-size:12px;font-weight:600;color:#f7c667}
.lg-error{margin:0 0 16px;padding:11px 13px;border-radius:10px;border:1px solid rgba(239,83,80,.5);background:rgba(239,83,80,.1);color:#ff9a97;font-size:13px;line-height:1.45;font-weight:500}
.lg-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:10px;background:var(--ui-accent);color:var(--ui-accent-ink);font:700 15px var(--lc-font);cursor:pointer;transition:background .16s,transform .12s}
.lg-submit:hover:not(:disabled){background:var(--ui-accent-hi)}
.lg-submit:active:not(:disabled){transform:scale(.985)}
.lg-submit:disabled{cursor:progress;opacity:.85}
.lg-submit.is-loading::after{content:"";width:15px;height:15px;border-radius:50%;border:2px solid rgba(27,18,6,.3);border-top-color:var(--ui-accent-ink);animation:ui-spin .7s linear infinite}
.lg-foot{margin:20px 0 0;font-size:12px;line-height:1.5;color:var(--ui-muted)}
@media (max-width:900px){.lg-stage{grid-template-columns:1fr;gap:36px;justify-items:stretch}.lg-brand{align-items:center;text-align:center}.lg-lead{max-width:38ch}.lg-emblem{width:72px;height:72px}.lg-title{margin-top:20px}.lg-panel{padding:28px 22px}}
@media (max-height:640px){.lg{place-items:start center}}

/* ───── Остальные страницы: единый тёплый тон вместо синих плашек ───── */
.eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important;color:var(--ui-accent)!important}
.inline-note{background:none!important;border:0!important;padding:0!important}
.org-dashboard-card,.dashboard-hero,.dashboard-notice,.ranking-empty{background:var(--ui-card)!important;background-image:none!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.org-dashboard-card:hover{background:var(--ui-card-2)!important;border-color:var(--ui-line-2)!important}
.motion-hero-sweep,.motion-card-glow{display:none!important}
.dashboard-date{background:transparent!important;border:1px solid var(--ui-line-2)!important;color:var(--ui-text-2)!important}
.dash-stat-icon.blue,.org-card-icon{background:#262222!important;color:#d9c9b3!important;border-color:var(--ui-line)!important}
.org-card-metrics,.org-card-head{border-color:var(--ui-line)!important}
.status-chip.neutral{background:#262222!important;color:var(--ui-text-2)!important;border-color:var(--ui-line-2)!important}

/* Читаемость: нижняя граница размера и контраста для мелкого текста */
#page small{font-size:12px!important;color:var(--ui-muted)!important;letter-spacing:0!important;text-transform:none!important}
#page .status-chip{font-size:11px!important}
#page .org-card-leader,#page .org-card-leader span,#page .ranking-empty,#page .dashboard-panel p,#page .cc-panel p,#page .dash-panel p{font-size:12px!important}
#page .org-card-metrics small{font-size:11px!important}
#page .summary-sub,#page .call-history-page-note,#page .weekly-calendar-note,#page .weekly-calendar-note *,#page footer span,#page footer b{font-size:11px!important}

/* Нейтральный тёплый тон для второстепенного текста и таблиц */
#page :is(.muted,.summary-sub,.empty,.ranking-empty,.label,.period-option,.info-section-body,.call-history-page-note,.call-delegation-empty,.section-heading p,.cc-panel-head p,.dashboard-notice p,.dashboard-notice small,.org-card-leader,.all-good),#page th,#page td.empty{color:var(--ui-muted)!important}
#page .badge.neutral{color:var(--ui-text-2)!important;background:#262222!important;border-color:var(--ui-line-2)!important}
#page th{border-bottom-color:var(--ui-line)!important;font-weight:600}
#page td{border-bottom-color:var(--ui-line)!important}
#page :is(.toolbar-row,.table-wrap,.table-card,.panel){border-color:var(--ui-line)!important}
.cc-page-head{background:var(--ui-card)!important;background-image:none!important;border:1px solid var(--ui-line)!important;box-shadow:none!important;border-radius:14px!important}
.cc-stat-grid{gap:12px!important;margin:14px 0!important}
.cc-panel{margin-top:14px}
.cc-notice-list{gap:10px}

/* Остаточные синие плашки и градиенты */
#page :is(.period-switcher,.weekly-quick-actions,.summary-tabs,.org-command-block,.org-stream-panel,.org-command-card,.scoring-metric,.leader-norm-metric,.info-sections-shell,.weekly-review-empty,.call-delegation-board,.score-total,.leader-segment-banner,.version-history-item,.org-leader-history-fold,.daily-top-scroller,.empty,.select){background:var(--ui-card-2)!important;background-image:none!important;border-color:var(--ui-line)!important}
#page .period-arrow,#page .leader-calendar-day.no-leader{background:#242020!important;border-color:var(--ui-line-2)!important;color:var(--ui-text-2)!important}
#page :is(.summary-tab.active,.period-option.active,.daily-top-scroller.active){background:#2b2217!important;color:var(--ui-accent-hi)!important;border-color:rgba(232,162,58,.55)!important}
#page .badge:is(.info,.formula-badge){background:#262222!important;color:var(--ui-text-2)!important;border:1px solid var(--ui-line-2)!important}
#page .empty{border:1px dashed var(--ui-line-2)!important;background:transparent!important}
#page select,#page .select{border:1px solid var(--ui-field-line)!important;border-radius:10px!important;color:var(--ui-text)!important;font:500 14px var(--lc-font)!important;min-height:40px}
#page th{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
.hero:not(.dashboard-hero),.page-hero{background-image:none!important;background:var(--ui-card)!important}
.hero:not(.dashboard-hero)::before,.hero:not(.dashboard-hero)::after{background:none!important;box-shadow:none!important}

#page .hero p{color:var(--ui-text-2)!important}

/* ───── v6.1: единая шапка страницы, вкладки, пустые состояния ───── */
#page .eyebrow{display:none!important}
#page :is(.hero,.page-head,.cc-page-head,.review-stats-hero,.export-hero,.dashboard-hero):not(.dashboard-hero){padding:24px 26px!important;border-radius:16px!important}
#page :is(.hero,.page-head,.review-stats-hero,.export-hero,.cc-page-head) h2{margin:0!important;font-size:26px!important;line-height:1.2;font-weight:700!important;letter-spacing:-.005em;color:var(--ui-text)!important}
#page :is(.hero,.page-head,.review-stats-hero,.export-hero,.cc-page-head) p{margin:8px 0 0!important;max-width:78ch;font-size:14px!important;line-height:1.55;color:var(--ui-muted)!important}
#page :is(.review-stats-hero,.export-hero,.export-submit-panel,.export-preset.active,.user-status-tab.active,.user-account-toolbar){background:var(--ui-card)!important;background-image:none!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
#page :is(.export-preset.active,.user-status-tab.active){background:#2b2217!important;border-color:rgba(232,162,58,.55)!important;color:var(--ui-accent-hi)!important}
#page .export-hero-badge{background:#262222!important;color:var(--ui-text-2)!important;border:1px solid var(--ui-line-2)!important}
#page .user-status-tab{background:transparent!important;color:var(--ui-text-2)!important;border:1px solid var(--ui-line)!important;border-radius:10px!important}
#page .empty,#page .drawer-empty{line-height:1.5}
#page .empty b,#page .empty strong{display:block;margin-bottom:4px;color:var(--ui-text)}
#page :is(.trash-empty,.all-good) b{display:block;margin-bottom:3px}
#page .badge{font-weight:600;letter-spacing:0;text-transform:none;font-size:12px!important;padding:3px 9px;border-radius:8px}
#page .badge.good{background:rgba(25,179,122,.14)!important;color:#5fe0b0!important;border:1px solid rgba(25,179,122,.35)!important}
#page .badge.warn{background:rgba(245,158,11,.14)!important;color:#f7c667!important;border:1px solid rgba(245,158,11,.38)!important}
#page .badge.bad{background:rgba(239,83,80,.14)!important;color:#ff9a97!important;border:1px solid rgba(239,83,80,.4)!important}
#page table{border-collapse:separate;border-spacing:0}
#page tbody tr:hover td{background:rgba(255,255,255,.025)}
#page td,#page th{padding-top:11px;padding-bottom:11px}

/* ───── Анимации ───── */
@keyframes ui-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:no-preference){
  html:not([data-motion=off]) .lg-e-shield{stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0;animation:lg-draw 1s var(--ui-ease) .1s forwards,lg-fill .7s ease 1s forwards}
  html:not([data-motion=off]) .lg-e-crown{stroke-dasharray:1;stroke-dashoffset:1;animation:lg-draw .7s var(--ui-ease) .75s forwards}
  html:not([data-motion=off]) .lg-e-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:lg-pop .45s var(--ui-ease) 1.3s forwards}
  html:not([data-motion=off]) .lg-title{animation:lg-rise .7s var(--ui-ease) .9s both}
  html:not([data-motion=off]) .lg-lead{animation:lg-rise .7s var(--ui-ease) 1.05s both}
  html:not([data-motion=off]) .lg-panel{animation:lg-panel .75s var(--ui-ease) .55s both}
  html:not([data-motion=off]) .lg-form.is-shake{animation:lg-shake .38s ease}
  html:not([data-motion=off]) .lg-error:not([hidden]){animation:lg-rise .25s var(--ui-ease) both}
  html:not([data-motion=off]) .lg-hint:not([hidden]){animation:lg-rise .2s ease both}
  html:not([data-motion=off]) .lg-error,html:not([data-motion=off]) .lg-hint{animation-fill-mode:both}
  /* панель уведомлений: строки появляются по очереди */
  html:not([data-motion=off]) .drawer-backdrop.open .drawer-notice{animation:ui-item .32s var(--ui-ease) both;animation-delay:calc(var(--i,0)*45ms + 120ms)}
  html:not([data-motion=off]) .drawer-backdrop.open .drawer-empty{animation:ui-item .4s var(--ui-ease) .12s both}
  html:not([data-motion=off]) .drawer-backdrop.open .drawer-empty-mark{animation:lg-pop .5s var(--ui-ease) .25s both}
  /* меню пользователя */
  html:not([data-motion=off]) .lc-user-menu{animation:ui-menu .18s var(--ui-ease) both}
  /* колокольчик при новом уведомлении */
  html:not([data-motion=off]) .lc-bell.is-ring .ui-icon{transform-origin:50% 8%;animation:ui-ring .8s ease both}
  html:not([data-motion=off]) .lc-bell.is-ring .notif-count{animation:lg-pop .45s var(--ui-ease) both}
  /* пункты бокового меню и кнопки: честный отклик на нажатие */
  html:not([data-motion=off]) .lc-item,html:not([data-motion=off]) .lc-sub{transition:background-color .16s,color .16s}
}
@keyframes lg-draw{to{stroke-dashoffset:0}}
@keyframes lg-fill{to{fill-opacity:.14}}
@keyframes lg-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes lg-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lg-panel{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes lg-shake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes ui-item{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes ui-menu{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ui-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}
@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal,.notification-drawer,.drawer-backdrop,.lg *{animation:none!important;transition-duration:.001ms!important}}
.empty-state{display:grid;justify-items:center;gap:4px;padding:36px 16px;text-align:center;color:var(--ui-muted);font-size:13px}
.empty-state b{color:var(--ui-text);font-size:15px}
input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:#e8a23a;cursor:pointer}