/* v8.4 — worker app design layer (same language as admin/theme.css v8.3): neutral surfaces, soft layered shadows, 14–20px radii,
   line icons, calm status tints, 150–250ms motion, light + dark (html[data-theme], set before first paint), brand colour = accent only. */
:root{
  --accent:var(--red); --accent-ink:#fff; --accent-soft:color-mix(in srgb,var(--red) 11%,transparent);
  --bg:#f5f6f8; --card:#fff; --surface-2:#f0f2f5; --surface-3:#e6e9ee; --text:#15171c; --muted:#667085; --faint:#98a2b3; --line:#e7eaef;
  --ok:#16a34a; --ok-bg:#e8f7ee; --ok-ink:#137a3a; --soon:#d98b00; --soon-bg:#fff5df; --soon-ink:#9a6200; --over:#e5484d; --over-bg:#fdecec; --over-ink:#b4232a; --na:#8a94a6; --na-bg:#eef0f3;
  --info:#2563eb; --info-bg:#ebf2ff;
  --r:18px; --r-sm:12px; --r-md:14px; --r-lg:20px;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 2px 8px rgba(16,24,40,.05); --sh-2:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08); --sh-3:0 12px 40px rgba(16,24,40,.18);
  --ease:cubic-bezier(.2,.7,.2,1); --t:.18s;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
}
html[data-theme=dark]{
  --accent-soft:color-mix(in srgb,var(--red) 24%,transparent);
  --bg:#0f1115; --card:#171a21; --surface-2:#1e222b; --surface-3:#272c37; --text:#eef0f4; --muted:#a3abba; --faint:#6b7486; --line:#262b35;
  --ok:#34d399; --ok-bg:rgba(52,211,153,.13); --ok-ink:#5ee0a8; --soon:#fbbf24; --soon-bg:rgba(251,191,36,.13); --soon-ink:#fcd060; --over:#f87171; --over-bg:rgba(248,113,113,.14); --over-ink:#fca5a5; --na:#8a94a6; --na-bg:#232833;
  --info:#7aa7ff; --info-bg:rgba(122,167,255,.13);
  --shadow:0 1px 2px rgba(0,0,0,.4); --sh-2:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); --sh-3:0 16px 48px rgba(0,0,0,.6);
  color-scheme:dark;
}
html,body{background:var(--bg)}
body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color var(--t)}
a{color:var(--accent)}
.ic{width:22px;height:22px;flex:none;display:inline-block;vertical-align:middle}

/* top bar: glass, neutral; SOS stays loud */
.topbar{background:color-mix(in srgb,var(--card) 84%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);color:var(--text);box-shadow:0 1px 0 var(--line);padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
.brand img{width:36px;height:36px;border-radius:11px;box-shadow:var(--shadow)}
.brand b{font-size:16.5px;font-weight:750;letter-spacing:-.2px}
.brand small{opacity:1;color:var(--muted)}
.tb-btn{height:42px;min-width:42px;border-radius:14px;background:var(--surface-2);color:var(--text);font-weight:700;font-size:13.5px;gap:5px;padding:0 10px;transition:transform var(--t) var(--ease),background var(--t)}
.tb-btn .ic{width:20px;height:20px}
.tb-btn:active{background:var(--surface-3);transform:scale(.96)}
.tb-btn.sos{background:var(--over);color:#fff;font-size:14px;font-weight:800;letter-spacing:.4px;box-shadow:0 4px 14px color-mix(in srgb,var(--over) 40%,transparent);padding:0 12px 0 9px}
.tb-btn.sos:active{background:var(--over-ink)}
.offline-bar{background:var(--surface-3);color:var(--text)}

/* page */
.page{padding:16px 14px 0}
.page.pg-in{animation:pgin .2s var(--ease) both}
@keyframes pgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ph h1{font-size:23px;font-weight:800;letter-spacing:-.4px}
.ph .sub{color:var(--muted);font-size:14px}
.video-btn{background:var(--card);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);border-radius:999px;font-weight:650}
.video-btn .pl{background:var(--accent)}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);padding:16px}
.card h2{font-size:17.5px;font-weight:750;letter-spacing:-.2px}
.note{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:var(--r-md)}
.note.act{color:var(--text)}
.note.ok-n,.note.cert-n.ready{background:var(--ok-bg);border-color:transparent}
.note.ndfl-n.upd{background:var(--soon-bg);border-color:transparent}
.note.cert-n.st-work{background:var(--info-bg);border-color:transparent}
.hint{background:var(--info-bg);color:var(--info)}
.sec-title,.h2{letter-spacing:-.2px}
.muted{color:var(--muted)}
.kv{border-bottom-color:var(--line)}

