
@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Thmanyah;src:url(/fonts/thmanyahsans-Bold.woff2) format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;--bg:#F4F5F7;--surface:#FFFFFF;--surface-2:#F2F4F7;--line:#E4E7EC;--ink:#101828;--ink-2:#344054;--muted:#667085;
--primary:#004AAD;--primary-ink:#FFFFFF;--primary-soft:#E7EFFB;--accent:#0A9DBA;--accent-soft:#E2F6FA;--logo:#004AAD;
--red:#D92D20;--red-soft:#FEE4E2;--amber:#B54708;--amber-soft:#FEF0C7;--green:#067647;--green-soft:#DCFAE6;--blue:#175CD3;--blue-soft:#E3EDFD;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--pop-shadow:0 12px 32px rgba(16,24,40,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0C0E12;--surface:#161A21;--surface-2:#1D222B;--line:#2A303B;--ink:#F5F6F8;--ink-2:#D0D5DD;--muted:#98A2B3;
--primary:#5B9BFF;--primary-ink:#06142E;--primary-soft:#14233D;--accent:#2CD4EE;--accent-soft:#0E2B33;--logo:#FFFFFF;
--red:#FF7A70;--red-soft:#3B1715;--amber:#FDB022;--amber-soft:#382A0E;--green:#4ADE80;--green-soft:#0F2E1D;--blue:#7CB2FF;--blue-soft:#14233D;--shadow:none;--pop-shadow:0 12px 32px rgba(0,0,0,.5)}:root:not([data-theme=light]) .btn.green,:root:not([data-theme=light]) .btn.red,:root:not([data-theme=light]) .btn.amber,:root:not([data-theme=light]) .toast.ok,:root:not([data-theme=light]) .toast.bad,:root:not([data-theme=light]) .toast.warn{color:#0C0E12}:root:not([data-theme=light]) .i-sun{display:block}:root:not([data-theme=light]) .i-moon{display:none}}
:root[data-theme=dark]{color-scheme:dark;--bg:#0C0E12;--surface:#161A21;--surface-2:#1D222B;--line:#2A303B;--ink:#F5F6F8;--ink-2:#D0D5DD;--muted:#98A2B3;
--primary:#5B9BFF;--primary-ink:#06142E;--primary-soft:#14233D;--accent:#2CD4EE;--accent-soft:#0E2B33;--logo:#FFFFFF;
--red:#FF7A70;--red-soft:#3B1715;--amber:#FDB022;--amber-soft:#382A0E;--green:#4ADE80;--green-soft:#0F2E1D;--blue:#7CB2FF;--blue-soft:#14233D;--shadow:none;--pop-shadow:0 12px 32px rgba(0,0,0,.5)}:root[data-theme=dark] .btn.green,:root[data-theme=dark] .btn.red,:root[data-theme=dark] .btn.amber,:root[data-theme=dark] .toast.ok,:root[data-theme=dark] .toast.bad,:root[data-theme=dark] .toast.warn{color:#0C0E12}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;overflow-x:clip}
body{background:var(--bg);color:var(--ink);font-family:Thmanyah,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;font-size:16px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.txt,textarea,input,select,.task-details{-webkit-user-select:text;user-select:text}
a{color:var(--primary)}b,strong{font-weight:500}
.ic{width:20px;height:20px;flex:none}.ic.sm{width:16px;height:16px}.ic.lg{width:24px;height:24px}.flip{transform:scaleX(-1)}
.i-sun{display:none}
.muted{color:var(--muted)}
header.top{position:sticky;top:0;z-index:6;background:var(--bg);border-bottom:1px solid var(--line)}
header.top .in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;max-width:720px;margin:0 auto}
.brand{display:flex;align-items:center;color:var(--logo);text-decoration:none}
.logo{height:30px;width:auto;display:block}
.tools{display:flex;gap:8px;align-items:center;position:relative}
.icon-btn{appearance:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;text-decoration:none;padding:0;flex:none;position:relative}
details.menu{position:static}
details.menu>summary{list-style:none;cursor:pointer}details.menu>summary::-webkit-details-marker{display:none}
.icon-btn.lit{background:var(--amber-soft);border-color:transparent;color:var(--amber)}
.icon-btn.lit.red{background:var(--red-soft);color:var(--red)}
.icon-btn .dot{position:absolute;top:6px;inset-inline-end:6px;width:9px;height:9px;border-radius:50%;background:currentColor;border:2px solid var(--surface)}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:500;font-size:.92rem;line-height:1}
.pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(330px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--pop-shadow);padding:8px;z-index:10}
.pop h4{margin:4px 8px 8px;font-size:.85rem;color:var(--muted);font-weight:500}
.pop{max-height:min(560px,75vh);overflow-y:auto}.pop h4+.inbox{margin-bottom:2px}
.inbox{display:grid;gap:2px}.ib{display:block;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--ink)}
.ib b{display:block;font-size:.9rem;font-weight:500;line-height:1.4}.ib small{display:block;color:var(--ink-2);font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}
.ib time{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}.ib.new{background:var(--primary-soft)}.ib.new b{font-weight:500}
.icon-btn .count{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-size:.7rem;font-weight:500;display:grid;place-items:center;border:2px solid var(--bg)}
.pop .alerts{gap:6px}
.me-card{display:flex;gap:12px;align-items:center;padding:8px}
.me-card b{display:block}.me-card small{color:var(--muted);font-size:.8rem}
.pop .btn{margin-top:6px}
main{max-width:720px;margin:0 auto;padding:12px 16px calc(72px + env(safe-area-inset-bottom))}
.hello{margin:4px 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hello h1{font-size:1.25rem;margin:0;font-weight:500}.hello p{margin:0;color:var(--muted);font-size:.9rem;flex-basis:100%}
.cnt{font-size:.78rem;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.cnt.red{background:var(--red-soft);color:var(--red)}.cnt.green{background:var(--green-soft);color:var(--green)}
.strip{display:flex;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;color:var(--ink)}
.strip .t-ic{width:32px;height:32px;border-radius:10px}.strip b{font-size:.98rem}.strip small{color:var(--muted);font-size:.82rem;margin-inline-start:auto;white-space:nowrap}
.sep{border:0;border-top:1px solid var(--line);margin:0 10px}
.prev{padding:12px 14px}.prev>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink-2)}.prev>summary::-webkit-details-marker{display:none}
.prev .cnt{background:var(--surface-2);color:var(--muted)}.prev .arrow{margin-inline-start:auto;transform:rotate(-90deg);transition:transform .2s}.prev[open] .arrow{transform:rotate(90deg)}
.icons{display:flex;justify-content:center;gap:34px;padding:4px 0 2px}
.ilink{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink-2);padding:8px 10px;border-radius:14px}
.ilink .ic{width:30px;height:30px}
.ilink .n{min-width:22px;height:22px;border-radius:99px;font-size:.78rem;font-weight:500;display:grid;place-items:center;padding:0 7px;background:var(--surface-2);color:var(--muted)}
.ilink.red .n{background:var(--red);color:#fff}.ilink.amber .n{background:var(--amber-soft);color:var(--amber)}.ilink.green .n{background:var(--green-soft);color:var(--green)}
h2{font-size:.95rem;font-weight:500;color:var(--ink-2);margin:18px 4px 10px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.alerts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.alert{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:14px;text-decoration:none;color:var(--ink);font-weight:500;min-width:0}
.alert span{flex:1;min-width:0}.alert small{display:block;font-weight:400;color:var(--ink-2);font-size:.8rem}
.alert.red{background:var(--red-soft)}.alert.red>.ic:first-child{color:var(--red)}
.alert.amber{background:var(--amber-soft)}.alert.amber>.ic:first-child{color:var(--amber)}
.alert.blue{background:var(--blue-soft)}.alert.blue>.ic:first-child{color:var(--blue)}
.alert.green{background:var(--green-soft)}.alert.green>.ic:first-child{color:var(--green)}
.calm{display:flex;gap:8px;align-items:center;color:var(--green);font-weight:500;font-size:.92rem;padding:2px 4px}
.week{display:block;text-decoration:none;color:var(--ink)}
.week-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.week-head b{font-size:1.02rem}.tag{font-size:.78rem;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);white-space:nowrap}
.bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.bar small{display:block;color:var(--muted);font-size:.76rem}.bar b{font-size:.95rem}
.track{height:6px;border-radius:99px;background:var(--surface-2);margin-top:6px;overflow:hidden}.fill{height:100%;border-radius:99px;background:var(--primary)}
.fill.done{background:var(--green)}
.week-more{display:flex;align-items:center;gap:4px;margin-top:12px;color:var(--primary);font-size:.86rem;font-weight:500}
.pbar{display:block;text-decoration:none;color:var(--ink);padding:13px 14px 10px}
.pbar-foot{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.8rem;color:var(--ink-2)}
.pbar-foot .pname{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500;white-space:nowrap}.pbar-foot .pname .ic{color:var(--primary)}
.pbar-foot .seg-legend{margin:0;flex:1;justify-content:center;gap:4px 9px;font-size:.74rem}.pbar-foot em{font-style:normal}
@media (max-width:420px){.pbar-foot .seg-legend.four em{display:none}.pbar-foot .seg-legend.four{gap:4px 8px}}
.pbar-foot .num{display:inline-flex;align-items:center;gap:2px;font-weight:500;color:var(--ink);white-space:nowrap}
.t-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:none}
.seg{display:flex;gap:3px;height:8px;border-radius:99px;overflow:hidden;background:var(--surface-2)}
.seg i{display:block;height:100%}
.s-draft{background:var(--amber)}.s-ok{background:var(--blue)}.s-done{background:var(--green)}.s-no{background:var(--red)}
.seg-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:.8rem;color:var(--ink-2)}
.seg-legend span{display:inline-flex;align-items:center;gap:6px}.seg-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;text-align:center;text-decoration:none;color:var(--ink);position:relative;min-width:0}
.tile b{font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tile .n{position:absolute;top:7px;inset-inline-start:7px;min-width:20px;height:20px;border-radius:99px;font-size:.72rem;font-weight:500;display:grid;place-items:center;padding:0 6px;background:var(--surface-2);color:var(--muted)}
.tile.red .n{background:var(--red);color:#fff}.tile.amber .n{background:var(--amber-soft);color:var(--amber)}.tile.blue .n{background:var(--blue-soft);color:var(--blue)}.tile.green .n{background:var(--green-soft);color:var(--green)}
.pieces{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.piece{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-width:0}
a.card.piece{padding:14px}
.fmt{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink-2)}
.piece-main{flex:1;min-width:0}.piece-main b{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.piece-main small{color:var(--muted);font-size:.82rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc{padding:14px}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.quick:has(details[open])>form{display:none}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:999px;white-space:nowrap}
.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.b-draft{background:var(--amber-soft);color:var(--amber)}.b-ok{background:var(--blue-soft);color:var(--blue)}.b-no{background:var(--red-soft);color:var(--red)}.b-done{background:var(--green-soft);color:var(--green)}
.empty{text-align:center;color:var(--muted);padding:26px 16px}
.decision{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.decision:last-child{border-bottom:0}
.decision .ic{color:var(--accent);margin-top:3px}.decision small{display:block;color:var(--muted);font-size:.82rem}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips a,.chips span{font-size:.82rem;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.btn{appearance:none;border:0;border-radius:14px;background:var(--primary);color:var(--primary-ink);font:inherit;font-weight:500;padding:13px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;width:100%}
.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.amber{background:var(--amber);color:#fff}
.btn.ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.sm{padding:9px 12px;border-radius:12px;font-size:.88rem;width:auto}
.chips a.chip-btn{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.quick .btn{padding:10px 12px;border-radius:12px;font-size:.92rem}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;margin:0 0 8px;font-size:.9rem}
.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.detail-head h1{font-size:1.3rem;margin:0}
.meta-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.meta-chips span{font-size:.8rem;padding:4px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink-2)}
.block{margin-top:14px}.block h3{font-size:.82rem;color:var(--muted);font-weight:500;margin:0 0 6px;display:flex;justify-content:space-between;align-items:center}
.block .txt{background:var(--surface-2);border-radius:12px;padding:12px 14px;overflow-wrap:anywhere}
.hook{font-size:1.08rem;font-weight:500;border-inline-start:4px solid var(--accent)}
.warn-box{background:var(--amber-soft);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.warn-box .ic{color:var(--amber);margin-top:3px}
.no-box{background:var(--red-soft);border-radius:12px;padding:12px 14px;display:flex;gap:10px}.no-box .ic{color:var(--red);margin-top:3px}
.copy{appearance:none;border:0;background:var(--primary-soft);color:var(--primary);font:inherit;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;gap:5px;align-items:center;padding:5px 11px;border-radius:999px}.copy.did{background:var(--green-soft);color:var(--green)}
.actionbar{position:fixed;inset-inline:0;bottom:calc(66px + env(safe-area-inset-bottom));z-index:4;padding:12px 16px 10px;background:linear-gradient(transparent,var(--bg) 30%)}
.actionbar .in{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.actionbar .in.one{grid-template-columns:1fr}
details.reject summary{list-style:none}details.reject summary::-webkit-details-marker{display:none}
details.reject[open]{grid-column:1/-1}details.reject[open] summary{display:none}
.actionbar:has(details[open]) .in>form{display:none}
.reject-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow)}
.reject-box .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
textarea,input,select{width:100%;font:inherit;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}
textarea{min-height:90px;resize:vertical}
textarea:focus,input:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}
label{display:block;font-weight:500;margin:12px 0 6px;color:var(--ink-2);font-size:.9rem}
.flash{border-radius:14px;padding:12px 14px;margin:0 0 10px;font-weight:500}
.flash.ok{background:var(--green-soft);color:var(--green)}.flash.bad{background:var(--red-soft);color:var(--red)}.flash.warn{background:var(--amber-soft);color:var(--amber)}
.toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:40;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:10px 16px;border-radius:16px;font-size:.9rem;font-weight:500;line-height:1.45;text-align:center;box-shadow:var(--pop-shadow);background:var(--ink);color:var(--bg);animation:toast-in .25s ease;transition:opacity .35s ease,transform .35s ease}
.toast.ok{background:var(--green);color:#fff}.toast.bad{background:var(--red);color:#fff}.toast.warn{background:var(--amber);color:#fff}
.toast.hide{opacity:0;transform:translate(-50%,-10px)}
@keyframes toast-in{from{transform:translate(-50%,-12px)}to{transform:translateX(-50%)}}
.list{display:grid;grid-template-columns:minmax(0,1fr);padding:2px 14px}.row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);min-width:0;text-decoration:none;color:var(--ink)}.row:last-child{border-bottom:0}
.row .agent-ic{width:36px;height:36px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}
.row-main{flex:1;min-width:0}.row-main b{display:block;line-height:1.35}.row-main small{color:var(--muted);font-size:.8rem;display:block;line-height:1.35;overflow-wrap:anywhere}
.row .agent-ic.red{background:var(--red-soft);color:var(--red)}.row .agent-ic.amber{background:var(--amber-soft);color:var(--amber)}.row .agent-ic.blue{background:var(--blue-soft);color:var(--blue)}.row .agent-ic.green{background:var(--green-soft);color:var(--green)}
.due{font-size:.76rem;font-weight:500;white-space:nowrap;color:var(--muted)}.due.today{color:var(--amber)}.due.red,.due.green{padding:3px 9px;border-radius:999px}.due.red{background:var(--red-soft);color:var(--red)}.due.green{background:var(--green-soft);color:var(--green)}
.today-dot{font-size:.72rem;font-weight:500;color:var(--green);background:var(--green-soft);padding:2px 8px;border-radius:999px;margin-inline-start:6px}
.shoot-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.done-line{display:flex;gap:6px;align-items:center;color:var(--green);font-weight:500;font-size:.9rem}
.linkbtn{appearance:none;border:0;background:none;color:var(--muted);font:inherit;font-size:.82rem;cursor:pointer;text-decoration:underline;padding:0}
.intro{color:var(--ink-2);font-size:.92rem;margin:0 0 12px}
.flow{list-style:none;margin:12px 0;padding:0;position:relative}
.flow::before{content:'';position:absolute;top:10px;bottom:10px;inset-inline-start:19px;width:2px;background:var(--line)}
.flow li{display:flex;gap:12px;margin-bottom:12px;position:relative}
.flow .dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;z-index:1;border:3px solid var(--bg);color:#fff}
.flow li.ai .dot{background:var(--primary)}.flow li.human .dot{background:var(--accent)}
.flow .card{flex:1;padding:12px 14px;min-width:0}.flow small{color:var(--muted)}.flow p{margin:2px 0 0;font-size:.92rem}
.legend{display:flex;gap:16px;font-size:.84rem;color:var(--muted)}.legend span{display:flex;gap:6px;align-items:center}
.legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.legend .ai i{background:var(--primary)}.legend .human i{background:var(--accent)}
.tabs{position:fixed;inset-inline:0;bottom:0;z-index:5;background:var(--surface);border-top:1px solid var(--line);padding:6px 16px calc(6px + env(safe-area-inset-bottom))}
.tabs .in{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px;border-radius:14px;color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:500}
.tabs a.on{color:var(--primary);background:var(--primary-soft)}
.auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.auth .card{width:100%;max-width:380px;padding:26px 22px}
.auth .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.auth .logo{height:36px}
.auth .btn{margin-top:20px}
body.busy::after{content:'';position:fixed;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);z-index:40;animation:spin .7s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.today-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.today-head b{font-size:1.05rem}.today-head.start{justify-content:flex-start;gap:10px}
.chip-btn{display:inline-flex;gap:4px;align-items:center;font-size:.84rem;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--primary);color:var(--primary-ink);text-decoration:none;white-space:nowrap}
.tasks{display:grid;grid-template-columns:minmax(0,1fr)}
.task{display:block;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0}
.task:last-child{border-bottom:0}
.task>summary,a.task{display:flex;align-items:center;gap:10px;padding:9px 0;list-style:none;cursor:pointer;min-width:0}
.task>summary::-webkit-details-marker{display:none}
.task .row-main b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem}
.task-sub{display:block;color:var(--muted);font-size:.82rem;margin:0 0 8px}
.task-btns{display:flex;gap:8px;flex-wrap:wrap}.task-btns .btn{width:auto;padding:9px 14px;border-radius:12px;font-size:.92rem}
.task-body .dl-grid{margin:0 0 10px}
.convert summary{list-style:none;cursor:pointer;margin-top:8px}.convert summary::-webkit-details-marker{display:none}
.convert-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}.convert-form select,.convert-form input{padding:9px 10px;min-width:0}.convert-form .btn{grid-column:1/-1;width:100%}
.tk-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink-2)}
.tk-ic.red{background:var(--red-soft);color:var(--red)}.tk-ic.amber{background:var(--amber-soft);color:var(--amber)}.tk-ic.blue{background:var(--blue-soft);color:var(--blue)}.tk-ic.green{background:var(--green-soft);color:var(--green)}
.task[open]>summary .row-main b{-webkit-line-clamp:unset}
.task-body{padding:0 0 12px;padding-inline-start:44px}
.task-details{margin:0 0 8px;color:var(--ink-2);font-size:.9rem;overflow-wrap:anywhere}
.task-link{display:inline-flex;gap:4px;align-items:center;font-size:.86rem;margin:0 0 8px;text-decoration:none;font-weight:500}
.task-done{display:grid;gap:8px}
.task-done input{padding:9px 11px}
.task-body .linkbtn{margin-top:8px}
.more{display:flex;justify-content:center;align-items:center;gap:4px;padding-top:7px;margin-top:2px;border-top:1px solid var(--line);font-size:.88rem;font-weight:500;text-decoration:none}
.team-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.member{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:var(--ink);min-width:0}
.avatar.sm{width:32px;height:32px;font-size:.8rem;flex:none}
.late{color:var(--red);font-weight:500}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.steps{margin:6px 0 0;padding-inline-start:20px}.steps li{margin:4px 0}
.note-link{overflow-wrap:anywhere}
.today-head.with-tree{align-items:center;margin-bottom:0}
.today-head.with-tree small{display:block;font-size:.82rem;font-weight:500;line-height:1.4}
.mini-tree{width:82px;height:82px;flex:none;margin:-10px 0 -8px}
.tree{display:block;width:100%;height:100%}
.tree-line.s-bloom,.tree-head.s-bloom{color:var(--green)}.tree-line.s-waiting,.tree-head.s-waiting{color:var(--amber)}.tree-line.s-late,.tree-head.s-late,.tree-line.s-broken,.tree-head.s-broken{color:var(--red)}
.tree-name{font:500 19px Thmanyah,system-ui,sans-serif;fill:var(--ink-2)}.tree-name.late{fill:var(--red)}
.team-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 12px;align-items:start;padding:10px 14px 8px}
.team-art{width:120px;height:92px;align-self:center}
.team-side{display:grid;min-width:0}
.member-row{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);padding:7px 0;min-width:0;border-bottom:1px solid var(--line)}
.member-row:last-child{border-bottom:0}
.member-row span{font-weight:500;font-size:.92rem}.member-row small{color:var(--muted);font-size:.8rem;margin-inline-start:auto;white-space:nowrap}
.team-foot{grid-column:1/-1;border-top:1px solid var(--line);margin-top:4px;padding-top:7px;font-size:.82rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px}
.team-foot .s-late,.team-foot .s-broken{color:var(--red)}.team-foot .s-waiting{color:var(--amber)}.team-foot .s-bloom{color:var(--green)}
.sdot{width:9px;height:9px;border-radius:50%;flex:none;font-style:normal}
.sdot.s-bloom{background:var(--green)}.sdot.s-waiting{background:var(--amber)}.sdot.s-late{background:var(--red)}.sdot.s-broken{background:var(--red);box-shadow:0 0 0 2px var(--red-soft)}
.tree .fall{animation:fall 3.6s ease-in infinite}.tree .fall2{animation-delay:1.8s}
@keyframes fall{0%{translate:0 -8px;opacity:0}25%{opacity:1}100%{translate:-6px 16px;opacity:0}}
@media (prefers-reduced-motion:reduce){.tree .fall{animation:none}}
.tabs .in.fab-gap{grid-template-columns:1fr 64px 1fr}
.fab{position:fixed;z-index:7;left:50%;transform:translateX(-50%);bottom:calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.fab.low{left:auto;transform:none;inset-inline-start:16px;bottom:calc(18px + env(safe-area-inset-bottom));align-items:flex-start}
.fab>*{pointer-events:auto}
.sheet{width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--pop-shadow);padding:10px;display:grid;gap:8px;opacity:0;transform:translateY(14px) scale(.98);visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s .22s}
.fab.open .sheet{opacity:1;transform:none;visibility:visible;transition:opacity .22s ease,transform .22s ease}
.fab:not(.open) .sheet{pointer-events:none}
.fab textarea{min-height:0;height:96px;padding:10px 12px;border-radius:14px;resize:none;background:var(--surface-2);box-shadow:none}
.fab-btn{appearance:none;border:0;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--pop-shadow);flex:none;transition:transform .15s ease}
.fab-btn:active{transform:scale(.94)}.fab-btn .i-arrow{display:none}.fab.open .fab-btn .i-plus{display:none}.fab.open .fab-btn .i-arrow{display:block}
.fab-kind{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2)}
.fab-kind label{flex:1;cursor:pointer;position:relative}.fab-kind input{position:absolute;opacity:0;pointer-events:none}
.fab-kind span{display:flex;justify-content:center;align-items:center;gap:5px;padding:7px 6px;border-radius:999px;font-size:.84rem;font-weight:500;color:var(--muted);transition:background .18s,color .18s}
.fab-kind input:checked+span{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.fab-kind input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.fab-extra{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.fab-extra>div{min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.fab.design .fab-extra.design,.fab.shoot .fab-extra.shoot{grid-template-rows:1fr}
.fab-extra select,.fab-extra input{min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.9rem;box-shadow:none}
.fab-hint{grid-column:1/-1;color:var(--muted);font-size:.76rem;margin-top:2px}
.dl-grid{display:flex;flex-wrap:wrap;gap:8px}
.dl{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--primary-soft);color:var(--primary);font:inherit;font-size:.88rem;font-weight:500;text-decoration:none;cursor:pointer}
.dl.main{background:var(--primary);color:var(--primary-ink);border-color:transparent}
.req{display:block}.req+.req{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.req-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.req-head b{font-size:.98rem}
.req small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.req .dl-grid,.req form{margin-top:10px}
.fab-extra select.need{border-color:var(--red);outline:2px solid var(--red)}
/* م2 */
.flag-line{display:flex;gap:6px;align-items:center;color:var(--amber);font-weight:500;font-size:.88rem;margin:0 0 8px}
details.guide>summary{list-style:none;cursor:pointer;margin:0 0 6px}details.guide>summary::-webkit-details-marker{display:none}details.guide ul{margin:0 0 8px;padding-inline-start:18px;color:var(--ink-2);font-size:.88rem}
details.undo>summary{list-style:none}details.undo>summary::-webkit-details-marker{display:none}.row:has(details.undo[open]){flex-wrap:wrap}details.undo[open]{flex-basis:100%}.undo-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px}.undo-box .btn{grid-column:1/-1;width:100%}
.acts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.acts:has(details.later[open])>form{display:none}details.later>summary{list-style:none;cursor:pointer;width:auto;padding:9px 14px;border-radius:12px;font-size:.92rem}details.later>summary::-webkit-details-marker{display:none}details.later[open]{grid-column:1/-1}details.later[open]>summary{display:none}.later-box{display:grid;gap:8px;background:var(--surface-2);border-radius:14px;padding:10px}.later-box label{margin:0}.later-box .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reasons{display:flex;flex-wrap:wrap;gap:6px}.reasons label{display:inline-block;position:relative;cursor:pointer;margin:0}.reasons input{position:absolute;opacity:0;pointer-events:none}.reasons span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:.86rem;font-weight:500}.reasons input:checked+span{background:var(--primary-soft);color:var(--primary);border-color:transparent}.reasons input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.fab:not(.design):not(.shoot) .fab-extra.note{grid-template-rows:1fr}
/* م3 */
.ok-box{background:var(--green-soft);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.ok-box .ic{color:var(--green);margin-top:3px}.ok-box small{display:block;color:var(--ink-2)}
.actionbar:has(details[open]) .in>details:not([open]),.quick:has(details[open])>details:not([open]){display:none}
.pick{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2)}.pick label{flex:1;margin:0;cursor:pointer;position:relative}.pick input{position:absolute;opacity:0;pointer-events:none}.pick span{display:flex;justify-content:center;padding:7px 6px;border-radius:999px;font-size:.86rem;font-weight:500;color:var(--muted)}.pick input:checked+span{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}
.task-done textarea{min-height:0;height:68px}
/* م4 */
.push-box{display:grid;gap:4px;padding:8px;border-top:1px solid var(--line);margin-top:4px}.push-line{margin:0;font-weight:500;font-size:.9rem}.push-line.ok{color:var(--green)}.push-line.off{color:var(--red)}.push-line.warn{color:var(--amber)}.push-btns{display:flex;gap:8px;flex-wrap:wrap}
.card>.push-box{padding-inline:0}
.live-pill{position:fixed;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:8;border:0;border-radius:999px;padding:7px 16px;background:var(--primary);color:var(--primary-ink);font:inherit;font-size:.86rem;font-weight:500;box-shadow:var(--pop-shadow);cursor:pointer}
.saving{opacity:.45;pointer-events:none;transition:opacity .15s}
.logo{aspect-ratio:482.3/127.3;background:currentColor;-webkit-mask:url(/icon-logo.svg?v=aedefe44) center/contain no-repeat;mask:url(/icon-logo.svg?v=aedefe44) center/contain no-repeat}
