:root{color-scheme:dark;--bg:#10251F;--nav:#18332A;--surface:#19372F;--surface2:#214439;--surface3:#2B4D41;--ink:#F7F5F0;--muted:#B8CDBF;--faint:#9EB6A7;--line:#3F6556;--accent:#C6E2CF;--accent2:#9FCBB5;--orange:#edb986;--blue:#8db8f1;--red:#ee9ca3;--radius:18px;font-family:'Instrument Sans',Inter,system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;font-size:14px;letter-spacing:-.012em}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:-80px;left:18px;z-index:2000;background:var(--accent);color:#10251d;border-radius:8px;padding:12px 20px}.skip-link:focus{top:16px}
.ambient-glow{position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse 53% 51% at 67% 0,rgba(65,158,119,.10),transparent 73%),radial-gradient(ellipse 40% 50% at 8% 100%,rgba(37,70,93,.18),transparent 90%);z-index:0}
.workspace{min-height:100vh;position:relative;display:grid;grid-template-columns:258px minmax(0,1fr);isolation:isolate}
.sidebar{min-height:100vh;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,#19372f 0%,#122b23 100%);display:flex;flex-direction:column;padding:25px 16px;z-index:30}
.side-head{padding:0 6px}.cartano-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:-.05em}.brand-symbol{height:32px;width:32px;border-radius:10px;background:var(--accent);color:#173b2d;display:grid;place-items:center;letter-spacing:-.08em;font-size:22px;line-height:1}.brand-symbol span{color:#358363}.brand-name span{color:var(--accent)}
.app-brand{display:flex;gap:11px;align-items:center;padding:26px 0 22px;margin-top:15px;border-bottom:1px solid var(--line)}.app-brand-icon{display:grid;place-items:center;border:1px solid #385648;border-radius:13px;background:#1c3b34;color:var(--accent);font-size:30px;width:42px;height:42px;font-weight:600}.app-brand strong{font-size:15px;display:block;letter-spacing:-.03em}.app-brand small{font-size:10px;color:var(--muted);margin-top:4px;display:block}
.nav-caption{font-size:10px;letter-spacing:.15em;color:var(--faint);font-weight:800;margin:30px 14px 10px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;background:none;border:1px solid transparent;color:#9eafb9;display:flex;align-items:center;text-align:left;gap:13px;padding:12px 14px;border-radius:10px;font-weight:650;transition:background .2s,color .2s,border-color .2s}.nav-item:hover{background:#214439;color:var(--ink)}.nav-item.active{border-color:#3d644f;background:#213a32;color:var(--accent)}.nav-icon{font-family:system-ui,sans-serif;font-size:20px;width:21px;text-align:center;line-height:1}
.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:17px}.sandbox-card{background:linear-gradient(150deg,#214439,#17352b 90%);border:1px solid #3a6156;border-radius:15px;padding:19px}.sandbox-signal{font-size:9px;color:var(--accent);font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.pulse-dot,.status-led{height:6px;width:6px;display:inline-block;border-radius:99px;background:var(--accent);box-shadow:0 0 0 4px rgba(198,226,207,.10)}.sandbox-card h3{font-size:16px;letter-spacing:-.035em;margin:16px 0 7px}.sandbox-card p{font-size:11px;line-height:1.7;color:#a8c3be;margin:0}.reset-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;border:0;background:none;color:var(--accent);font-size:11px;font-weight:800;padding:0}.reset-link:hover{text-decoration:underline}.back-link{display:flex;gap:9px;align-items:center;color:#a8b9bd;font-size:12px;font-weight:700;padding:5px 8px}.back-link:hover{color:var(--accent)}
.workspace-main{min-width:0;position:relative}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(12,19,28,.87);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.4vw,55px);gap:14px;position:sticky;top:0;z-index:20}.top-left,.top-actions{display:flex;align-items:center;gap:16px}.breadcrumb{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--faint);white-space:nowrap}.breadcrumb strong{color:#dceee6}.breadcrumb span{color:#57746a;margin:0 9px}.top-demo-note{font-size:10px;letter-spacing:.09em;color:#aac9b5;font-weight:800;white-space:nowrap}.top-demo-note .status-led{margin-right:6px}.primary-button{background:var(--accent);color:#153328;border:1px solid var(--accent);padding:12px 18px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:800;border-radius:11px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.primary-button:hover{transform:translateY(-2px);background:#ddece0;box-shadow:0 12px 35px #80dca726}.icon-button{height:36px;width:36px;display:grid;place-items:center;background:#19372f;border:1px solid var(--line);border-radius:10px;color:#bdd0d0;font-weight:800}.icon-button:hover{background:#294038}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 12px;color:var(--ink);border-radius:10px}
#content{max-width:1660px;margin:0 auto;padding:32px clamp(20px,3.4vw,55px) 10px;min-height:calc(100vh - 76px);display:flex;flex-direction:column}
#view{width:100%;animation:fade-up .35s ease both;flex:1}.demo-footer{border-top:1px solid var(--line);margin-top:60px;padding:24px 0;color:var(--faint);font-size:9px;letter-spacing:.07em;font-weight:700;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.demo-footer a{color:#b1d4c6}.divider-dot{color:#436558;margin:0 7px}
.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--accent)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px}.page-heading h1{font-size:clamp(31px,3.5vw,48px);letter-spacing:-.06em;line-height:1.12;margin:12px 0 9px;font-weight:700}.page-heading h1 em{font-style:normal;color:var(--accent)}.page-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.muted{color:var(--muted)}
.heading-time{color:#c1d2cf;font-weight:650;font-size:12px;background:#19372f;border:1px solid var(--line);border-radius:12px;padding:11px 15px;white-space:nowrap}
.hero-card{overflow:hidden;position:relative;isolation:isolate;border:1px solid #3c6256;border-radius:22px;padding:35px clamp(25px,3vw,46px);min-height:236px;background:linear-gradient(125deg,#163c33 0%,#15322f 52%,#19372f 100%);display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:21px}.hero-card:before{content:"";position:absolute;pointer-events:none;inset:-120px -30px auto auto;height:390px;width:600px;background:radial-gradient(circle,rgba(159,255,198,.16),transparent 62%);z-index:-1}.hero-card .tiny-label{font-size:10px;color:#bbefd2;font-weight:800;letter-spacing:.16em}.hero-card h2{font-size:clamp(27px,3.1vw,43px);line-height:1.13;letter-spacing:-.055em;margin:16px 0 13px;max-width:550px;font-weight:670}.hero-card h2 i{color:var(--accent);font-style:normal}.hero-card p{color:#bad6c9;font-size:13px;max-width:480px;line-height:1.8;margin:0}.hero-cta{border:1px solid rgba(198,226,207,.45);display:inline-flex;align-items:center;gap:11px;padding:12px 17px;background:#aaf4ce;color:#16392e;border-radius:12px;font-weight:800;font-size:12px;margin-top:20px}.hero-visual{width:270px;min-width:200px;height:176px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;transform:rotate(-5deg);filter:drop-shadow(0 30px 30px #07180d60)}.hero-visual-column{display:flex;flex-direction:column;gap:9px}.hero-visual-block{border-radius:9px;background:#28584a;border:1px solid #528b74;min-height:31px}.hero-visual-block:nth-child(2){background:#b7f4d1}.hero-visual-column:nth-child(2n) .hero-visual-block:nth-child(2){background:#6285a5}.hero-visual-column:nth-child(3) .hero-visual-block:nth-child(1){background:#e9bc8b}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{padding:21px;background:linear-gradient(155deg,#214439,#19372f);border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column;gap:11px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.metric-kicker{color:var(--muted);font-size:10px;letter-spacing:.045em;font-weight:750}.metric-icon{color:#bfd2ce;border:1px solid #3c5057;background:#23333e;height:28px;width:28px;border-radius:9px;display:grid;place-items:center;font-size:14px}.metric-number{font-size:34px;letter-spacing:-.06em;font-weight:760;line-height:1}.metric-foot{font-size:11px;color:#8ea8ad}.metric[data-tone="mint"] .metric-number{color:var(--accent)}.metric[data-tone="orange"] .metric-number{color:var(--orange)}.metric[data-tone="blue"] .metric-number{color:var(--blue)}.metric[data-tone="red"] .metric-number{color:var(--red)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:20px}.surface-card{background:#121d28;border:1px solid var(--line);border-radius:19px;min-width:0;overflow:hidden}.surface-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.surface-head h2{font-size:18px;letter-spacing:-.035em;margin:4px 0 0}.surface-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.text-button{background:transparent;border:0;color:var(--accent);font-size:11px;font-weight:750;padding:9px 0}.text-button:hover{text-decoration:underline}
.week-controls{display:flex;gap:8px;align-items:center}.week-controls button{height:31px;min-width:32px;background:#214439;border:1px solid #354751;color:#d9e7e2;border-radius:9px;font-weight:700}.week-controls button:hover{background:#294439}.week-title{font-size:11px;color:#aecac1;white-space:nowrap;font-weight:700;margin:0 6px}
.week-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:0;overflow-x:auto;scrollbar-color:#49635c transparent}.day-col{padding:15px 10px 15px;border-right:1px solid var(--line);min-width:130px;min-height:280px}.day-col:last-child{border-right:none}.day-title{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:18px;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.day-title strong{font-size:23px;letter-spacing:-.06em;color:var(--ink)}.day-title.today strong{color:var(--accent)}.day-count{border-radius:20px;padding:3px 6px;font-size:9px;background:#243541;color:#adbfbb}
.day-jobs{display:flex;flex-direction:column;gap:9px}.calendar-job{background:#214439;border:1px solid #334750;border-left:3px solid #6c91b2;border-radius:9px;display:flex;flex-direction:column;gap:7px;text-align:left;padding:10px 9px;color:var(--ink);width:100%;transition:transform .2s,background .2s;min-height:101px}.calendar-job:hover{transform:translateY(-2px);background:#263a43}.calendar-job[data-status="done"]{border-left-color:var(--accent)}.calendar-job[data-status="working"]{border-left-color:var(--orange)}.calendar-job[data-status="blocked"]{border-left-color:var(--red)}.calendar-job strong{font-size:11px;line-height:1.5;letter-spacing:-.01em}.calendar-job small{color:#9cb0b7;font-size:9px}.job-time{font-size:10px;font-weight:780;color:var(--accent)}.empty-day{font-size:10px;color:#627982;text-align:center;padding:24px 6px;border:1px dashed #344750;border-radius:8px}
.side-insight{padding:20px}.side-insight .eyebrow{margin:0}.side-insight h3{font-size:19px;letter-spacing:-.04em;margin:9px 0}.insight-lead{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 18px}.insight-item{display:flex;gap:10px;padding:15px 0;border-top:1px solid var(--line);align-items:flex-start}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:800;color:#103024;background:#9ce5c2}.avatar[data-color="blue"]{background:#a4c4e4;color:#233a57}.avatar[data-color="orange"]{background:#e9bf98;color:#4b3828}.avatar[data-color="lilac"]{background:#c7b2e5;color:#3d3253}.insight-name{font-size:12px;font-weight:750}.insight-sub{font-size:10px;margin-top:5px;color:var(--muted)}.insight-stat{margin-left:auto;font-size:11px;color:var(--accent);font-weight:780}
.insight-hint{margin-top:18px;padding:15px;border-radius:12px;background:linear-gradient(125deg,#214238,#1b3436);border:1px solid #385f51;font-size:11px;color:#bedbd0;line-height:1.65}.insight-hint strong{display:block;color:#deffe7;margin-bottom:5px}
.content-caption{font-size:10px;color:var(--muted);margin-top:13px}
.table-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:18px}.search{position:relative;flex:1;min-width:200px}.search input{width:100%;height:45px;border:1px solid var(--line);background:#19372f;color:var(--ink);border-radius:11px;padding:0 15px 0 41px;outline:0}.search input:focus{border-color:#8db8a3}.search:before{content:"⌕";position:absolute;top:8px;left:15px;font-size:25px;color:var(--muted)}.filter-select{height:45px;min-width:165px;border:1px solid var(--line);background:#19372f;color:var(--ink);border-radius:11px;padding:0 13px}.filter-chip{background:#1d3431;color:#b6ead0;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:730}
.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:710px}.data-table th{padding:17px 18px;border-bottom:1px solid var(--line);color:#7f989f;font-size:10px;font-weight:750;letter-spacing:.09em}.data-table td{padding:18px;border-bottom:1px solid #263942;vertical-align:middle;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#172b35}.cell-primary{font-weight:740;color:var(--ink);font-size:12px}.cell-muted{font-size:10px;color:var(--muted);margin-top:5px}.row-action{border:1px solid #3c5454;background:#22343c;color:#d7eee3;font-weight:720;font-size:11px;border-radius:9px;padding:8px 12px}.row-action:hover{background:#305447}
.status-pill,.priority-pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:6px 10px;font-size:10px;font-weight:750;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status-pill[data-status="planned"]{background:#273b49;color:#b1d8f5}.status-pill[data-status="working"]{background:#483826;color:#f1c28e}.status-pill[data-status="done"]{background:#244436;color:#b8f2ce}.status-pill[data-status="blocked"]{background:#492e38;color:#f7abb4}.priority-pill{border:1px solid var(--line);color:#a7b9c1}.priority-pill[data-priority="urgent"]{color:#ffc1af;background:#492d29;border-color:#693c33}.priority-pill[data-priority="high"]{color:#efce93;border-color:#534533}
.empty-results{text-align:center;padding:65px 25px;color:var(--muted)}.empty-results strong{display:block;color:var(--ink);font-size:19px;margin-bottom:10px}.empty-results button{margin-top:13px}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.team-card{display:flex;align-items:flex-start;gap:16px;background:#19372f;border:1px solid var(--line);border-radius:17px;padding:24px}.team-card h3{font-size:17px;letter-spacing:-.035em;margin:3px 0 6px}.team-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 15px}.team-card .avatar{width:51px;height:51px;border-radius:15px;font-size:16px}.team-meter{height:7px;border-radius:99px;background:#2c404a;overflow:hidden;margin-top:10px}.team-meter span{height:100%;background:linear-gradient(90deg,#83cbae,#d0ffdf);display:block;border-radius:99px;transition:width .35s}.team-card .team-caption{font-size:10px;color:#a9c3bd;font-weight:720}
.quick-tip{border:1px dashed #3b6354;padding:20px 24px;border-radius:13px;display:flex;gap:15px;align-items:center;background:#142923;margin:24px 0;color:#b4cfc4;font-size:12px;line-height:1.7}.quick-tip strong{color:var(--accent)}.quick-tip-icon{font-size:24px;color:var(--accent)}
.editor-overlay,.help-overlay{position:fixed;inset:0;z-index:110;display:flex;justify-content:flex-end}.editor-scrim{position:absolute;inset:0;background:#020810bb;backdrop-filter:blur(5px)}.editor-panel{position:relative;width:min(100%,540px);height:100%;overflow-y:auto;border-left:1px solid #46635b;background:#19372f;padding:30px clamp(22px,3vw,38px);box-shadow:-30px 0 90px #0008;animation:panel-in .26s ease}.editor-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.editor-top h2,.help-dialog h2{font-size:30px;letter-spacing:-.05em;line-height:1.2;margin:10px 0 6px}.editor-top p,.help-dialog p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.close-editor{border:1px solid var(--line);border-radius:11px;background:#20303c;color:var(--ink);height:38px;width:38px;flex-shrink:0;font-size:23px;line-height:1}.close-editor:hover{background:#305044}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;padding:23px 0}.form-field{display:flex;flex-direction:column;gap:9px;min-width:0}.form-field.full{grid-column:1/-1}.form-field span{font-size:11px;color:#c1d4cf;font-weight:710}.form-field span b{color:#c9f7d6}.form-field small{font-weight:400;color:var(--faint)}
.form-field input,.form-field select,.form-field textarea{min-width:0;width:100%;color:var(--ink);border:1px solid #37505c;border-radius:10px;background:#1a2935;padding:12px 13px;font-size:12px;outline:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #84efb419}.form-field textarea{resize:vertical;line-height:1.65}.form-field input::placeholder,.form-field textarea::placeholder{color:#687d89}.form-field input[type=date],.form-field input[type=time]{color-scheme:dark}
.editor-privacy{padding:13px 15px;background:#213a34;border:1px solid #3d5d52;border-radius:10px;color:#bcd3cb;font-size:11px;line-height:1.65;margin:0}.editor-error{color:#ffc1c7;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:25px 0 10px}.ghost-button{background:transparent;border:1px solid #476052;border-radius:11px;padding:11px 19px;color:var(--ink);font-weight:720}
.help-overlay{align-items:center;justify-content:center}.help-dialog{position:relative;background:#19372f;border:1px solid #47705b;box-shadow:0 30px 80px #0009;border-radius:19px;padding:36px;max-width:490px;width:calc(100% - 32px);animation:fade-up .2s ease}.help-dialog .close-editor{position:absolute;top:20px;right:20px}.help-dialog h2{max-width:340px}.help-dialog ol{padding-left:19px;margin:25px 0;color:#bcd0ce}.help-dialog li{font-size:13px;line-height:1.8;margin:12px 0}.help-dialog li strong{color:var(--accent)}.help-dialog p{margin:18px 0 23px}
.toast{position:fixed;z-index:130;bottom:24px;right:24px;max-width:min(380px,calc(100vw - 36px));border:1px solid #669781;border-radius:12px;background:#203e34;color:#dbffe9;padding:14px 20px;font-size:12px;font-weight:740;box-shadow:0 25px 70px #0007;animation:fade-up .2s ease}
.mobile-scrim{position:fixed;inset:0;background:#04080ac9;z-index:29}
@keyframes panel-in{from{transform:translateX(25px);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes fade-up{from{transform:translateY(13px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(max-width:1350px){.content-grid{grid-template-columns:minmax(0,1fr) 242px}.surface-head{padding:18px}.week-grid{grid-template-columns:repeat(5,minmax(130px,1fr))}.hero-visual{width:195px;min-width:180px}}
@media(max-width:1080px){.workspace{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:22px 12px}.content-grid{grid-template-columns:1fr}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.side-insight{display:flex;flex-wrap:wrap;gap:14px}.side-insight .insight-item{flex:1 1 42%;margin:0;min-width:140px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{display:none}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(290px,82vw);transform:translateX(-110%);transition:transform .23s ease;box-shadow:30px 0 80px #0008}.sidebar.open{transform:translateX(0)}.menu-toggle{display:inline-flex}.topbar{height:69px;padding:0 18px}.top-actions{gap:9px}.top-demo-note{display:none}.new-button{padding:10px 12px}.new-button .new-label{display:none}.new-button .new-short{display:inline}#content{padding:24px 18px 10px}.hero-card{padding:26px}.page-heading h1{font-size:32px}.week-grid{grid-template-columns:repeat(5,minmax(147px,1fr))}.team-grid{grid-template-columns:1fr}.topbar .breadcrumb{font-size:10px}.heading-time{display:none}}
@media(max-width:470px){.metrics-grid{gap:9px}.metric{padding:15px}.metric-number{font-size:29px}.metric-kicker{font-size:9px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.surface-head{padding:16px;align-items:flex-start}.week-controls{flex-wrap:wrap;gap:4px}.week-title{font-size:10px}.day-col{min-width:138px}.top-left{gap:8px}.topbar .breadcrumb{letter-spacing:0}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.editor-panel{padding:22px}.editor-top h2{font-size:26px}.demo-footer{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.team-week-nav{margin:0 0 22px;display:flex;justify-content:flex-end}

/* Accessibility and touch refinements — Demo V1 QA */
.new-short{display:none}
@media(max-width:760px){
  .new-button .new-short{display:inline}
  .new-button .new-label{display:none}
  .sidebar{visibility:hidden}
  .sidebar.open{visibility:visible}
  .week-grid,.data-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .week-grid{scroll-snap-type:x proximity}
  .day-col{scroll-snap-align:start}
  .editor-panel{height:100dvh}
  .menu-toggle,.icon-button{min-width:42px;min-height:42px}
  .week-controls button{min-width:42px;min-height:42px}
}
@media(min-width:761px){.sidebar{visibility:visible!important}}
@media(max-width:470px){
  .top-actions{gap:6px}
  .new-button{gap:5px;padding:10px}
  .week-grid{grid-template-columns:repeat(5,minmax(152px,1fr))}
  .demo-footer{font-size:10px}
  .editor-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .form-actions{position:sticky;bottom:-23px;background:#19372f;z-index:2;border-top:1px solid var(--line)}
  .form-actions .primary-button{white-space:normal}
  .status-pill{font-size:11px}
}

.breadcrumb .breadcrumb-project{margin:0;color:inherit}
/* Narrow devices: keep the operational title readable without pushing topbar beyond viewport. */
@media(max-width:380px){.breadcrumb-project,.breadcrumb-separator{display:none}.topbar{gap:8px}.top-left{min-width:0}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis}.new-button{padding:9px}}

/* ZEROTRENTA is longer than the legacy brand: avoid mobile topbar overflow. */
@media(max-width:470px){.breadcrumb-project,.breadcrumb-separator{display:none}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis}}