/* calm banners instead of heavy colour blocks */
.banner{background:var(--over-bg);color:var(--text);box-shadow:none;border:1px solid color-mix(in srgb,var(--over) 22%,transparent)}
.banner.soon{background:var(--soon-bg);box-shadow:none;border-color:color-mix(in srgb,var(--soon) 25%,transparent)}
.banner.ok{background:var(--ok-bg);box-shadow:none;border-color:color-mix(in srgb,var(--ok) 25%,transparent)}
.banner .bt{text-transform:none;letter-spacing:0;font-size:14px;opacity:1;color:var(--over-ink)}
.banner.soon .bt{color:var(--soon-ink)}.banner.ok .bt{color:var(--ok-ink)}
.banner .bi{background:var(--card);color:var(--text);box-shadow:var(--shadow)}
.banner .bi .dot{background:var(--over)}.banner.soon .bi .dot{background:var(--soon)}.banner.ok .bi .dot{background:var(--ok)}
.banner .sum{color:var(--muted);opacity:1}
.me-card{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--sh-2);position:relative;overflow:hidden}
.me-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent)}
.ci-card{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--sh-2)}

/* shift hero — the check-in button stays the biggest, greenest thing on the screen */
.hero-card{border-radius:var(--r-lg);box-shadow:var(--sh-2);border:1px solid var(--line)!important;background:var(--card)}
.hero-card.live{background:var(--card);box-shadow:var(--sh-2),inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}
.hero-card.done{background:linear-gradient(180deg,var(--ok-bg),var(--card) 70%)}
.hero-card.missed{background:var(--over-bg)}
.hero-card.wait{background:linear-gradient(180deg,var(--accent-soft),var(--card) 80%);color:var(--text)}
.hero-ok{color:var(--ok-ink)}
.hero-btn{border-radius:20px;min-height:78px;background:linear-gradient(180deg,#22b35f,#16924b);box-shadow:0 10px 24px rgba(22,146,75,.32),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s var(--ease),filter .15s}
.hero-cf{background:var(--soon-bg);border:1px solid color-mix(in srgb,var(--soon) 30%,transparent);border-radius:var(--r-lg);box-shadow:none}
.ci-btn{border-radius:var(--r-md);background:#22b35f;color:#fff;box-shadow:0 8px 20px rgba(22,146,75,.28)}
.ci-btn.out{background:var(--soon);color:#2b1d00;box-shadow:none}

/* tiles: white cards with a status edge and a tinted icon */
.nd-tile,.cert-tile,.pet-tile{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow),inset 4px 0 0 var(--gold);color:var(--text);border-radius:var(--r);transition:transform var(--t) var(--ease),box-shadow var(--t)}
.nd-tile.upd,.pet-tile.over{box-shadow:var(--shadow),inset 4px 0 0 var(--over)}
.nd-tile.done{box-shadow:var(--shadow),inset 4px 0 0 var(--ok)}
.cert-tile{box-shadow:var(--shadow),inset 4px 0 0 var(--info)}
.pet-tile{box-shadow:var(--shadow),inset 4px 0 0 var(--soon)}
.nd-tile:active,.cert-tile:active,.pet-tile:active,.card[data-act]:active{transform:scale(.985)}

/* controls */
.btn{border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:750;min-height:54px;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 26%,transparent);transition:transform .15s var(--ease),filter .15s}
.btn:active{transform:scale(.98)}
.btn.sec{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}
.btn.gold{background:var(--gold);color:#2b1d00;box-shadow:none}
.btn.wa{background:#25d366;box-shadow:0 6px 16px rgba(37,211,102,.3)}
.btn.red{background:var(--over)}
.btn.sm{min-height:40px;box-shadow:none}
.seg{background:var(--surface-2);border-radius:14px;padding:4px}
.seg button{border-radius:11px;color:var(--muted);font-weight:650;transition:background var(--t),color var(--t)}
.seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.06)}
.chip{background:var(--card);border:1px solid var(--line);color:var(--text);font-weight:650;transition:background var(--t),color var(--t)}
.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.chip input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.pill{font-weight:700}
.pill.soon{color:var(--soon-ink)}.pill.ok{color:var(--ok-ink)}.pill.over{color:var(--over-ink)}
.field label{color:var(--muted);font-weight:650}
.field input[type=date],.field input[type=text],.field input[type=tel],.field input[type=number],.field select,.field textarea,.inp,.search input,input[type=search]{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t),box-shadow var(--t)}
.field input:focus,.field select:focus,.field textarea:focus,.inp:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}
.toggle,.switch{accent-color:var(--accent)}

