/* CEOroom v1 — вид по макету ~/pf-private/owner-system/mockup/ceoroom-v2.html (Google Календарь + Todoist). */
:root{
  --font:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --page:#F1F3F4; --bg:#FFFFFF; --bg-2:#F8F9FA; --bg-3:#F1F3F4;
  --line:#DADCE0; --line-soft:#E8EAED;
  --text:#202124; --text-2:#3C4043; --text-3:#5F6368; --text-4:#80868B;
  --accent:#1A73E8; --accent-bg:#E8F0FE; --accent-ink:#1967D2;
  --now:#EA4335;
  --spec:#D18A5E; --spec-bg:#FBF1EA;
  --mgr:#5B87C5;  --mgr-bg:#EDF2FA;
  --own:#2F9A6A;  --own-bg:#E8F5EE;
  --rec:#9886CF;  --rec-bg:#F2EFFA;
  --none:#9AA0A6; --none-bg:#F1F3F4;
  --p1:#D1453B; --p2:#EB8909; --p3:#246FE0; --p4:#9AA0A6;
  --late:#C5221F; --late-bg:#FCE8E6; --warn:#8A5300; --warn-bg:#FEEFC3;
  --safe-b:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body{overflow:hidden}
#root{height:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
a{color:var(--accent-ink)}
svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hide{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── вход ── */
.login{min-height:100%;display:grid;place-items:center;background:var(--page);padding:24px 16px;overflow:auto;height:100%}
.lcard{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;box-shadow:0 1px 2px rgb(60 64 67 / .12)}
.lcard .logo{margin:0 0 18px}
.lcard h1{font-size:20px;font-weight:500;margin-bottom:6px}
.lcard p{font-size:13.5px;color:var(--text-3);line-height:1.45;margin-bottom:16px}
.field{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:16px;background:#fff;outline:none}
.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.field.code{letter-spacing:.3em;font-size:20px;text-align:center}
.btn{height:42px;padding:0 18px;border-radius:21px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.btn.pri{background:var(--accent);color:#fff}
.btn.pri:disabled{opacity:.55;cursor:default}
.btn.ghost{color:var(--accent-ink)}
.btn.block{width:100%;margin-top:12px}
.lmsg{font-size:13px;margin-top:12px;line-height:1.4;min-height:18px;color:var(--text-3)}
.lmsg.err{color:var(--late)}
.qr{display:block;width:180px;height:180px;margin:4px auto 10px;border:1px solid var(--line-soft);border-radius:8px}
.secret{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--bg-2);padding:8px;border-radius:8px;margin-bottom:12px;color:var(--text-2)}

/* ── оболочка ── */
.shell{height:100%;display:flex;flex-direction:column}
.devbar{flex:none;background:var(--warn-bg);color:var(--warn);font-size:12px;padding:4px 16px;text-align:center}
.topbar{flex:none;height:56px;display:flex;align-items:center;gap:4px;padding:0 8px 0 6px;border-bottom:1px solid var(--line-soft)}
.topbar .sp{flex:1}
.ttl{font-size:20px;font-weight:400;color:var(--text-2);margin-left:6px;white-space:nowrap}
.ib{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text-3);flex:none}
.ib:hover{background:var(--bg-3)}
.todaybox{width:22px;height:22px;border:1.8px solid var(--text-3);border-radius:4px;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--text-3);line-height:1}
.av{width:32px;height:32px;border-radius:50%;background:#5F6368;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:500;flex:none;margin:0 6px}
.logo{display:flex;align-items:center;gap:8px;font-size:21px;color:var(--text-2);white-space:nowrap}
.logo .mk{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center}
.logo .mk svg{width:19px;height:19px}
.btn-o{height:36px;padding:0 16px;border:1px solid var(--line);border-radius:18px;font-size:14px;font-weight:500;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#fff}
.range{font-size:20px;color:var(--text-2);margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:18px;overflow:hidden;height:36px}
.seg button{padding:0 14px;font-size:13.5px;font-weight:500;color:var(--text-2);border-left:1px solid var(--line);white-space:nowrap}
.seg button:first-child{border-left:0}
.seg button.on{background:var(--accent-bg);color:var(--accent-ink)}
.body{flex:1;min-height:0;display:flex}
.side{display:none}
.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.view{flex:1;min-height:0;display:flex;flex-direction:column}
@media (max-width:899px){.desk-only{display:none!important}}

/* меню аккаунта */
.menu{position:absolute;right:10px;top:52px;z-index:40;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 16px rgb(60 64 67 / .2);padding:6px;min-width:200px}
.menu .who{font-size:12px;color:var(--text-3);padding:6px 10px 8px;border-bottom:1px solid var(--line-soft);margin-bottom:4px;word-break:break-all}
.menu button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border-radius:6px;font-size:14px;color:var(--text-2)}
.menu button:hover{background:var(--bg-3)}

/* ── календарь ── */
.wstrip{flex:none;display:grid;grid-template-columns:repeat(7,1fr);padding:4px 8px 6px;border-bottom:1px solid var(--line-soft)}
.wd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0}
.wd small{font-size:11px;color:var(--text-3);font-weight:500}
.wd b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:500;color:var(--text-2)}
.wd.td small{color:var(--accent)}
.wd.td b{color:var(--accent)}
.wd.on b{background:var(--accent);color:#fff}
.wd .dots{display:flex;gap:2px;height:4px}
.wd .dots i{width:4px;height:4px;border-radius:50%}

.assist{flex:none;padding:7px 16px;border-bottom:1px solid var(--line-soft)}
.assist .row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-height:18px}
.assist .row svg{width:14px;height:14px;color:var(--own)}
.assist .row b{font-weight:500;color:var(--own)}
.assist .g{color:var(--text-4)}
.assist .lg{display:none;gap:12px;margin-left:auto}
.chip-off{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:11px;background:var(--bg-3);color:var(--text-3);font-size:11.5px;font-weight:500;flex:none;margin:6px 0 0}
.chip-off svg{width:13px;height:13px;color:var(--text-3)}
.chip-off.err{background:var(--late-bg);color:var(--late)}
.rbar{display:flex;height:4px;border-radius:2px;overflow:hidden;gap:1px;margin:6px 0 0;background:var(--line-soft)}
.rbar i{display:block;height:100%}
.rbar .specialist{background:var(--spec)} .rbar .manager{background:var(--mgr)} .rbar .owner{background:var(--own)} .rbar .recovery{background:var(--rec)}
.rbar .rest{background:transparent}
.rbar.empty{opacity:.6}

.dhead{flex:none;display:grid;border-bottom:1px solid var(--line-soft)}
.dh{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0}
.dh small{font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.04em}
.dh b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:400;color:var(--text-2)}
.dh.td small{color:var(--accent)}
.dh.td b{background:var(--accent);color:#fff}
.allday{flex:none;display:grid;border-bottom:1px solid var(--line-soft);min-height:0}
.allday .cell{padding:3px 2px;display:flex;flex-direction:column;gap:2px;min-width:0;border-left:1px solid var(--line-soft)}
.allday .cell:first-child{border-left:0}
.allday .lbl{font-size:10px;color:var(--text-4);display:grid;place-items:center end;padding-right:8px}
.adev{font-size:11.5px;border-radius:4px;padding:2px 6px;background:var(--rb,var(--none-bg));box-shadow:inset 3px 0 0 var(--rc,var(--none));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}

.gwrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;position:relative}
.grid{position:relative;display:grid}
.hcol{position:relative}
.hcol span{position:absolute;right:8px;font-size:10.5px;color:var(--text-4);transform:translateY(-50%);white-space:nowrap}
.dcol{position:relative;border-left:1px solid var(--line-soft);
  background-image:repeating-linear-gradient(to bottom,var(--line-soft) 0,var(--line-soft) 1px,transparent 1px,transparent var(--rh))}
