:root{--navy:#101a2c;--deep:#0f1b2e;--text:#17253d;--muted:#8490a3;--muted2:#5d6c80;--line:#e7ecf3;--blue:#4678f7;--blue2:#eaf1ff;--green:#149a72;--bg:#f6f8fc;--card:#fff;--shadow:0 10px 30px rgba(24,47,88,.035)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Noto Sans Hebrew","Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:var(--navy);color:#e5eaf5;padding:29px 17px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand-row{display:flex;align-items:center;gap:12px;padding:0 9px 39px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#fff;border-radius:15px;font-size:25px;box-shadow:0 5px 15px rgba(0,0,0,.09)}.brand-mark.large{width:72px;height:72px;font-size:38px;border-radius:24px;margin-bottom:21px}.brand-row strong{display:block;font-size:18px;letter-spacing:-.4px}.brand-row strong span{color:#78a1ff}.brand-row small{display:block;color:#8494af;font-size:9px;letter-spacing:1px;margin-top:5px}.nav-title{padding:0 17px;color:#7585a2;font-size:11px;letter-spacing:.8px;margin-bottom:14px;font-weight:700}.nav-title-gap{margin-top:34px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{width:100%;padding:12px 16px;border:0;background:transparent;text-align:right;color:#aab7cc;display:flex;align-items:center;gap:14px;font-weight:600;border-radius:11px;font-size:13px}.nav-link span{font-size:20px;width:23px;text-align:center;font-weight:300}.nav-link:hover,.nav-link.active{color:#fff;background:#223450}.nav-link.active{box-shadow:inset -3px 0 var(--blue)}.nav-link i{margin-right:auto;border-radius:6px;background:#4b7dfe;padding:2px 8px;font-size:11px;font-style:normal}.sidebar-bottom{margin-top:auto}.sidebar-tip{border:1px solid #2e3e58;background:#17263e;border-radius:14px;padding:17px 15px;color:#a8b9d3;font-size:12px;line-height:1.8}.sidebar-tip span{display:block;color:#7ea3fa;font-size:23px}.logout{margin-top:16px;padding:12px 15px;border:0;background:transparent;color:#94a3bd;cursor:pointer}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 clamp(20px,4%,58px);display:flex;align-items:center;justify-content:space-between;background:#fff}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:12px}.breadcrumbs{color:#7a879a;font-size:11px;letter-spacing:1px;font-weight:700}.breadcrumbs .dot{width:8px;height:8px;border-radius:50%;background:#4c83ff}.breadcrumb-sep{color:#b8c2d0}.top-actions{gap:19px}.date-chip{color:#728094;font-size:12px}.avatar{width:34px;height:34px;border-radius:11px;background:#eff2f9;display:grid;place-items:center}.content{max-width:1450px;margin:auto;padding:42px clamp(20px,4%,58px) 22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8696a9;text-transform:uppercase}.eyebrow.blue{color:#487bf5}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:31px}.page-head h1{font-size:clamp(25px,2.6vw,39px);margin:10px 0 10px;letter-spacing:-1px;font-weight:800}.page-head p{color:#78869a;font-size:13px;margin:0;line-height:1.7}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:10px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.button.primary{background:#477aff;color:#fff;box-shadow:0 7px 16px rgba(68,116,242,.17)}.button.primary:hover{background:#356aec}.button.secondary{background:white;border-color:#e2e8f0;color:#43536a}.button.secondary:hover{background:#f2f5fc}.button.wide{width:100%;margin-top:14px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{border:1px solid #e9eef5;background:#fff;border-radius:15px;padding:22px 22px 18px;box-shadow:var(--shadow);min-height:133px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{color:#79869a;font-size:12px;font-weight:650}.stat-icon{border-radius:10px;background:#eff4ff;color:#4977e9;display:grid;place-items:center;width:34px;height:34px;font-size:18px}.stat-icon.green{background:#e9f9f3;color:#159a75}.stat-icon.gold{background:#fff8e9;color:#d99b30}.stat-icon.grey{background:#f2f4f8;color:#6d788a}.stat-number{font-size:31px;font-weight:800;letter-spacing:-1.7px;margin-top:10px;color:#18253c;direction:ltr;text-align:right}.stat-note{font-size:11px;margin-top:3px;color:#97a2b4}.stat-note strong{color:#15a278}.feature-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;margin-bottom:39px}.quick-panel,.promise-panel{border-radius:15px;min-height:132px;padding:21px 23px}.quick-panel{background:#182b4b;color:#fff}.quick-head{display:flex;align-items:center;gap:13px}.quick-icon{width:43px;height:43px;display:grid;place-items:center;background:#2c4774;border-radius:12px;color:#bad0ff;font-size:23px}.quick-head strong,.promise-panel strong{font-size:14px}.quick-head p,.promise-panel p{font-size:11px;margin:6px 0 0;line-height:1.7;color:#adc0df}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.quick-buttons button{background:#304668;color:#ecf2ff;border:1px solid #40577c;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.quick-buttons button.selected,.quick-buttons button:hover{background:#557fee;border-color:#7196ff}.quick-buttons button.ghost-quick{background:transparent}.promise-panel{background:#eef4ff;display:flex;align-items:center;gap:15px;border:1px solid #e5edff}.promise-icon{width:46px;height:46px;border-radius:14px;background:#dae6ff;color:#4678e8;display:grid;place-items:center;font-size:25px;flex-shrink:0}.promise-panel strong{color:#2d53ab}.promise-panel p{color:#7186ae}.section-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:19px}.section-kicker{color:#557eef;font-size:10px;letter-spacing:1.3px;font-weight:800;margin-bottom:5px}.section-bar h2{font-size:20px;margin:0;letter-spacing:-.4px}.count-pill{border-radius:9px;background:#e8eefb;padding:8px 12px;color:#5b759c;font-size:12px;font-weight:800}.filters{display:flex;gap:9px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:#fff;border:1px solid #e4eaf2;border-radius:9px;padding:0 14px;height:42px;color:#8390a3}.searchbox span{font-size:25px;line-height:1}.searchbox input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:12px}.filters select{height:42px;max-width:180px;border:1px solid #e4eaf2;border-radius:9px;background:#fff;color:#69798f;font-size:12px;padding:0 12px}.archive-toggle{white-space:nowrap;font-size:11px;color:#7b8796;display:flex;gap:5px;align-items:center}.room-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:13px}.room-tabs button{border:1px solid #e2e8f1;background:#fff;border-radius:10px;padding:10px 12px;white-space:nowrap;color:#60718a;font-size:12px}.room-tabs button.active{color:#fff;background:#477aff;border-color:#477aff}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{position:relative;background:#fff;border:1px solid #e9edf4;border-radius:13px;display:flex;align-items:flex-start;padding:16px 18px;gap:13px;box-shadow:0 3px 16px rgba(40,57,85,.022);transition:transform .1s,border .1s}.task-card:hover{border-color:#d4e0f4}.task-card.done{background:#f9fcfb;border-color:#d7efe5}.task-card.done .task-title{text-decoration:line-through;text-decoration-color:#b0c2b9;color:#677b71}.tick{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:#fff;border:1.5px solid #cdd8ea;margin-top:1px;display:grid;place-items:center;font-weight:bold;color:transparent;transition:all .12s}.tick:hover{border-color:#4b7bf2;background:#edf3ff}.task-card.done .tick{border-color:#25b38a;background:#25b38a;color:#fff}.task-body{flex:1;min-width:0}.task-title{font-size:13px;font-weight:800;color:#283650;line-height:1.5}.task-sub{font-size:11px;color:#8692a5;margin-top:5px;line-height:1.7}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}.tag{padding:4px 7px;background:#f3f6fa;color:#7a879c;font-size:10px;border-radius:5px}.tag.high{color:#b66c30;background:#fff2e9}.tag.late{background:#fff0f0;color:#cb5f61}.tag.safe{background:#eaf8f2;color:#189772}.tag.archived{background:#f1eff5;color:#77718b}.task-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.tiny-button{border:1px solid transparent;background:transparent;color:#8594aa;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:15px}.tiny-button:hover{background:#f2f5fa;border-color:#e9edf4;color:#4166be}.task-room{white-space:nowrap;font-size:11px;color:#8c98aa;margin:2px 0 7px}.task-card .extra-info{font-size:11px;color:#78879b;margin-top:7px}.task-card .extra-info strong{color:#647994}.empty-state{text-align:center;background:#fff;padding:56px 20px;border:1px dashed #d8e3ef;border-radius:15px}.empty-icon{font-size:45px}.empty-state h3{font-size:18px;margin:14px 0 8px}.empty-state p{font-size:13px;color:#8693a7;line-height:1.7}.group-heading{margin:20px 0 4px;display:flex;justify-content:space-between;align-items:center;color:#4c6485}.group-heading strong{font-size:15px}.group-heading small{font-size:11px}.load-more-wrap{text-align:center;margin:20px 0}.footer{border-top:1px solid #e2e9f2;margin-top:55px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a0abba;font-size:11px;flex-wrap:wrap}.text-button{background:transparent;border:0;color:#6788c6;font-size:11px}.history-row{display:flex;align-items:center;gap:13px;border:1px solid #e8edf5;background:#fff;border-radius:12px;padding:16px}.history-symbol{height:35px;width:35px;background:#e8f8f1;color:#168e6f;display:grid;place-items:center;border-radius:11px}.history-symbol.skipped{background:#fff2e9;color:#a97740}.history-symbol.snoozed{background:#f0efff;color:#8061bf}.history-content{flex:1;min-width:0}.history-content strong{font-size:13px}.history-content small{display:block;margin-top:5px;color:#8896aa}.history-time{font-size:11px;color:#8a96a9;white-space:nowrap}.progress-track{height:6px;background:#e8effb;border-radius:5px;margin-top:13px;overflow:hidden}.progress-fill{height:100%;background:#477aff;border-radius:5px}.auth-page{min-height:100vh;background:radial-gradient(circle at 18% 10%,#29477b,transparent 36%),#101c30;display:flex;justify-content:center;align-items:center;padding:25px}.login-card{width:min(100%,440px);background:white;border-radius:25px;padding:42px;box-shadow:0 30px 90px rgba(0,0,0,.18)}.login-card h1{font-size:34px;line-height:1.35;margin:16px 0}.login-card h1 span{color:#497cf4}.login-card>p{color:#7e8ca0;line-height:1.7;font-size:13px}.login-card form{margin-top:26px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.login-card input{width:100%;height:47px;border-radius:10px;border:1px solid #dce5f1;padding:0 12px}.login-footer{text-align:center;color:#a0aabc;font-size:11px;margin-top:27px}.error-note{color:#d23d56!important;min-height:15px}.modal-wrap{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:rgba(8,20,41,.64)}.modal-card{position:relative;background:#fff;border-radius:20px;max-height:95vh;width:min(100%,680px);overflow:auto;box-shadow:0 25px 100px rgba(0,0,0,.2);padding:25px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:7px 0 0}.icon-button{border:0;background:#f1f4f9;color:#65748b;border-radius:9px;width:34px;height:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:750;color:#64728a}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid textarea,.form-grid select{border:1px solid #dce4ef;border-radius:9px;padding:10px 12px;min-width:0;width:100%;font-size:12px;background:white;color:#263754}.form-grid input{height:39px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:24px;left:24px;background:#182b49;border-radius:12px;color:#fff;padding:14px 22px;box-shadow:0 10px 30px #0002;font-size:13px;z-index:500;max-width:min(90vw,450px)}.mobile-nav{display:none}
@media(max-width:1200px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row{grid-template-columns:1fr}.page-head{align-items:flex-start}.head-actions{justify-content:flex-end}}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 20px}.content{padding:30px 20px 88px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5ebf3;box-shadow:0 -3px 20px #17243d12;z-index:50;justify-content:space-around;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8a97ab;font-size:10px;font-weight:700;padding:5px 10px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:#477aff}}
@media(max-width:680px){.page-head{flex-direction:column;gap:21px}.page-head h1{font-size:29px}.head-actions{width:100%;justify-content:stretch}.head-actions .button{flex:1;padding:0 10px}.summary{gap:9px}.stat-card{padding:16px 15px;min-height:112px}.stat-number{font-size:27px}.stat-label{font-size:11px}.stat-icon{width:30px;height:30px;font-size:17px}.stat-note{font-size:10px}.feature-row{margin-bottom:32px}.quick-panel,.promise-panel{padding:17px}.filters{display:grid;grid-template-columns:1fr 1fr}.searchbox{grid-column:span 2}.filters select{max-width:none;width:100%}.archive-toggle{grid-column:span 2}.task-card{padding:13px 12px;gap:9px}.tick{width:24px;height:24px;flex-basis:24px}.task-actions{flex-direction:column}.tiny-button{width:27px;height:26px}.task-title{font-size:12px}.footer{justify-content:center;text-align:center}.date-chip{font-size:10px}.breadcrumbs{font-size:10px}.login-card{padding:30px 25px}.form-grid{gap:11px}.modal-card{padding:20px}}

/* ─────────────────────────────────────────────────────────────────
   Panda Cleaning Inventory · Edition 2
   Native fonts, zero third-party UI libraries, light accessible motion.
   ───────────────────────────────────────────────────────────────── */
:root{
  color-scheme:light;
  --navy:#14223a;--deep:#111f35;--text:#1b2b43;--muted:#63768e;
  --muted2:#4d6077;--line:#dde6ef;--blue:#285dd9;--blue2:#eaf2ff;
  --green:#087e64;--bg:#f5f7f9;--card:#fff;
  --shadow:0 12px 28px rgba(19,39,73,.045);
  --ring:#245bdf;--radius:19px;
}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;font-size:15px;line-height:1.55}
button,input,select,textarea{font-size:inherit}
button,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
button:not(:disabled){transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease,transform .18s ease}
button:not(:disabled):active{transform:scale(.98)}
.skip-link{position:fixed;z-index:900;inset-block-start:10px;inset-inline-start:12px;transform:translateY(-160%);padding:12px 18px;color:#fff;background:#162e64;border-radius:10px;font-weight:700}
.skip-link:focus{transform:translateY(0)}
.shell{grid-template-columns:262px minmax(0,1fr)}
.sidebar{padding:24px 15px 19px;background:linear-gradient(155deg,#172843 0%,#111d33 68%,#0e1a2e 100%);border-left:1px solid #243652}
.sidebar:before{content:"";width:160px;height:160px;position:absolute;top:-90px;left:-80px;border-radius:50%;background:radial-gradient(circle,#3060a438,transparent 69%);pointer-events:none}
.brand-row{padding:6px 11px 34px;gap:11px}
.brand-mark{border-radius:14px;background:#f4f8ff;box-shadow:0 4px 18px #07132729;width:45px;height:45px}
.brand-row strong{font-size:19px;letter-spacing:-.7px;line-height:1.3}
.brand-row strong span{color:#8bafff}
.brand-row small{letter-spacing:1.1px;font-size:10px;color:#a5b6d2}
.nav-title{color:#9babca;font-size:11px;margin-bottom:8px;letter-spacing:.5px}
.nav-link{min-height:46px;padding:10px 14px;border-radius:12px;color:#b9c8df;font-size:14px;font-weight:650;gap:13px}
.nav-link span{font-size:20px;color:#b7cae7}
.nav-link:hover{background:#253955;color:#fff}
.nav-link.active{background:#304e7d;color:#fff;box-shadow:inset -4px 0 #79a5ff}
.nav-link.active span{color:#fff}
.nav-link i{background:#dceaff;color:#203f89;padding:2px 9px;font-weight:800}
.sidebar-tip{background:linear-gradient(145deg,#223955,#1b2e49);border-color:#304d70;padding:17px;font-size:13px;color:#d6e1f3}
.sidebar-tip span{color:#a3ddc9}
.logout{color:#d9e6f5;font-size:13px;min-height:44px;text-align:right}
.topbar{height:72px;border-bottom:1px solid #e4ebf1;padding:0 clamp(20px,4%,64px)}
.breadcrumbs{font-size:12px;letter-spacing:.25px;color:#61748c}
.breadcrumbs .dot{width:9px;height:9px;background:#13a685;box-shadow:0 0 0 4px #12ab851f}
.avatar{background:#eff3f7;width:39px;height:39px;border:1px solid #e4ebf4;border-radius:13px;font-size:21px}
.date-chip{color:#4c5e76;font-size:13px;font-weight:600}
.content{max-width:1500px;padding:34px clamp(20px,4%,64px) 24px}
.page-head{align-items:center;margin-bottom:26px;gap:20px}
.eyebrow{font-size:11px;font-weight:800;color:#59708b;letter-spacing:1.1px}
.eyebrow.blue{color:#285fce}
.page-head h1{font-size:clamp(30px,3vw,45px);letter-spacing:-1.75px;color:#152640;margin:8px 0 5px;font-weight:800;line-height:1.28}
.page-head p{color:#5e7188;font-size:14px;line-height:1.8;max-width:54ch}
.head-actions{gap:10px}
.button{min-height:46px;border-radius:12px;padding:0 20px;font-size:13px;font-weight:750}
.button.primary{background:#285ed9;box-shadow:0 8px 19px rgba(39,98,213,.17)}
.button.primary:hover{background:#204bb9;box-shadow:0 10px 20px #285ed928}
.button.secondary{color:#2f4567;background:white;border-color:#d9e3ec}
.button.secondary:hover{background:#f0f5fa;border-color:#bdcce1}
.button.danger{color:#fff;background:#b93547}
.button.danger:hover{background:#962a3a}
.summary{gap:14px;margin-bottom:17px}
.stat-card{border:1px solid #e2e9f2;border-radius:var(--radius);min-height:158px;padding:20px 22px 17px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.stat-card:before{content:"";width:54px;height:4px;position:absolute;top:0;right:22px;border-radius:0 0 5px 5px;background:#477df4}
.stat-card:nth-child(2):before{background:#12aa87}.stat-card:nth-child(3):before{background:#e7aa4c}.stat-card:nth-child(4):before{background:#9eacf0}
.stat-label{color:#526882;font-size:13px;font-weight:700}
.stat-icon{width:38px;height:38px;border-radius:12px;font-size:20px}
.stat-icon.green{background:#e1f7ee;color:#087e64}
.stat-number{font-size:38px;line-height:1.2;margin-top:12px;color:#152740;letter-spacing:-1.5px}
.stat-note{color:#657991;font-size:12px;margin-top:5px}
.progress-track{height:8px;background:#e1e9f4;overflow:hidden}
.progress-fill{background:linear-gradient(270deg,#2d6ce3,#7aa6ff)}
.feature-row{grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:14px;margin-bottom:15px}
.quick-panel{background:radial-gradient(circle at 15% -30%,#4f80ca6e,transparent 45%),linear-gradient(120deg,#1b3b63,#152b4c);border:1px solid #34527a;box-shadow:0 11px 22px #1c386115}
.quick-panel,.promise-panel{border-radius:var(--radius);min-height:150px;padding:23px 25px}
.quick-icon{background:#416a9d;color:#f3f9ff;width:48px;height:48px;border-radius:15px}
.quick-head strong,.promise-panel strong{font-size:17px;letter-spacing:-.2px}
.quick-head p{color:#d1def2;font-size:13px}
.quick-buttons{margin-top:18px;gap:9px}
.quick-buttons button{min-height:40px;padding:8px 15px;font-size:13px;border-radius:10px;background:#29466d;border-color:#4b688f;color:#fff}
.quick-buttons button:hover,.quick-buttons button.selected{background:#eef4ff;color:#173a71;border-color:#f3f7ff;box-shadow:0 5px 14px #061b3420}
.quick-buttons button.ghost-quick{border-color:#7795bf;color:#fff}
.quick-buttons button.ghost-quick.selected{background:#eef4ff;color:#173a71}
.promise-panel{background:linear-gradient(145deg,#eaf5f4,#eef4fd);border:1px solid #dbe8eb}
.promise-icon{width:48px;height:48px;border-radius:15px;background:#d7eee8;color:#087b63}
.promise-panel strong{color:#255b65}.promise-panel p{font-size:13px;color:#4d7181}
.focus-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px;padding:15px 19px;border-radius:16px;border:1px solid #d9e5e9;background:#fff;box-shadow:var(--shadow)}
.focus-strip-copy{display:flex;align-items:center;gap:13px;min-width:0}
.focus-spark{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:14px;background:#e9f6f0;color:#087d62;font-size:25px}
.focus-strip strong{font-size:14px;color:#25435a}
.focus-strip p{color:#5b7482;font-size:12px;margin:3px 0 0}
.focus-button{border:1px solid #b9dfd3;background:#e7f7f0;color:#09674f;white-space:nowrap}
.focus-button:hover,.focus-button[aria-pressed="true"]{background:#0c7e65;color:white;border-color:#0c7e65}
.section-bar{margin-bottom:17px;align-items:center}
.section-kicker{font-size:11px;color:#2868bf}
.section-bar h2{font-size:24px;color:#182b43;letter-spacing:-.65px}
.count-pill{font-size:12px;color:#295183;background:#e5eefb;padding:8px 14px}
.filters{gap:10px;margin-bottom:19px}
.searchbox{height:49px;border-radius:12px;min-width:230px;border-color:#dbe4ef;box-shadow:0 3px 9px #152b3c05;color:#516784}
.searchbox:focus-within{border-color:#2b65dd;outline:2px solid #2b65dd35}
.searchbox input{font-size:14px;color:#182b43}
.searchbox input:focus{outline:0}
.searchbox input::placeholder{color:#728299;opacity:1}
.filters select{height:49px;border-radius:12px;border-color:#dbe4ef;font-size:13px;color:#3e536d;padding:0 12px}
.archive-toggle{font-size:13px;color:#4b5f77;gap:8px;min-height:44px;cursor:pointer}
.archive-toggle input{width:18px;height:18px;accent-color:#245ecb}
.filter-clear{border:0;background:transparent;color:#2354b3;text-decoration:underline;text-underline-offset:3px;padding:10px;font-size:13px}
.filter-clear[hidden]{display:none}
.room-tabs{gap:9px;padding-bottom:13px;scrollbar-width:thin}
.room-tabs button{min-height:44px;font-size:13px;color:#415a78;border-color:#d9e3ee;border-radius:12px}
.room-tabs button.active{background:#285ed9}
.task-list{gap:11px}
.task-card{border-radius:15px;align-items:center;gap:16px;padding:18px 20px;box-shadow:0 7px 20px #172b4407;border-color:#e1e9f2;border-right:3px solid #dce6f3;transition:border-color .18s,box-shadow .18s,transform .18s}
.task-card:hover{border-color:#c1d4ed;box-shadow:0 10px 25px #172b4410}
.task-card.overdue{border-right-color:#cf7f55}
.task-card.done{border-right-color:#119874;background:#f6fcf9;border-color:#d6ece2}
.task-card.done .task-title{text-decoration:line-through;color:#597369}
.tick{flex:0 0 44px;width:44px;height:44px;border-radius:13px;border:2px solid #b2c5dd;color:transparent;margin:0;font-size:22px}
.tick:not(:disabled):hover{background:#edf5ff;border-color:#255dd5}
.task-card.done .tick{background:#0b9677;border-color:#0b9677;color:#fff;opacity:1}
.task-body{flex:1;min-width:0}
.task-line{display:flex;align-items:center;gap:8px;margin:0 0 7px;min-height:20px}
.room-dot{background:#2e70e4;border-radius:50%;height:7px;width:7px}
.task-category{font-size:12px;font-weight:750;color:#476282}
.task-state{font-size:11px;color:#54728f;background:#edf4fb;border-radius:8px;padding:2px 9px}
.task-state.late{color:#a14e37;background:#fcf0e9}
.task-state.completed{color:#0c745f;background:#e3f7ed}
.task-title{font-size:16px;letter-spacing:-.2px;color:#20324b;font-weight:750;margin:0;line-height:1.6}
.task-sub{font-size:12px;color:#61758c;margin-top:5px}
.tags{margin-top:11px;gap:7px}
.tag{font-size:11px;border-radius:7px;color:#4d6681;padding:5px 9px;background:#eff4f8}
.tag.high{background:#fff1df;color:#935622}.tag.safe{background:#e3f5f1;color:#0b725c}.tag.archived{background:#ecebf1;color:#4f5570}
.task-card .extra-info{font-size:12px;color:#556e8c;margin-top:9px}
.task-actions{gap:4px;align-items:center}
.tiny-button{width:42px;height:42px;font-size:20px;border-radius:12px;color:#526981}
.tiny-button:hover{background:#eaf2ff;border-color:#c7d6ee;color:#2256b9}
.group-heading{margin-top:24px;color:#254e75}.group-heading strong{font-size:17px}
.group-heading small{font-size:12px;color:#526c87}
.empty-state{padding:62px 20px;border-radius:18px}.empty-state p{font-size:14px}
.history-row{border-radius:15px;padding:19px;gap:17px}
.history-symbol{width:42px;height:42px;font-size:19px}
.history-content strong{font-size:15px;color:#263a54}
.history-content small,.history-time{font-size:12px;color:#526b84}
.footer{font-size:12px;color:#60738b}.text-button{color:#245dbb;font-size:13px;min-height:44px}
.auth-page{background:radial-gradient(circle at 10% 12%,#336ca25a,transparent 34%),linear-gradient(145deg,#142b4b,#0d1d34)}
.login-card{border-radius:27px;border:1px solid #e5eef7}
.login-card h1{font-size:36px}
.login-card>p,.login-card label{font-size:14px}
.login-card input{font-size:15px;min-height:48px}
.login-footer{font-size:12px}
.modal-backdrop{background:rgba(10,25,44,.72);backdrop-filter:blur(4px)}
.modal-card{border-radius:22px;padding:28px;scrollbar-width:thin}
.modal-header h2{font-size:24px;color:#213b5c}
.icon-button,.dialog-close{width:44px;height:44px;font-size:18px;border:1px solid #e0e8f0}
.form-grid label{font-size:13px;color:#304c6b}
.form-grid input,.form-grid textarea,.form-grid select{min-height:46px;font-size:14px;line-height:1.6;color:#173251;border-radius:11px}
.form-grid input{height:46px}
.form-grid textarea{min-height:84px}
.toast{bottom:calc(22px + env(safe-area-inset-bottom));left:22px;background:#183553;font-size:14px;border-radius:13px;box-shadow:0 14px 40px #10294435;padding:14px 20px}
/* Accessible native detail and actions dialogs */
dialog.pop-dialog{border:1px solid #dbe7f1;border-radius:21px;padding:25px;width:min(560px,calc(100vw - 28px));max-height:85dvh;overflow-y:auto;color:#233b54;background:white;box-shadow:0 26px 90px #0b224455}
dialog.pop-dialog::backdrop{background:rgba(11,27,48,.68);backdrop-filter:blur(3px)}
.dialog-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.dialog-header h2{font-size:23px;line-height:1.35;margin:8px 0 0;color:#1c2f4c}
.dialog-close{background:#f3f6fa;color:#35516f;border-radius:11px;cursor:pointer;flex-shrink:0}
.detail-highlight{padding:18px;background:#eff7fd;border:1px solid #dbe9f5;border-radius:13px;margin-bottom:18px}
.detail-highlight strong,.detail-note strong{color:#214d83;font-size:14px}
.detail-highlight p,.detail-note p{margin:7px 0 0;color:#38546e;font-size:14px;line-height:1.8;white-space:pre-wrap}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 0 16px}
.detail-grid>div{padding:11px 13px;background:#f8fafc;border:1px solid #eaf0f5;border-radius:11px;min-width:0}
.detail-grid dt{font-size:12px;color:#5a7086;margin-bottom:5px}
.detail-grid dd{font-size:14px;font-weight:700;color:#203a58;margin:0;overflow-wrap:anywhere}
.detail-note{border:1px solid #e6edf3;padding:15px 16px;border-radius:12px;margin:12px 0}
.detail-note.safety-note{background:#fff9ed;border-color:#f2e1b5}
.detail-note.safety-note strong{color:#835719}
.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.dialog-description{font-size:14px;color:#576d86;line-height:1.6;word-break:break-word;margin:0 0 14px}
.action-list{display:grid;gap:9px}
.action-list>button{display:flex;gap:13px;text-align:right;align-items:center;min-height:67px;background:white;color:#243a54;border:1px solid #dfe7f0;border-radius:12px;padding:10px 13px;cursor:pointer}
.action-list>button:hover{background:#f2f6fd;border-color:#b5cceb}
.action-list>button>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf1fd;color:#285dc4;font-size:20px;flex-shrink:0}
.action-list strong{display:block;font-size:14px}.action-list small{display:block;font-size:12px;color:#5c7087;margin-top:2px}
.archive-confirm{background:#fff2ed;border:1px solid #edc9c2;border-radius:12px;margin-top:13px;padding:14px}
.archive-confirm p{font-size:13px;color:#8e3e35;line-height:1.6;margin:0 0 10px}
.archive-confirm>div{display:flex;gap:8px;justify-content:flex-end}
/* Keep text readable and controls comfortable on tablet and phone. */
@media(max-width:1200px){.feature-row{grid-template-columns:1fr 1fr}.stat-card{min-height:145px}}
@media(max-width:1000px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row{grid-template-columns:1fr}.sidebar{padding-inline:10px}.shell{grid-template-columns:226px minmax(0,1fr)}.brand-row strong{font-size:17px}}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.topbar{height:62px}.content{padding:30px 20px calc(95px + env(safe-area-inset-bottom))}.mobile-nav{gap:2px;justify-content:space-around;background:#fff;box-shadow:0 -8px 24px #112b4d18;border-top:1px solid #dbe4ee;border-radius:15px 15px 0 0}.mobile-nav button{flex:1;min-height:54px;padding:5px 1px;gap:1px;font-size:11px;color:#4e6380;border-radius:12px}.mobile-nav button span{font-size:22px}.mobile-nav button.active{color:#245ec9;background:#edf3ff}.toast{bottom:calc(91px + env(safe-area-inset-bottom))}.nav-link{min-height:44px}}
@media(max-width:680px){
  .topbar{padding:0 17px}.top-actions{gap:10px}.avatar{width:35px;height:35px;font-size:19px}.breadcrumbs{font-size:11px;letter-spacing:0}.date-chip{font-size:11px}
  .content{padding:24px 15px calc(100px + env(safe-area-inset-bottom))}
  .page-head{gap:19px;margin-bottom:25px}.page-head h1{font-size:clamp(27px,7.4vw,36px);letter-spacing:-1.2px}.page-head p{font-size:14px}.head-actions{gap:9px}
  .head-actions .button{font-size:13px;padding:0 11px;min-height:48px}
  .summary{gap:10px;margin-bottom:12px}.stat-card{min-height:137px;padding:16px 15px}.stat-card:before{right:15px}.stat-label{font-size:12px}.stat-icon{width:32px;height:32px;font-size:17px}.stat-number{font-size:32px}.stat-note{font-size:11px;line-height:1.55}
  .feature-row{gap:11px;margin-bottom:12px}.quick-panel,.promise-panel{min-height:0;padding:20px 17px}.quick-head strong,.promise-panel strong{font-size:16px}.quick-head p,.promise-panel p{font-size:13px}
  .quick-buttons button{flex:1;min-width:83px;min-height:43px;padding:7px 11px}
  .focus-strip{align-items:stretch;flex-direction:column;gap:12px;padding:15px;margin-bottom:26px}.focus-strip p{font-size:12px}.focus-button{width:100%}
  .section-bar h2{font-size:22px}.section-kicker{font-size:11px}
  .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.searchbox{min-width:0;height:48px}.filters select{width:100%;height:46px;font-size:13px}.archive-toggle{font-size:12px}.filter-clear{grid-column:span 2;text-align:right}
  .task-card{gap:11px;padding:15px 13px;align-items:flex-start}.tick{width:42px;height:42px;flex-basis:42px;border-radius:12px}.task-title{font-size:15px}.task-sub{font-size:12px}.task-actions{gap:2px}.tiny-button{height:39px;width:39px;font-size:20px}.tags{gap:5px}.tag{padding:4px 7px;font-size:11px}.task-state{font-size:10px}
  .footer{font-size:12px;margin-top:40px}.login-card{padding:28px 23px}.modal-card{padding:18px;max-height:95dvh}.form-grid{gap:11px}
  dialog.pop-dialog{padding:18px;border-radius:16px}
}
@media(max-width:420px){.task-actions{flex-direction:column;gap:0}.task-line{flex-wrap:wrap}.task-card{padding:13px 10px}.tick{width:40px;height:40px;flex-basis:40px}.quick-buttons button{min-width:67px}.detail-grid{grid-template-columns:1fr 1fr}.summary{gap:8px}.stat-card{padding:14px 12px}.stat-label{font-size:11px}.stat-number{font-size:30px}}
@media(max-width:350px){.summary{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.searchbox,.archive-toggle,.filter-clear{grid-column:1}.head-actions{flex-direction:column}.date-chip{display:none}.task-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--line:#899fb5;--muted:#304459}.task-card,.stat-card,.searchbox,.filters select,.button.secondary{border-color:#5b708a}.task-title,.page-head h1{color:#071729}.tag{border:1px solid #506b88}.tick{border-color:#304c73}}

/* Compact period chooser preserves all views on small screens. */
@media(max-width:900px){.mobile-nav button{min-width:0;font-size:10px}.mobile-nav button span{font-size:20px}}
@media(max-width:360px){.mobile-nav button{font-size:9px;letter-spacing:-.2px;padding-inline:0}.mobile-nav button span{font-size:19px}}

/* v3 design foundation: responsive, accessible, deliberately dependency-free */
:root{--primary:#245bc9;--primary-hover:#174ba7;--muted:#54647a;--muted2:#526176;--line:#dce5ef;--bg:#f3f7fc;--card:#fff;--navy:#101d35;--focus:#f89b35;--radius:15px}
html{scroll-behavior:smooth}body{line-height:1.55}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(248,155,53,.15)}
.skip-link{position:fixed;top:12px;right:12px;z-index:1000;padding:12px 18px;border-radius:10px;background:#fff;color:#122d52;font-weight:800}
.button,.nav-link,.tiny-button,.tick,.mobile-nav button,.quick-buttons button{touch-action:manipulation}
.button{min-height:46px;font-size:14px}.nav-link{font-size:14px}.nav-title{font-size:12px}.eyebrow{font-size:12px}.breadcrumbs{font-size:12px}.page-head p{font-size:14px;color:var(--muted2)}.stat-label{font-size:13px;color:#4e6076}.stat-note{font-size:12px;color:#53677e}.stat-number{font-variant-numeric:tabular-nums}.task-title{font-size:15px}.task-sub{font-size:12px;color:#4f6279}.tag{font-size:11px;color:#445c79}.task-state{font-size:12px}.searchbox input,.filters select{font-size:14px}.archive-toggle{font-size:13px;color:#425874}.quick-head p,.promise-panel p{font-size:13px}.quick-buttons button{min-height:44px;font-size:13px}.room-tabs button{font-size:13px}.tick{width:44px;height:44px;flex-basis:44px;border-width:2px;border-radius:13px;font-size:19px}.tiny-button{min-width:44px;min-height:44px;font-size:21px}.task-card{align-items:flex-start;gap:14px}.task-actions{gap:1px}.task-state.late{color:#9c2f21}.nav-link.active{box-shadow:inset -4px 0 var(--primary)}.filters select:focus-visible,.form-grid input:focus-visible{border-color:var(--primary)}
.daily-planner{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #cbdff7;background:linear-gradient(120deg,#f1f6ff,#fff);border-radius:17px;padding:17px 20px;margin-bottom:25px}.daily-planner strong{display:block;font-size:16px;color:#173963}.daily-planner p{font-size:13px;color:#465d77;margin:5px 0 0;max-width:630px}.planner-actions{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.planner-actions .button{white-space:normal;text-align:center;line-height:1.3}
.hint-line{margin-top:8px;font-size:13px;color:#506682}
.settings-form{display:grid;gap:15px}.settings-form>label{display:grid;gap:6px;font-size:14px;font-weight:700;color:#233e5e}.settings-form label small{font-size:12px;font-weight:400;color:#516782}.settings-form input[type=number],.settings-form select,.confirm-input{width:100%;padding:11px 13px;border:1px solid #c5d2e2;border-radius:10px;color:#213853;background:#fff;min-height:46px}.settings-form .setting-check{display:flex;align-items:center;gap:9px}.setting-check input,.active-rooms input{width:19px;height:19px;accent-color:#225ecc}.room-fieldset{border:1px solid #d5e1ed;border-radius:12px;padding:12px 14px}.room-fieldset legend{font-size:14px;font-weight:800;color:#253e5c}.room-fieldset p{font-size:12px;color:#526a84}.active-rooms{display:grid;grid-template-columns:1fr 1fr;gap:9px}.active-rooms label{display:flex;align-items:center;gap:8px;font-size:13px;color:#334b68;padding:5px 0}.confirm-label{display:block;margin:10px 0 8px;font-size:14px;color:#243c56}.toast{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(530px,calc(100vw - 30px));white-space:normal}.toast-undo{background:#fff;color:#173e75;border:0;border-radius:8px;padding:9px 14px;font-weight:800;min-height:42px}.offline-banner{position:fixed;top:0;left:0;right:0;background:#793a0f;color:white;font-size:14px;text-align:center;padding:11px;z-index:999}
.tag.dependency{color:#4254a9;background:#eef0ff}.task-card.overdue{border-right:3px solid #df7958}.task-card.done{border-right:3px solid #189d70}
.compact .task-card{padding:10px 13px;gap:10px}.compact .task-card .tags{margin-top:5px}.compact .task-card .task-sub{margin-top:1px}.compact .task-card .extra-info{margin-top:3px}
html[data-theme="dark"]{color-scheme:dark;--text:#eaf1fa;--bg:#111d2d;--card:#1b2b40;--line:#34465e;--muted:#aebdd3;--muted2:#aebdd3}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .main,html[data-theme="dark"] .topbar{background:#111d2d;color:#eaf1fa;border-color:#34465e}
html[data-theme="dark"] .stat-card,html[data-theme="dark"] .task-card,html[data-theme="dark"] .filters select,html[data-theme="dark"] .searchbox,html[data-theme="dark"] .room-tabs button,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .footer,html[data-theme="dark"] .button.secondary{background:#1c2d43;color:#edf3ff;border-color:#3a506b}
html[data-theme="dark"] .page-head h1,html[data-theme="dark"] .section-bar h2,html[data-theme="dark"] .stat-number,html[data-theme="dark"] .task-title{color:#f1f6fc}
html[data-theme="dark"] .page-head p,html[data-theme="dark"] .stat-label,html[data-theme="dark"] .stat-note,html[data-theme="dark"] .task-sub,html[data-theme="dark"] .extra-info,html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .date-chip{color:#afc1d6}
html[data-theme="dark"] .daily-planner{background:linear-gradient(120deg,#213a5e,#1a2b40);border-color:#365780}html[data-theme="dark"] .daily-planner strong{color:#e6f2ff}html[data-theme="dark"] .daily-planner p{color:#c7d8ee}
html[data-theme="dark"] .tag,html[data-theme="dark"] .count-pill,html[data-theme="dark"] .room-tabs button{background:#2c405c;color:#e0ebfa}
html[data-theme="dark"] .task-card.done{background:#1d3939}html[data-theme="dark"] .task-card.done .task-title{color:#c4dfd2}
html[data-theme="dark"] .promise-panel{background:#223a5b;border-color:#385680}html[data-theme="dark"] .promise-panel strong,html[data-theme="dark"] .promise-panel p{color:#d3e3fb}
html[data-theme="dark"] dialog.pop-dialog{color:#eaf1fa;background:#182b40;border-color:#405876}html[data-theme="dark"] .dialog-header h2,html[data-theme="dark"] .detail-highlight strong,html[data-theme="dark"] .detail-grid dd,html[data-theme="dark"] .settings-form>label,html[data-theme="dark"] .room-fieldset legend{color:#e4f0ff}
html[data-theme="dark"] .detail-highlight,html[data-theme="dark"] .detail-grid>div,html[data-theme="dark"] .detail-note,html[data-theme="dark"] .room-fieldset{background:#233c55;border-color:#3a5471}
html[data-theme="dark"] .detail-highlight p,html[data-theme="dark"] .detail-note p,html[data-theme="dark"] .detail-grid dt,html[data-theme="dark"] .room-fieldset p,html[data-theme="dark"] .settings-form label small{color:#c7d8ed}
html[data-theme="dark"] .settings-form input,html[data-theme="dark"] .settings-form select,html[data-theme="dark"] .confirm-input{background:#20364f;color:#fff;border-color:#4e6988}
html[data-theme="dark"] .active-rooms label{color:#eaf1fa}html[data-theme="dark"] .action-list>button{background:#243b55;color:#fff;border-color:#506782}html[data-theme="dark"] .action-list small{color:#bed0e9}
html[data-theme="dark"] .mobile-nav{background:#172a40;border-color:#3d5470}html[data-theme="dark"] .mobile-nav button{color:#d7e4f6}
@media(max-width:850px){.daily-planner{align-items:stretch;flex-direction:column}.planner-actions{width:100%}.planner-actions button{flex:1}}
@media(max-width:480px){.daily-planner{padding:15px 13px}.planner-actions{flex-direction:column}.active-rooms{grid-template-columns:1fr}.task-card{gap:9px}.task-actions{display:flex;flex-direction:column}.tiny-button{min-width:40px;min-height:42px}.mobile-nav button{font-size:11px}.toast{left:15px;right:15px;bottom:calc(91px + env(safe-area-inset-bottom))}}
.analytics-panel{background:#fff;border:1px solid #dae5f1;border-radius:17px;padding:22px;margin-bottom:25px;box-shadow:0 5px 28px #142b4b0a}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.analytics-heading strong{font-size:18px}.analytics-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.analytics-counters>div{background:#f0f5fc;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}.analytics-counters b{font-size:25px;color:#224a8c}.analytics-counters span{font-size:12px;color:#475b77}.analytics-chart{height:120px;display:flex;align-items:end;gap:5px;margin-top:25px;direction:ltr}.analytics-bar{flex:1;height:100%;display:flex;align-items:end}.analytics-bar i{width:100%;background:linear-gradient(0deg,#285ddd,#8db3ff);border-radius:5px 5px 2px 2px;min-height:5px}.analytics-help{display:block;color:#526782;font-size:12px;margin-top:8px}.history-row{gap:12px}
html[data-theme="dark"] .analytics-panel{background:#1c2d43;border-color:#405673}html[data-theme="dark"] .analytics-counters>div{background:#263e5a}html[data-theme="dark"] .analytics-counters b{color:#bad1ff}html[data-theme="dark"] .analytics-counters span,html[data-theme="dark"] .analytics-help{color:#bcd0e8}
@media(max-width:700px){.analytics-heading{align-items:stretch;flex-direction:column}.analytics-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart{gap:3px}}
.actual-time{border:1px solid #d6e3ef;background:#f7faff;border-radius:12px;padding:14px;display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:16px}.actual-time label{font-size:13px;font-weight:700;flex:1 0 100%}.actual-time input{border:1px solid #b8cde4;border-radius:9px;min-height:46px;padding:8px 12px;width:100px}.event-note-label{display:grid;gap:6px;color:#334b66;font-size:13px;margin:12px 0}.event-note-label input{min-height:46px;padding:9px 12px;border:1px solid #cbd9e9;border-radius:9px;width:100%}html[data-theme="dark"] .actual-time{background:#253f59;border-color:#47617b}html[data-theme="dark"] .event-note-label{color:#e5edfa}
.catalog-panel{background:#f0f6ff;border:1px solid #ccddf7;border-radius:12px;padding:14px;display:grid;gap:8px}.catalog-panel strong{font-size:15px;color:#183c71}.catalog-panel p,.catalog-panel small{font-size:12px;color:#425f84;margin:0}.catalog-panel button{white-space:normal;line-height:1.3}html[data-theme="dark"] .catalog-panel{background:#223e5e;border-color:#516e90}html[data-theme="dark"] .catalog-panel strong,html[data-theme="dark"] .catalog-panel p,html[data-theme="dark"] .catalog-panel small{color:#d3e7ff}

/* Panda Cleaning Inventory v5 — accessible, dependency-free workflow extensions */
.v5-command-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:linear-gradient(110deg,#e9f6f1,#edf3ff);border:1px solid #cbdfed;border-radius:18px;padding:16px 19px;margin:0 0 20px;color:#193451}
.v5-command-strip>div:first-child{display:grid;gap:3px}
.v5-command-strip strong{font-size:15px}
.v5-command-strip span{font-size:13px;color:#465f78}
.v5-command-actions{display:flex;flex-wrap:wrap;gap:8px}
.v5-command-actions button{min-height:42px;font-size:12px;padding:8px 12px}
.bulk-select{display:flex;align-items:flex-start;align-self:flex-start;margin-top:2px;flex:0 0 auto}
.bulk-select input{width:20px;height:20px;accent-color:#285dd9;cursor:pointer}
.bulk-bar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;background:#e8f1ff;border:1px solid #b5cbf3;border-radius:14px;margin:10px 0 15px;box-shadow:0 8px 26px #1a37661a;color:#16375c}
.bulk-bar[hidden]{display:none!important}
.bulk-bar label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}
.bulk-bar select{border:1px solid #9bb6e0;border-radius:8px;background:white;min-height:40px;padding:5px 9px}
.bulk-bar .button{min-height:40px;padding:0 12px}
.v5-calendar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0 22px;box-shadow:var(--shadow)}
.v5-calendar.hidden{display:none!important}
.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#203c61}
.calendar-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.calendar-month{min-width:0;background:#f8fbff;border:1px solid #e4eaf2;border-radius:12px;padding:13px}
.calendar-month h3{font-size:15px;margin:0 0 12px;color:#28436a}
.cal-weekdays,.cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-weekdays span{text-align:center;font-size:11px;font-weight:800;color:#687d95;padding:6px 0}
.cal-days button,.cal-days i{border:0;min-height:37px;background:transparent;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;position:relative;color:#263e5c}
.cal-days button:hover{background:#e8f0ff}
.cal-days button b{background:#2060d6;color:white;font-size:10px;min-width:20px;line-height:16px;border-radius:20px;padding:0 3px}
.cal-days button.is-today{outline:2px solid #3c78e9;outline-offset:-2px}
.cal-days button.chosen{background:#254fc4;color:#fff}
.cal-days button.chosen b{background:#fff;color:#173b92}
.rule-fieldset{min-width:0;border:1px solid #dce6f0;border-radius:12px;padding:12px;display:grid;gap:10px}
.rule-fieldset legend{font-size:13px;color:#304c74;font-weight:800;padding:0 7px}
.rule-fieldset small{color:#66778a}
.rule-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px}
.rule-days label{display:flex;flex-direction:row;align-items:center;gap:6px;border:1px solid #dfebf5;border-radius:9px;padding:8px;background:#f8fbff}
.rule-days input{width:18px!important;height:18px!important;flex:0 0 auto}
.objects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:7px;max-height:min(48vh,430px);overflow:auto;border:1px solid #e1e8f3;padding:10px;border-radius:12px;margin:12px 0}
.objects-list label{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e1e9f4;border-radius:10px;background:#f8fbff;cursor:pointer}
.objects-list input{width:19px;height:19px;accent-color:#265dcc;flex:0 0 auto}
.objects-list strong{display:block;font-size:13px;color:#1d3550}
.objects-list small{display:block;color:#58718c;margin-top:2px}
.weekly-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}
.weekly-numbers>div{background:#f0f5fc;border-radius:12px;padding:13px;display:grid;text-align:center}
.weekly-numbers b{font-size:27px;color:#285dd9}
.weekly-numbers span{font-size:12px;color:#485f7b}
#objects-dialog>label{display:grid;gap:5px;font-size:13px;color:#354b67}
#object-search{min-height:44px;border:1px solid #aec2d8;border-radius:10px;padding:8px 12px}
@media(max-width:680px){.v5-command-strip{padding:13px}.v5-command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.v5-command-actions button:last-child{grid-column:span 2}.bulk-bar{gap:8px}.bulk-bar .button{flex:1}.cal-days button{min-height:38px}.weekly-numbers b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.v5-command-strip *, .v5-calendar *{transition:none!important;animation:none!important}}


/* panda-login-contrast-2026-10-08
   WCAG-oriented login contrast and mobile sizing. Scoped to the login screen. */
#login-screen.auth-page {
  min-height: 100vh;
  min-height: 100dvh;
  padding: max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));
}
#login-screen .login-card {
  width: min(100%,480px);
  padding: clamp(26px,5vw,46px);
  background: #ffffff;
  color: #172943;
  box-shadow: 0 22px 76px rgba(3,12,29,.24);
}
#login-screen .eyebrow { color: #344e70; font-size: 12px; letter-spacing: 1.3px; }
#login-screen h1 { color: #152642; font-size: clamp(29px,5vw,38px); line-height: 1.35; }
#login-screen h1 span { color: #2456bb; }
#login-screen .login-card > p {
  color: #435771;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.75;
}
#login-screen .login-card form { margin-top: 28px; }
#login-screen .login-card label {
  color: #203350;
  font-size: 15px;
  font-weight: 750;
  margin-bottom: 10px;
}
#login-screen .login-card input {
  color: #172943;
  background: #fff;
  border: 2px solid #899eb8;
  border-radius: 12px;
  font-size: 16px;
  min-height: 52px;
  padding-inline: 14px;
}
#login-screen .login-card input::placeholder { color: #53677e; opacity: 1; }
#login-screen .login-card input:hover { border-color: #607ba2; }
#login-screen .login-card input:focus-visible {
  border-color: #2456bb;
  outline: 3px solid #b8d0ff;
  outline-offset: 2px;
}
#login-screen .login-card .button.primary {
  color: #fff;
  background: #2455c5;
  border-color: #2455c5;
  font-size: 16px;
  min-height: 54px;
  box-shadow: 0 8px 22px rgba(20,69,161,.21);
}
#login-screen .login-card .button.primary:hover { background: #1d46a7; }
#login-screen .login-card .button.primary:focus-visible {
  outline: 3px solid #90b4ff;
  outline-offset: 3px;
}
#login-screen #login-error {
  color: #9d2436 !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
}
#login-screen #login-error:empty { display: none; }
@media (max-width: 480px) {
  #login-screen .login-card { padding: 28px 22px; border-radius: 23px; }
  #login-screen h1 { margin: 16px 0 13px; }
  #login-screen .brand-mark.large { margin-bottom: 17px; }
}
@media (prefers-reduced-motion:reduce) {
  #login-screen *, #login-screen *::before, #login-screen *::after {
    animation: none !important; transition: none !important;
  }
}