/* tab bar: glass, accent pill on the active tab */
.tabbar{background:color-mix(in srgb,var(--card) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--line);box-shadow:none}
.tab{color:var(--faint);font-weight:650;transition:color var(--t)}
.tab .i{filter:none;opacity:1;display:grid;place-items:center;width:52px;height:30px;border-radius:999px;transition:background var(--t) var(--ease),transform .15s var(--ease)}
.tab .i .ic{width:23px;height:23px}
.tab.on{color:var(--accent)}
.tab.on .i{background:var(--accent-soft)}
.tab.on::after{display:none}
.tab:active .i{transform:scale(.92)}
.tab .badge{background:var(--over);color:#fff;box-shadow:0 0 0 2px var(--card)}
.fab{box-shadow:0 8px 22px rgba(37,211,102,.38);transition:transform .15s var(--ease)}
.fab:active{transform:scale(.94)}

/* bottom sheets + toasts + skeletons */
.modal-bg{background:rgba(10,12,16,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s var(--ease)}
.modal{background:var(--card);color:var(--text);border-radius:24px 24px 0 0;box-shadow:var(--sh-3);animation:sheetup .24s var(--ease)}
@keyframes sheetup{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.modal .grab{background:var(--surface-3);width:44px}
.modal h3{font-size:20px;font-weight:800;letter-spacing:-.3px}
.modal h3 .ic{color:var(--accent)}
.modal .x{background:var(--surface-2);color:var(--text)}
.modal .card{box-shadow:none;background:var(--surface-2);border-color:transparent}
.menu-item{border-bottom:1px solid var(--line);color:var(--text);font-weight:600;border-radius:0;transition:background var(--t)}
.menu-item:active{background:var(--surface-2)}
.menu-item .e{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--accent)}
.menu-item .e .ic{width:20px;height:20px}
.menu-item.hl{background:var(--soon-bg)}
.menu-theme{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 4px;border-bottom:1px solid var(--line)}
.menu-theme .e{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--accent)}
.menu-theme .e .ic{width:20px;height:20px}
.menu-theme .mt-l{font-size:16px;font-weight:600;flex:1}
.menu-theme .th-seg{flex:1 1 100%}
.th-seg button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px}
.th-seg button .ic{width:18px;height:18px}
.toast{background:#1d2230;color:#f3f4f6;border-radius:16px;box-shadow:var(--sh-3);padding:12px 16px;animation:toastin .24s var(--ease)}
@keyframes toastin{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.skel-wrap{display:flex;flex-direction:column;gap:10px;padding:4px 0 12px}
.skel{height:64px;border-radius:var(--r);background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:skel 1.1s linear infinite}
.skel-h{height:110px}.skel-s{height:40px;width:60%}
.skel-wrap .small{text-align:center}
@keyframes skel{from{background-position:200% 0}to{background-position:-200% 0}}

/* login: calm neutral screen with the brand logo as the colour */
.login{background:radial-gradient(120% 60% at 50% 0%,var(--accent-soft),transparent 70%),var(--bg);color:var(--text)}
.login .langs button{background:var(--card);color:var(--text);border:1px solid var(--line);font-weight:650}
.login .langs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.login .hero img{box-shadow:var(--sh-2)}
.login .hero h1{letter-spacing:-.5px;font-weight:800}
.login .hero p{color:var(--muted);opacity:1}
.login .box{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--sh-2)}
.login .foot{color:var(--muted);opacity:1}

/* dark: neutralise hard-coded light colours of style.css */
html[data-theme=dark] .player{background:#000}
html[data-theme=dark] .tbl th,html[data-theme=dark] .tbl td{border-color:var(--line)}
html[data-theme=dark] img.doc-img,html[data-theme=dark] .cert-paper{filter:brightness(.92)}
html[data-theme=dark] [style*="background:#fff"],html[data-theme=dark] [style*="background: #fff"]{background:var(--card)!important}
html[data-theme=dark] .doc,html[data-theme=dark] .news,html[data-theme=dark] .kb,html[data-theme=dark] .ticket,html[data-theme=dark] .friend,html[data-theme=dark] .shift,html[data-theme=dark] .ev,html[data-theme=dark] .lb-row,html[data-theme=dark] .stat,html[data-theme=dark] .points-card,html[data-theme=dark] .refbox,html[data-theme=dark] .pet-box,html[data-theme=dark] .abs-item,html[data-theme=dark] .cal-d,html[data-theme=dark] .route,html[data-theme=dark] .police,html[data-theme=dark] .explain,html[data-theme=dark] .bank-why,html[data-theme=dark] .nd-step,html[data-theme=dark] .qbtn,html[data-theme=dark] .pcat,html[data-theme=dark] .tchip,html[data-theme=dark] .file-btn,html[data-theme=dark] .reply,html[data-theme=dark] .cmt,html[data-theme=dark] .lang-list button,html[data-theme=dark] .search{background-color:var(--card);color:var(--text);border-color:var(--line)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* round 2 */
.nt-bar i{background:var(--surface-3)}.nt-bar i.on{background:var(--ok)}.nt-bar i.cur{background:var(--gold)}
.bar{background:var(--surface-3)}
.nd-step:not(:last-child)::after{background:var(--line)}
.sec-title{text-transform:none;letter-spacing:-.1px;font-size:15px;font-weight:750;color:var(--text)}
.login .hero img{display:block;margin:0 auto;border-radius:26px}
.login .hero h1{text-transform:none;letter-spacing:-.6px;font-size:30px}
.brand{gap:10px}
.brand small{display:none}
@media (max-width:420px){.tb-btn[data-act=lang] .ic{display:none}.tb-btn{padding:0 9px}.topbar{gap:7px}.tb-btn.sos{padding:0 11px 0 8px}}

/* ---------- v8.5: «Предупредить об увольнении» ---------- */
.menu-item.dism-mi{display:flex;align-items:center}
.menu-item .mi-sub{margin-left:auto;padding:2px 9px;border-radius:99px;background:var(--soon-bg);color:var(--soon-ink);font-size:12.5px;font-weight:700}
.note.dism-n{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;background:var(--soon-bg);border-color:transparent;color:var(--soon-ink);cursor:pointer}
.note.dism-n.st-confirmed{background:var(--info-bg);color:var(--text)}
.note.dism-n .ic{width:22px;height:22px;flex:none}.note.dism-n span:not(.nt-arr){flex:1}
.dism-intro{color:var(--text);line-height:1.5;margin:4px 0 14px}
.dism-note{margin:12px 2px 2px;line-height:1.45}
.dism-warn{margin:6px 0 12px;padding:10px 12px;border-radius:var(--r-md);background:var(--soon-bg);color:var(--soon-ink);font-size:14px;font-weight:600}
.dism-warn[hidden]{display:none}
#dismday{font-size:18px;min-height:52px}
.dism-q{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 8px 16px;font-size:18px;line-height:1.35}
.dism-q>.ic{width:44px;height:44px;padding:10px;border-radius:16px;background:var(--accent-soft);color:var(--accent);box-sizing:content-box}
.dism-q .dism-warn{font-size:13.5px;margin:0}
.dism-st{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 12px;margin:6px 0 14px;border-radius:var(--r-lg);background:var(--surface-2)}
.dism-st .ds-l{font-size:13px;color:var(--muted);font-weight:600}
.dism-st .ds-d{font-size:30px;letter-spacing:-.5px;color:var(--text);font-variant-numeric:tabular-nums}
.dism-st .ds-left{font-size:14px;color:var(--soon-ink);font-weight:700}
.dism-st .ds-s{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;border-radius:99px;background:var(--card);font-size:13.5px;font-weight:600;color:var(--text)}
.dism-st.st-confirmed .ds-s{background:var(--ok-bg);color:var(--ok-ink)}
.dism-st .ds-s .ic{width:16px;height:16px}
.modal .big-cta+.big-cta{margin-top:10px}
.btn.danger-o{background:transparent;color:var(--over);border:1.5px solid var(--over);box-shadow:none}

/* launch: worker monthly табель */
.tabel .cal-nav:disabled{opacity:.25}
.tb-grid{gap:3px}
.tb-d{min-height:44px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--na-bg);line-height:1.1}
.tb-d b{font-size:12px;font-weight:700;opacity:.75}
.tb-d i{font-style:normal;font-size:12.5px;font-weight:800;min-height:14px}
.tb-d.w{background:var(--ok-bg)} .tb-d.w i{color:var(--ok)}
.tb-d.sick{background:var(--soon-bg)} .tb-d.sick i{color:var(--soon)}
.tb-d.miss{background:var(--over-bg)} .tb-d.miss i{color:var(--over)}
.tb-d.off{background:var(--na-bg)} .tb-d.off i{color:var(--na)}
.tb-d.ci{background:transparent;border:1.5px dashed var(--ok)} .tb-d.ci i{color:var(--ok)}
.tb-d.wait i,.tb-d.plan i{color:var(--muted)}
.tb-d.plan{background:transparent;border:1px solid var(--line)}
.tb-d.today{outline:2px solid var(--gold);outline-offset:-1px}
.tb-tot{display:flex;gap:8px;margin-top:10px}
.tb-tot div{flex:1;background:var(--na-bg);border-radius:12px;padding:8px 6px;text-align:center}
.tb-tot b{display:block;font-size:20px;line-height:1.1}
.tb-tot span{font-size:11.5px;color:var(--muted);font-weight:600}
.tb-ci{margin-top:8px;padding:8px 10px;border:1.5px dashed var(--ok);border-radius:10px}
.tb-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px}
.tb-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px;background:var(--na-bg)}
.tb-leg i.w{background:var(--ok)} .tb-leg i.sick{background:var(--soon)} .tb-leg i.miss{background:var(--over)} .tb-leg i.off{background:var(--na)} .tb-leg i.ci{background:transparent;border:1.5px dashed var(--ok)}