.dcol.we{background-color:#FCFCFD}
.ev{position:absolute;border-radius:6px;padding:4px 7px 4px 9px;overflow:hidden;min-width:0;text-align:left;
  font-size:12px;line-height:1.3;color:var(--text);box-shadow:inset 3px 0 0 var(--rc);background:var(--rb);border:1px solid #fff}
.ev .t{display:flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap;overflow:hidden}
.ev .t span{overflow:hidden;text-overflow:ellipsis}
.ev .t svg{width:12px;height:12px;color:var(--rc);flex:none;stroke-width:2}
.ev .m{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev.one{display:flex;align-items:center;gap:6px;padding-top:0;padding-bottom:0}
.ev.one .t{flex:1;min-width:0}
.ev.one .m{flex:none}
.ev.past{opacity:.62}
.ev.proposed{border:1.5px dashed var(--rc)}
.r-specialist{--rc:var(--spec);--rb:var(--spec-bg)}
.r-manager{--rc:var(--mgr);--rb:var(--mgr-bg)}
.r-owner{--rc:var(--own);--rb:var(--own-bg)}
.r-recovery{--rc:var(--rec);--rb:var(--rec-bg)}
.r-none{--rc:var(--none);--rb:var(--none-bg)}
.free{position:absolute;left:2px;right:6px;border:1.5px dashed #B7C9E8;border-radius:8px;background:#F7FAFF;padding:7px 9px;overflow:hidden;display:flex;flex-direction:column;gap:5px;z-index:1}
.free .k{font-size:11.5px;color:var(--accent-ink);display:flex;align-items:center;gap:5px;font-weight:500}
.free .k svg{width:13px;height:13px}
.free .tx{font-size:12px;color:var(--text-2);line-height:1.35}
.free .tx b{font-weight:500;color:var(--text)}
.free .act{display:flex;gap:6px;align-items:center}
.rt{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-3);white-space:nowrap}
.rt i{width:8px;height:8px;border-radius:2px;display:inline-block;flex:none}
button.rt{border-radius:9px;padding:1px 4px;margin:-1px -4px}
button.rt:hover{background:var(--bg-3)}
.chipbtn{height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:500;color:var(--text-2);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.chipbtn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.chipbtn svg{width:13px;height:13px}
.chipbtn.on{background:var(--accent-bg);border-color:#C6DAFC;color:var(--accent-ink)}
.nowl{position:absolute;left:-1px;right:0;height:2px;background:var(--now);z-index:3;pointer-events:none}
.nowl::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--now)}
.calnote{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:13px;color:var(--text-4);text-align:center;pointer-events:none;width:80%;line-height:1.5}

/* ── нижние вкладки ── */
.tabbar{flex:none;height:calc(64px + var(--safe-b));padding:6px 0 calc(6px + var(--safe-b));border-top:1px solid var(--line-soft);display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}
.tb{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--text-3)}
.tb .pill{width:60px;height:30px;border-radius:15px;display:grid;place-items:center;position:relative}
.tb .pill svg{width:21px;height:21px}
.tb .bdg{position:absolute;top:1px;right:9px;min-width:16px;height:16px;border-radius:8px;background:var(--p1);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.tb.on{color:var(--accent-ink)}
.tb.on .pill{background:var(--accent-bg)}

/* ── «Спросить» ── */
.fab{position:fixed;right:16px;bottom:calc(84px + var(--safe-b));width:60px;height:60px;border-radius:50%;background:#fff;color:var(--accent);
  box-shadow:0 1px 3px rgb(60 64 67 / .3),0 4px 10px 3px rgb(60 64 67 / .15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;z-index:20}
.fab svg{width:22px;height:22px;stroke-width:2}
.fab span{font-size:9.5px;font-weight:500;color:var(--text-2);line-height:1}
.scrim{position:fixed;inset:0;background:rgb(32 33 36 / .32);z-index:30}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;background:#fff;border-radius:16px 16px 0 0;max-height:88%;display:flex;flex-direction:column;
  box-shadow:0 -4px 24px rgb(60 64 67 / .25);padding-bottom:var(--safe-b)}
.sheet-h{flex:none;display:flex;align-items:center;gap:8px;padding:10px 8px 6px 18px}
.sheet-h h2{font-size:16px;font-weight:500;flex:1}
.sheet-b{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 12px}
.sheet-f{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line-soft)}
.askin{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:22px;padding:11px 16px;font-size:15px;outline:none;line-height:1.35}
.askin:focus{border-color:var(--accent)}
.rbtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--accent);background:var(--accent-bg)}
.rbtn.send{background:var(--accent);color:#fff}
.rbtn.send:disabled{opacity:.45}
.rbtn.rec{background:var(--now);color:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgb(234 67 53 / .18)}}
.recline{flex:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;color:var(--text-2)}
.recline i{width:10px;height:10px;border-radius:50%;background:var(--now);display:inline-block}
.ask-empty{font-size:13.5px;color:var(--text-3);line-height:1.5;padding:8px 2px}
.acard{border:1px solid var(--line-soft);border-radius:12px;padding:12px 14px;margin-top:10px;background:#fff}
.acard .q{font-size:13px;color:var(--text-3);display:flex;gap:6px;align-items:flex-start;margin-bottom:8px}
.acard .q svg{width:14px;height:14px;margin-top:2px}
.acard .a{font-size:14.5px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-wrap:break-word}
.acard .a sup{font-size:10px;color:var(--accent-ink);font-weight:500;margin:0 1px}
.acard .meta{font-size:11.5px;color:var(--text-4);margin-top:8px}
.srcs{margin-top:10px;border-top:1px solid var(--line-soft);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.src{font-size:12.5px;color:var(--text-2);display:flex;gap:8px;line-height:1.35}
.src .n{flex:none;width:18px;height:18px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:10.5px;font-weight:500;color:var(--text-3)}
.src.cited .n{background:var(--accent-bg);color:var(--accent-ink)}
.src .bd{min-width:0}
.src .lb{color:var(--text-4)}
.rate{display:flex;gap:6px;margin-top:10px}
.rate button{height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}
.rate button svg{width:15px;height:15px}
.rate button.on{background:var(--accent-bg);border-color:#C6DAFC;color:var(--accent-ink)}
.acard.err .a{color:var(--late)}
.spin{width:16px;height:16px;border:2px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite;display:inline-block;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}

/* лист выбора роли */
.rolesheet .opts{display:flex;flex-direction:column;gap:4px;padding:4px 0 8px}
.rolesheet .opt{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;font-size:15px;color:var(--text-2);text-align:left}
.rolesheet .opt:hover{background:var(--bg-3)}
.rolesheet .opt i{width:14px;height:14px;border-radius:3px;flex:none}
.rolesheet .opt.on{background:var(--accent-bg);color:var(--accent-ink);font-weight:500}
.rolesheet .sub{font-size:13px;color:var(--text-3);padding:0 2px 8px;line-height:1.4}

/* ── накопитель ── */
.ib-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 16px 110px;scrollbar-width:thin}
.dib-top{display:none}
.qadd{border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px}
.qadd .row1{display:flex;align-items:center;gap:10px;height:44px}
.qadd .plus{width:20px;height:20px;border-radius:50%;background:var(--p1);color:#fff;display:grid;place-items:center;flex:none}
.qadd .plus svg{width:14px;height:14px;stroke-width:2.4}
.qadd input{flex:1;min-width:0;border:0;outline:none;font-size:15px;background:transparent;height:40px}
.qadd .row2{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px}
.qadd.closed .row2{display:none}
.hint{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line-soft);margin-top:10px}
.hint .hi{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--bg-3);color:var(--text-3)}
.hint .hi svg{width:15px;height:15px}
.hint .tx{flex:1;min-width:0}
.hint .k{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.hint .v{font-size:13.5px;color:var(--text);line-height:1.35;margin-top:2px}
.hint .s{font-size:12px;color:var(--text-3);line-height:1.4;margin-top:3px}
.sec-h{display:flex;align-items:baseline;gap:8px;padding:16px 0 6px;border-bottom:1px solid var(--line-soft)}
.sec-h h3{font-size:15px;font-weight:700;color:var(--text)}
.sec-h .c{font-size:12px;color:var(--text-4)}
.sec-h .r{margin-left:auto;font-size:12px;color:var(--text-4)}
.empty{font-size:13px;color:var(--text-4);padding:12px 0}
.task{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);align-items:flex-start;min-width:0}
.cb{width:19px;height:19px;border-radius:50%;border:1.6px solid var(--pc);background:color-mix(in srgb,var(--pc) 9%,#fff);flex:none;margin-top:1px;display:grid;place-items:center;color:transparent}
.cb svg{width:11px;height:11px;stroke-width:3}
.cb:hover{color:var(--pc)}
.done .cb{background:var(--pc);color:#fff}
.done .tt{text-decoration:line-through;color:var(--text-4)}
.p1{--pc:var(--p1)} .p2{--pc:var(--p2)} .p3{--pc:var(--p3)} .p4{--pc:var(--p4)}
.task .bd{flex:1;min-width:0}
.task .tt{font-size:14px;line-height:1.35;color:var(--text);word-wrap:break-word}
.task .mt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px}
.task .tact{flex:none;display:flex;gap:2px;margin-top:-6px}
.task .tact .ib{width:32px;height:32px}
.task .tact svg{width:17px;height:17px}
.due{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--text-3);white-space:nowrap}
.due svg{width:12px;height:12px}
.due.today{color:#058527}
.due.late{color:var(--late)}
.donelist .task{padding:6px 0}
.donelist .tt{font-size:13px}
.toggle-done{font-size:12.5px;color:var(--text-3);padding:12px 0 4px;display:flex;align-items:center;gap:4px}
.toggle-done svg{width:15px;height:15px}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px}
.bcol{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:10px;padding:4px 10px 8px;min-width:0}
.ps-h{display:flex;align-items:center;gap:9px;padding:10px 0 6px}
.ps-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:500;color:#fff;flex:none;background:#5F6368}
.ps-h .nm{font-size:14px;font-weight:500}
.ps-h .dp{font-size:12px;color:var(--text-4)}
.ps-h .c{margin-left:auto;font-size:12px;color:var(--text-4)}
.toast{position:fixed;left:50%;bottom:calc(150px + var(--safe-b));transform:translateX(-50%);background:#323232;color:#fff;font-size:13.5px;padding:10px 16px;border-radius:8px;z-index:50;max-width:90%;box-shadow:0 2px 8px rgb(0 0 0 / .3)}

/* ── компьютер ── */
@media (min-width:900px){
  .mob-only{display:none!important}
  .topbar{height:64px;padding:0 16px 0 12px;gap:6px}
  .topbar .logo{margin:0 22px 0 4px}
  .tabbar{display:none}
  .side{display:flex;flex:none;width:248px;flex-direction:column;gap:2px;padding:12px 12px 20px 8px;overflow-y:auto;border-right:1px solid var(--line-soft)}
  .create{height:52px;padding:0 22px 0 16px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgb(60 64 67 / .3),0 1px 3px 1px rgb(60 64 67 / .15);
    display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--text-2);align-self:flex-start;margin:0 0 14px 4px}
  .create .plus{width:24px;height:24px;border-radius:50%;background:var(--p1);color:#fff;display:grid;place-items:center}
  .create .plus svg{width:16px;height:16px;stroke-width:2.4}
  .nav{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px 0 16px;border-radius:0 20px 20px 0;font-size:14px;color:var(--text-2);margin-left:-8px;text-align:left}
  .nav svg{width:20px;height:20px;color:var(--text-3)}
  .nav .n{margin-left:auto;font-size:12px;color:var(--text-4)}
  .nav.on{background:var(--accent-bg);color:var(--accent-ink);font-weight:500}
  .nav.on svg{color:var(--accent-ink)}
  .side-h{font-size:13px;font-weight:500;color:var(--text-2);padding:16px 8px 6px;display:flex;align-items:center}
  .side-h .r{margin-left:auto;font-size:11.5px;color:var(--text-4);font-weight:400}
  .rolechk{display:flex;align-items:center;gap:10px;height:30px;padding:0 8px;font-size:13.5px;color:var(--text-2)}
  .rolechk .bx{width:16px;height:16px;border-radius:3px;flex:none}
  .rolechk .pc{margin-left:auto;font-size:12px;color:var(--text-4)}
  .side-note{font-size:12px;color:var(--text-4);padding:4px 8px;line-height:1.4}
  .mm{padding:6px 6px 0}
  .mm-h{display:flex;align-items:center;font-size:13.5px;font-weight:500;color:var(--text-2);padding:0 2px 6px}
  .mm-h .ar{margin-left:auto;display:flex;gap:2px;color:var(--text-3)}
  .mm-h .ar button{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
  .mm-h .ar button:hover{background:var(--bg-3)}
  .mm-h .ar svg{width:16px;height:16px}
  .mm-g{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;text-align:center}
  .mm-g span,.mm-g button{font-size:10.5px;height:26px;display:grid;place-items:center;color:var(--text-2)}
  .mm-g span.hd{color:var(--text-4);font-weight:500;height:22px}
  .mm-g .o{color:var(--text-4)}
  .mm-g .wk{background:var(--accent-bg);color:var(--accent-ink)}
  .mm-g .wk.l{border-radius:13px 0 0 13px}
  .mm-g .wk.r{border-radius:0 13px 13px 0}
  .mm-g .td b{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:500}
  .assist{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px}
  .assist .row{flex:none}
  .assist .rbar{width:180px;margin:0 0 0 6px;flex:none}
  .assist .lg{display:flex}
  .assist .chip-off{margin:0 0 0 12px}
  .wstrip{display:none}
  .ib-scroll{padding:18px 28px 28px}
  .dib-top{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}
  .dib-top h2{font-size:22px;font-weight:700}
  .dib-top .sub{font-size:13px;color:var(--text-3);margin-left:auto}
  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:4px}
  .fab{bottom:24px;right:24px}
  .sheet{left:auto;right:24px;bottom:96px;width:460px;border-radius:16px;max-height:calc(100% - 140px)}
  .scrim{background:rgb(32 33 36 / .12)}
  .toast{bottom:40px}
}