/* «👁 Войти как…» banner (admin viewing as this worker) */
.imp-bar{position:sticky;top:0;z-index:1000;background:#7c2d12;color:#fff;padding:8px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;line-height:1.3}
.imp-bar small{opacity:.8}
.imp-bar form{margin:0 0 0 auto}
.imp-bar button{background:#fff;color:#7c2d12;border:0;border-radius:10px;padding:6px 12px;font-weight:700;font-size:13.5px}
/* «🚪 Отпроситься» */
.el-btn{width:100%;margin-top:10px}
.el-st{margin-top:10px;padding:10px 12px;border-radius:12px;font-weight:600;line-height:1.35}
.el-st.wait{background:color-mix(in srgb,var(--soon) 16%,transparent);border:1.5px solid var(--soon)}
.el-st.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);border:1.5px solid var(--ok)}
.el-st.no{background:color-mix(in srgb,var(--over) 12%,transparent);border:1.5px solid var(--over)}
.tb-d.el{box-shadow:inset 0 -3px 0 var(--soon)} .tb-d.el i{font-size:10px;letter-spacing:-.2px}
.tb-leg i.el{background:var(--ok);box-shadow:inset 0 -3px 0 var(--soon)}
.tb-el{margin-top:8px;padding:8px 10px;border:1.5px solid var(--soon);border-radius:10px}

/* НДФЛ: yearly заявление card */
.nd-app{font-size:14px;line-height:1.4;border-left:4px solid var(--ok,#2e9d5b)}
.nd-app.warn{border-left-color:var(--soon,#d99a00);background:rgba(217,154,0,.08)}

/* fix 21.10: finished shift is neutral, not green «на смене» */
.hero-card.done.ended{background:var(--card);border-color:#c9d1da}.hero-card.done.ended .hero-ok{color:var(--text)}

/* 22.10: «✏️ Исправить» in «Ближайшие сроки» and calendar */
.banner .bi-row{display:flex;gap:6px;align-items:stretch;margin-top:6px}.banner .bi-row .bi{margin-top:0;flex:1 1 0;min-width:0;width:auto;display:grid;grid-template-columns:10px 1fr;column-gap:10px;row-gap:2px;align-items:center}.banner .bi-row .bi .n{grid-column:2}.banner .bi-row .bi .d{grid-column:2;white-space:normal;font-size:12px;opacity:.8}
.bi-ed{flex:0 0 auto;align-self:stretch;border:0;border-radius:12px;padding:8px 10px;font-weight:700;font-size:13px;background:var(--accent-soft,#e8f0fb);color:var(--text);box-shadow:var(--shadow);white-space:nowrap}
.banner .bi-row.st-fill .dot,.banner .bi-row.st-nodate .dot{background:#9aa5b1}
.ev .ev-ed{margin-left:6px;padding:6px 8px;font-size:12px}

/* 22.10: «Мои планы» */
.pl-grid{margin-top:8px}.pl-d{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:10px;background:var(--na-bg,#eef0f3);color:var(--text);font:inherit;padding:2px}
.pl-d b{font-size:15px}.pl-d i{font-style:normal;font-size:12px;line-height:14px;min-height:14px}.pl-d s{text-decoration:none;font-size:9px;line-height:9px;opacity:.7}
.pl-d.work{background:#d9f3e3;box-shadow:inset 0 0 0 2px #2e9e5b;color:#16683a}.pl-d.off{background:#dfe3e8;color:#56616d}.pl-d.shift{background:#dbe7fb;color:#1f4f9b}.pl-d.no{background:#fbdede;color:#a32d2d}.pl-d.fixed{opacity:.9}
.pl-l{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:4px;vertical-align:-2px}.pl-l.work{background:#d9f3e3;box-shadow:inset 0 0 0 2px #2e9e5b}.pl-l.off{background:#dfe3e8}.pl-l.shift{background:#dbe7fb}.pl-l.unk{background:#eef0f3}