
:root{
  --font-scale:1;--font-body:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-heading:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --bg:#f4f6f8;--card:#ffffff;--soft:#eef2f5;--text:#24313d;--muted:#65727f;--line:#d7e0e6;--shadow:0 8px 24px rgba(26,41,56,.06);
  --navy:#17324d;--navy-2:#264a68;--aqua:#176b73;--gold:#d8a019;--accent:#0f2240;--accentText:#ffffff;--sidebar:#0f2240;--sidebarText:#ffffff;--sidebarMuted:#c9d5e0;--navActive:#d8a019;--navActiveText:#17243a;
  --green:#19794e;--green-soft:#eaf7f0;--yellow:#9a6700;--yellow-soft:#fff6d6;--red:#b42318;--red-soft:#fff0ee;
}
:root[data-theme="dark"]{--bg:#0f141a;--card:#18212b;--soft:#202c38;--text:#edf3f8;--muted:#bac6d0;--line:#3b4a59;--shadow:none;--navy:#f3f7fa;--navy-2:#d8e4ee;--aqua:#72ced1;--green:#75daa8;--green-soft:#153729;--yellow:#ffd166;--yellow-soft:#3b3117;--red:#ff938a;--red-soft:#44211f;color-scheme:dark}
/* Coordinated theme palettes. */
:root[data-palette="modern-blue"]{--accent:#2563eb;--accentText:#fff;--sidebar:#17469c;--sidebarText:#fff;--sidebarMuted:#d7e7ff;--navActive:#dbeafe;--navActiveText:#163a76;--aqua:#2563eb;--navy:#173a68}
:root[data-theme="dark"][data-palette="modern-blue"]{--accent:#7db3ff;--accentText:#0c1727;--sidebar:#0b1f3a;--sidebarMuted:#c6dbfa;--navActive:#2e5e9d;--navActiveText:#fff;--aqua:#8dc0ff}
:root[data-palette="kingdom-hall"]{--accent:#0f2240;--accentText:#fff;--sidebar:#0f2240;--sidebarText:#fff;--sidebarMuted:#c9d5e0;--navActive:#d8a01f;--navActiveText:#17243a;--aqua:#b47d08;--navy:#173a5f}
:root[data-theme="dark"][data-palette="kingdom-hall"]{--accent:#e8bd55;--accentText:#151b22;--sidebar:#081a2f;--sidebarMuted:#c9d5e0;--navActive:#d8a01f;--navActiveText:#111827;--aqua:#e8bd55}
:root[data-palette="microsoft-365"]{--accent:#0078d4;--accentText:#fff;--sidebar:#005a9e;--sidebarText:#fff;--sidebarMuted:#d8edff;--navActive:#deefff;--navActiveText:#004578;--aqua:#0078d4;--navy:#005a9e}
:root[data-theme="dark"][data-palette="microsoft-365"]{--accent:#69b9f2;--accentText:#0f1b24;--sidebar:#082f4c;--sidebarMuted:#d4ecff;--navActive:#155f91;--navActiveText:#fff;--aqua:#78c7ff}
:root[data-palette="fresh-green"]{--accent:#168b3f;--accentText:#fff;--sidebar:#136b34;--sidebarText:#fff;--sidebarMuted:#dcfce7;--navActive:#d9f7e3;--navActiveText:#105c2d;--aqua:#168b3f;--navy:#14532d}
:root[data-theme="dark"][data-palette="fresh-green"]{--accent:#6bdd8d;--accentText:#102018;--sidebar:#0b3820;--sidebarMuted:#d4f8df;--navActive:#176b37;--navActiveText:#fff;--aqua:#73e094}
:root[data-palette="warm-orange"]{--accent:#d94f08;--accentText:#fff;--sidebar:#c43f09;--sidebarText:#fff;--sidebarMuted:#ffeadb;--navActive:#ffeadb;--navActiveText:#8a2e08;--aqua:#c2410c;--navy:#7c2d12}
:root[data-theme="dark"][data-palette="warm-orange"]{--accent:#ff9a5a;--accentText:#281509;--sidebar:#4b210e;--sidebarMuted:#ffe1cc;--navActive:#8b3b13;--navActiveText:#fff;--aqua:#ffab73}
:root[data-palette="royal-purple"]{--accent:#6d35d6;--accentText:#fff;--sidebar:#4f239c;--sidebarText:#fff;--sidebarMuted:#eadfff;--navActive:#eee7ff;--navActiveText:#442080;--aqua:#6d35d6;--navy:#4c1d95}
:root[data-theme="dark"][data-palette="royal-purple"]{--accent:#ba9cff;--accentText:#21143b;--sidebar:#25114d;--sidebarMuted:#e8ddff;--navActive:#6132a9;--navActiveText:#fff;--aqua:#c4aaff}
:root[data-palette="charcoal"]{--accent:#4b5563;--accentText:#fff;--sidebar:#1f2937;--sidebarText:#fff;--sidebarMuted:#d1d5db;--navActive:#e5e7eb;--navActiveText:#1f2937;--aqua:#4b5563;--navy:#273444}
:root[data-theme="dark"][data-palette="charcoal"]{--accent:#c8d0d9;--accentText:#111827;--sidebar:#0c1118;--sidebarMuted:#d5dce4;--navActive:#4b5563;--navActiveText:#fff;--aqua:#c8d0d9}
:root[data-palette="purple-gold"]{--accent:#4c1d95;--accentText:#fff;--sidebar:#35136b;--sidebarText:#fff;--sidebarMuted:#eadfff;--navActive:#eab308;--navActiveText:#2a1450;--aqua:#8b5cf6;--navy:#312e81}
:root[data-theme="dark"][data-palette="purple-gold"]{--accent:#f0c84b;--accentText:#261d06;--sidebar:#1c0d39;--sidebarMuted:#e8ddff;--navActive:#d9a90c;--navActiveText:#24143e;--aqua:#c4a0ff}
:root[data-font="professional"]{--font-body:"Segoe UI",Roboto,Arial,sans-serif;--font-heading:"Segoe UI",Roboto,Arial,sans-serif}
:root[data-font="modern"]{--font-body:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--font-heading:Poppins,"Avenir Next",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
:root[data-font="minimalist"]{--font-body:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--font-heading:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
:root[data-font="heritage"]{--font-body:"Source Sans Pro","Source Sans 3",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-heading:Montserrat,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
:root[data-contrast="high"]{--line:currentColor;--shadow:none}
:root[data-theme="dark"][data-contrast="high"]{--text:#fff;--muted:#e5edf4;--card:#080b0f;--soft:#111820;--bg:#000}
:root[data-theme="light"][data-contrast="high"]{--text:#000;--muted:#242424;--card:#fff;--soft:#f2f2f2;--bg:#fff}
*{box-sizing:border-box;min-width:0}html{font-family:var(--font-body);font-size:calc(16px * var(--font-scale,1));background:var(--bg);color:var(--text);letter-spacing:0}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:0}h1,h2,h3,h4,.brand strong,.topbrand{font-family:var(--font-heading);letter-spacing:-.01em}button{font-family:inherit;letter-spacing:0}input,select,textarea{font-family:inherit;font-size:max(16px,1rem);letter-spacing:0;max-width:100%}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed}.sidebar{display:none}.shell{min-height:100%;padding-bottom:66px}.topbar{height:62px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.topbrand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:8px;font-weight:900}.topbrand img{width:38px;height:38px;border-radius:9px;object-fit:contain}.top-actions{display:flex;gap:7px}.top-action{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;min-height:42px;padding:8px 10px;font-weight:800}.top-action span{font-size:.78rem}main{padding:14px;max-width:1180px;margin:0 auto}.screen{display:none}.screen.active{display:block}.date-box{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;margin-bottom:10px;box-shadow:var(--shadow)}.date-box span{font-size:.72rem;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:900}.date-box strong{font-size:.86rem;text-align:right}.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card));border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.hero-line{display:flex;gap:12px;align-items:center}.hero-line img{width:54px;height:54px;border-radius:12px;object-fit:contain}.eyebrow{font-size:.69rem;text-transform:uppercase;letter-spacing:.045em;font-weight:900;color:var(--aqua);margin:0}.hero h1{font-size:1.15rem;line-height:1.22;margin:3px 0 0;color:var(--navy)}.hero>p{margin:11px 0 0;color:var(--muted);line-height:1.55}.justify{text-align:justify}.home-block{margin-top:18px}.page-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.compact-head{margin-bottom:8px}.page-head h2{font-size:1.25rem;margin:2px 0 5px;color:var(--navy)}.page-head p{margin:0;color:var(--muted);line-height:1.5}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}.reminder-panel{display:grid;gap:11px}.bullet-list{margin:0;padding-left:22px;display:grid;gap:8px}.bullet-list li{line-height:1.45;text-align:justify}.reminder-current{border-radius:12px;padding:11px 12px;font-weight:800;line-height:1.45}.reminder-current.green{background:var(--green-soft);color:var(--green)}.reminder-current.yellow{background:var(--yellow-soft);color:var(--yellow)}.reminder-current.red{background:var(--red-soft);color:var(--red)}.reminder-current.neutral{background:var(--soft);color:var(--text)}.milestones{display:grid;gap:6px}.milestone{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:start;color:var(--muted);font-size:.82rem;line-height:1.4}.dot{width:10px;height:10px;border-radius:50%;margin-top:4px}.dot.green{background:var(--green)}.dot.yellow{background:#d99a00}.dot.red{background:var(--red)}.form{display:grid;gap:14px}.form label>span,.dialog label>span,.report-controls label>span{display:block;font-size:.78rem;font-weight:900;margin-bottom:6px}.form input,.form select,.form textarea,.dialog input,.dialog select,.dialog textarea,.report-controls select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--card);color:var(--text);min-height:44px;min-width:0}.form input[type="month"]{max-width:100%;font-size:16px;padding-inline:8px}.month-label{min-width:0;overflow:hidden}.disabled-input:disabled{background:var(--soft);color:var(--muted);border-style:dashed;opacity:1}.field-note{font-size:.78rem;color:var(--muted);margin:0;line-height:1.45;text-align:justify}.grid2,.grid3{display:grid;grid-template-columns:1fr;gap:10px}.search{display:grid;grid-template-columns:28px 1fr;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 10px;margin-bottom:12px}.search input{border:0;background:none;min-height:46px;outline:none;color:var(--text);width:100%}.stack{display:grid;gap:8px}.stack.compact{gap:6px}.item-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.item-card>div:first-child{min-width:0}.item-card small{color:var(--muted);display:block;margin-top:3px;line-height:1.4}.item-card .meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-top:5px}.item-actions,.request-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.last-card{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:end}.last-card small{grid-column:1/-1;color:var(--aqua);font-weight:900}.last-card strong{font-size:2rem;color:var(--navy)}.last-card span{color:var(--muted);font-size:.82rem}.method-grid{display:grid;grid-template-columns:1fr;gap:8px}.method{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:13px;text-align:left;display:grid;grid-template-columns:40px 1fr;column-gap:8px}.method-icon{grid-row:1/3;display:grid;place-items:center;font-weight:900;color:var(--accent)}.method b,.method>span:last-child{grid-column:2}.method>span:last-child{color:var(--muted);font-size:.78rem;margin-top:2px;line-height:1.35}.subpanel{border:1px dashed var(--line);background:var(--soft);border-radius:12px;padding:12px;display:grid;gap:10px}.weight-result{border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));background:var(--green-soft);color:var(--text);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.weight-result strong{display:block;font-size:2rem;color:var(--green)}.weight-result span{font-size:.78rem;color:var(--muted)}.confirm-actions{display:flex;gap:8px}.confirm,.reject{width:46px;height:46px;border-radius:50%;border:0;color:#fff;font-size:1.25rem;font-weight:900}.confirm{background:#19794e}.reject{background:#b42318}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.compare>div{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.compare small{display:block;color:var(--muted)}.compare strong{font-size:1.2rem;color:var(--navy)}.hint{margin:0;background:var(--soft);border-radius:10px;padding:10px;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.primary,.secondary{border-radius:10px;padding:10px 14px;min-height:42px;font-weight:900}.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accentText)}.primary:disabled{opacity:.45}.secondary{border:1px solid var(--line);background:var(--card);color:var(--text)}.full{width:100%}.hidden{display:none!important}.autocomplete{position:relative}.suggestions{display:none;position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);max-height:240px;overflow:auto}.suggestions.open{display:block}.suggestions button{width:100%;border:0;border-top:1px solid var(--line);background:var(--card);color:var(--text);padding:10px;text-align:left}.suggestions button:first-child{border-top:0}.suggestions mark{background:#ffe986;color:#1a1a1a}.suggestions small{display:block;color:var(--muted);margin-top:2px}.choice,.checks{display:flex;gap:16px;flex-wrap:wrap}.choice label,.checks label,.check{display:flex;align-items:center;gap:7px}.choice input,.checks input,.check input{width:auto;min-height:auto}.basket{background:var(--soft);border-radius:12px;padding:12px}.chips,.report-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.chip,.chips button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 10px;color:var(--text)}.chip.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.request-status{font-size:.72rem;border-radius:999px;padding:5px 8px;background:var(--soft);color:var(--text);font-weight:800}.mini{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:7px 9px;font-size:.72rem}.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card)}.metric strong{display:block;color:var(--navy);font-size:1.35rem}.metric span{font-size:.75rem;color:var(--muted)}.table-wrap{overflow:auto;border-radius:10px}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:.82rem;vertical-align:top}.table-wrap th{color:var(--muted);font-size:.72rem;text-transform:uppercase;background:var(--soft)}.diff-neg{color:var(--red);font-weight:900}.diff-pos{color:var(--green);font-weight:900}.note{margin-top:14px;background:var(--soft);border-radius:12px;padding:12px}.note p{margin:5px 0 0;color:var(--muted);line-height:1.45;font-size:.82rem}.report-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.report-controls label{min-width:150px}.abbrev-note{font-size:.78rem;color:var(--muted);font-weight:800}.gap-top{margin-top:12px}.management-grid{display:grid;grid-template-columns:1fr;gap:10px}.manage-card{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:16px;display:grid;gap:5px;box-shadow:var(--shadow)}.manage-card b{color:var(--navy)}.manage-card span{font-size:.82rem;color:var(--muted);line-height:1.45;text-align:justify}.section-actions{margin-bottom:10px}.dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:16px;width:min(92vw,580px);display:grid;gap:12px}.dialog::backdrop{background:rgba(7,11,15,.67)}.x{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:50%;width:34px;height:34px}.sync-status{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft)}.sync-status span{color:var(--muted);font-size:.8rem;line-height:1.45}.file-button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:10px 14px;text-align:center;font-weight:900;cursor:pointer}.file-button input{display:none}.bottomnav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottomnav button{border:0;background:none;min-height:58px;color:var(--muted);font-size:1rem}.bottomnav .nav-icon{font-size:1.1rem;font-weight:900}.bottomnav small{display:block;font-size:.58rem;margin-top:2px}.bottomnav button.active{color:var(--accent);font-weight:900}.nav-icon{display:inline-block;min-width:22px;text-align:center}hr{border:0;border-top:1px solid var(--line);width:100%}

/* v2.6 responsive/readability and Appearance Settings */
.justify{text-align:justify;hyphens:auto;text-justify:inter-word}.page-head>div,.hero-line>div,.row-between>*{min-width:0}.page-head h2,.hero h1,.item-card b,.manage-card b{overflow-wrap:anywhere}.row-between{flex-wrap:wrap}.top-actions{flex-shrink:0}.top-action{white-space:nowrap}.back-link{border:0;background:none;color:var(--accent);padding:0;margin:0 0 6px;font-weight:800;min-height:32px}.submission-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.report-range-controls{align-items:end}.custom-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:min(100%,300px)}.custom-range label{min-width:0}.custom-range input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:8px;font-size:max(16px,1rem)}
.appearance-layout{display:grid;gap:12px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.theme-choice{border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:10px;text-align:left;display:grid;gap:5px;min-height:112px}.theme-choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-choice small{color:var(--muted);line-height:1.3}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.theme-swatches i{background:var(--sw);display:block}.settings-stack{display:grid;gap:12px}.settings-stack>label>span{display:block;font-size:.8rem;font-weight:800;margin-bottom:5px}.settings-stack select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:9px;font-size:max(16px,1rem)}.setting-toggle{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--soft)}.setting-toggle label{display:flex;gap:8px;align-items:center;font-weight:800}.setting-toggle input{width:auto}.setting-toggle small{display:block;color:var(--muted);margin:5px 0 0 26px;line-height:1.35}
:root[data-targets="large"] button,:root[data-targets="large"] input,:root[data-targets="large"] select,:root[data-targets="large"] textarea{min-height:48px}:root[data-motion="reduced"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(min-width:700px){.appearance-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.appearance-layout>section:last-child{grid-column:1/-1}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.two-methods{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(5,1fr)}.management-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:850px){#app{display:grid;grid-template-columns:220px 1fr}.sidebar{display:flex;position:sticky;top:0;height:100vh;background:var(--sidebar);color:var(--sidebarText);padding:16px 12px;flex-direction:column}.brand{border:0;background:none;color:var(--sidebarText);display:flex;align-items:center;gap:10px;text-align:left;padding:4px 6px 18px}.brand img{width:42px;height:42px;border-radius:10px;object-fit:contain}.brand strong,.brand small{display:block}.brand small{color:var(--sidebarMuted);margin-top:2px}.sidebar nav{display:grid;gap:4px}.nav{border:0;background:none;color:var(--sidebarMuted);border-radius:9px;padding:11px;text-align:left;display:flex;gap:10px;align-items:center}.nav.active{background:var(--navActive);color:var(--navActiveText);font-weight:900}.bottomnav{display:none}.shell{padding-bottom:0}.topbar{padding:8px 24px}main{padding:24px}.management-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){html{font-size:calc(15px * var(--font-scale,1))}.topbar{height:auto;min-height:60px}.topbrand span{font-size:.86rem}.top-actions{gap:4px}.top-action{min-width:42px}.page-head h2{font-size:1.18rem}.theme-grid{grid-template-columns:1fr}.custom-range{grid-template-columns:1fr;width:100%}.report-controls{display:grid;grid-template-columns:1fr}.report-controls label{min-width:0}.submission-actions{justify-content:flex-start}.table-wrap th,.table-wrap td{font-size:.78rem}.bottomnav button{padding:5px 2px}.bottomnav small{font-size:.61rem;line-height:1.1;letter-spacing:0}.grid2,.grid3{grid-template-columns:1fr!important}.form input,.form select,.form textarea{width:100%;max-width:100%}.top-action span{display:none}.top-action{width:42px;padding:8px}.date-box{display:grid}.date-box strong{text-align:left}.hero-line{align-items:flex-start}.hero-line img{width:46px;height:46px}.hero h1{font-size:1.03rem}.page-head{display:grid}.item-card{align-items:flex-start}.item-actions,.request-actions{justify-content:flex-start}.compare{grid-template-columns:1fr 1fr 1fr}.compare strong{font-size:1.05rem}.report-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.report-tabs .chip{white-space:nowrap}.form input[type="month"]{width:100%;min-width:0;max-width:100%}}
@media print{.sidebar,.topbar,.bottomnav,.page-head button,.report-tabs,.report-controls{display:none!important}#app{display:block}.screen{display:none!important}.screen[data-screen="reports"]{display:block!important}main{max-width:none;padding:0}.panel{border:0;box-shadow:none;padding:0}.note{break-inside:avoid}.report-panel.hidden{display:none!important}.table-wrap{overflow:visible}.table-wrap table{min-width:0}}
.group-matrix th,.group-matrix td{min-width:108px;vertical-align:top;text-align:center}.group-matrix th:nth-child(1),.group-matrix td:nth-child(1){min-width:64px}.group-matrix th:nth-child(2),.group-matrix td:nth-child(2){min-width:180px;text-align:left}.group-matrix th:nth-child(5),.group-matrix td:nth-child(5),.group-matrix th:nth-child(9),.group-matrix td:nth-child(9){background:rgba(220,170,40,.12)}.group-matrix th:nth-child(6),.group-matrix td:nth-child(6){background:rgba(80,140,190,.10)}.group-matrix th:nth-child(10),.group-matrix td:nth-child(10),.group-matrix th:nth-child(11),.group-matrix td:nth-child(11){background:rgba(90,150,80,.10)}

/* v2.7 refinements */
.column-chooser{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px;margin:8px 0 12px}.column-chooser .checks{margin-top:8px}.wrap{flex-wrap:wrap}.group-section td{background:var(--accent)!important;color:var(--accentText)!important;font-weight:900;text-align:left!important;padding:9px 10px!important}.requester-af{font-weight:900;color:var(--aqua)}
@media(max-width:520px){.hero{padding:12px}.hero>p{display:none}.home-block{margin-top:12px}.compact-head{margin-bottom:5px}.reminder-panel{padding:12px}.bullet-list{padding-left:18px;gap:5px}.milestones{display:none}.reminder-current{font-size:.82rem;padding:9px 10px}.date-box{margin-bottom:8px}.date-box span{letter-spacing:0}.hero h1{line-height:1.18;overflow-wrap:anywhere}.table-wrap table{font-size:.76rem}.group-matrix th,.group-matrix td{min-width:92px}.group-matrix th:nth-child(2),.group-matrix td:nth-child(2){min-width:150px}}

/* v2.8 final refinements */
.hero-line{grid-template-columns:1fr}.request-toolbar{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:stretch;margin:0 0 12px}.request-new-button{display:grid;place-items:center;align-content:center;gap:2px;padding:10px;min-height:74px;line-height:1.05;text-align:center}.request-new-button span{font-size:.82rem}.request-status-tabs{display:flex;flex-wrap:wrap;align-content:flex-start}.home-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.alert-card{border-radius:12px;padding:10px 12px;font-size:.82rem;display:grid;gap:4px;border:1px solid var(--line);background:var(--soft)}.alert-card b{font-size:.8rem}.alert-card.green{background:rgba(22,163,74,.12);color:#0f5c2f}.alert-card.yellow{background:rgba(245,158,11,.14);color:#8a5700}.alert-card.red{background:rgba(220,38,38,.12);color:#962323}.compact-bullets li{margin:0 0 5px}.compact-bullets li:last-child{margin-bottom:0}.group-print-block{margin-top:12px}.group-print-block h3{margin:0 0 8px;color:var(--navy)}#groupReportContainer{display:grid;gap:12px}.group-print-block table{width:100%;border-collapse:collapse}.group-print-block th,.group-print-block td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:.82rem;vertical-align:top}.group-print-block th{color:var(--muted);font-size:.72rem;text-transform:uppercase;background:var(--soft)}
@media(max-width:520px){.request-toolbar{grid-template-columns:78px 1fr;align-items:start}.request-new-button{min-height:90px;border-radius:14px}.request-status-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.request-status-tabs .chip{width:100%;margin:0}.report-tabs{display:grid;grid-template-columns:1fr;gap:6px}.home-alerts{grid-template-columns:1fr}.hero{padding:12px 14px}.reminder-current{font-size:.8rem}.month-label select,.month-label input{max-width:100%;width:100%;min-width:0}.group-print-block h3{font-size:1rem}.group-print-block .table-wrap{margin-top:6px}}
@media print{#groupReportContainer{display:block}.group-print-block{break-inside:avoid;page-break-inside:avoid;margin-bottom:18px}}

/* Phase 3.1 cloud authentication */
.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--accent) 8%,var(--bg)))}
.auth-card{width:min(100%,430px);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.auth-logo{width:64px;height:64px;border-radius:14px;object-fit:contain;margin-bottom:14px}.auth-card h1{font-size:1.35rem;line-height:1.2;color:var(--navy);margin:5px 0 9px}.auth-copy{color:var(--muted);line-height:1.5;margin:0 0 18px}.auth-form{display:grid;gap:12px}.auth-form label>span{display:block;font-size:.78rem;font-weight:900;margin-bottom:6px}.auth-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--card);color:var(--text);min-height:46px;font-size:max(16px,1rem)}.auth-message{min-height:1.4em;margin:12px 0 0;font-size:.82rem;line-height:1.4;color:var(--muted)}.auth-message[data-type="error"]{color:var(--red)}.auth-message[data-type="success"]{color:var(--green)}.cloud-user{align-self:center;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:800;color:var(--green)}
@media(max-width:700px){.cloud-user{display:none}.auth-gate{padding:16px}.auth-card{padding:20px}.auth-card h1{font-size:1.2rem}}

/* Phase 3.2 password recovery + account security */
.password-notice{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--card));border-radius:12px;padding:12px;line-height:1.4}.password-notice strong{color:var(--navy)}.password-notice span{font-size:.82rem;color:var(--muted)}.password-notice.warning{border-color:color-mix(in srgb,#d99a00 45%,var(--line));background:color-mix(in srgb,#f59e0b 11%,var(--card))}.password-notice.warning strong{color:var(--text)}


/* Phase 3.3 — user administration and audit history */
.role-guide{margin-bottom:14px}.role-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:10px}.role-guide-grid span{font-size:.86rem;color:var(--muted)}
.user-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.user-card-main{display:grid;gap:8px}.user-card-main>div:first-child{display:grid;gap:2px}.user-card-main small{color:var(--muted)}.user-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.8rem;color:var(--muted)}
.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:.74rem;font-weight:700;color:var(--text)}.status-pill.ok{background:rgba(22,163,74,.12);color:#11632f}.status-pill.warn{background:rgba(245,158,11,.15);color:#8a5700}.status-pill.muted{background:var(--soft);color:var(--muted)}
.audit-filters{display:grid;grid-template-columns:1fr 1fr 1fr minmax(220px,1.5fr);gap:10px;margin-bottom:12px}.audit-card{display:grid;gap:10px}.audit-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.audit-head>div{display:grid;gap:3px}.audit-head small{color:var(--muted)}.audit-changes{display:grid;gap:5px;padding:9px 10px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}.audit-changes span{font-size:.8rem;overflow-wrap:anywhere}
[data-role-admin].hidden,[data-role-audit].hidden{display:none!important}
@media(max-width:760px){.role-guide-grid{grid-template-columns:1fr}.user-card{grid-template-columns:1fr}.user-card .actions{justify-content:flex-start}.audit-filters{grid-template-columns:1fr 1fr}.audit-search{grid-column:1/-1}}
@media(max-width:520px){.audit-filters{grid-template-columns:1fr}.audit-search{grid-column:auto}.audit-head{display:grid}.user-card .actions{display:grid;grid-template-columns:1fr}.user-card .actions button{width:100%}}

/* Phase 4.2 PWA / request / import polish */
.request-toolbar{grid-template-columns:128px 1fr;align-items:stretch}
.request-new-button{min-height:92px;border-radius:16px;font-size:1.12rem;box-shadow:var(--shadow)}
.request-new-button span{font-size:.9rem;line-height:1.05}
.import-panel input[type="file"]{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--text)}
.import-sheet{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px;box-shadow:var(--shadow)}
.import-sheet h3{margin:0 0 8px;color:var(--navy)}
.import-preview-table{overflow:auto;max-height:360px}
.import-preview-table table{width:100%;border-collapse:collapse;min-width:760px}
.import-preview-table th,.import-preview-table td{padding:8px;border-bottom:1px solid var(--line);font-size:.78rem;text-align:left;vertical-align:top}
.import-preview-table th{background:var(--soft);color:var(--muted);text-transform:uppercase;font-size:.7rem}
.import-error{border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--card));border-radius:12px;padding:10px 12px}
.import-ok{border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--card));border-radius:12px;padding:10px 12px}
.reminder-days-grid input{width:100%}
.hero + .date-box{margin-top:10px}
@media(max-width:520px){
 .request-toolbar{grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:center}
 .request-new-button{min-height:98px;width:96px;justify-self:center;border-radius:16px;padding:10px 8px}
 .request-new-button span{font-size:.84rem}
 .request-status-tabs{align-self:center}
 .reminder-days-grid{grid-template-columns:1fr!important}
}

/* Phase 4.5 — responsive settings, data hub and platform-specific install */
.settings-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.settings-nav-button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:14px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon copy";column-gap:10px;align-items:center;min-height:82px;box-shadow:var(--shadow)}.settings-nav-button>span{grid-area:icon;font-size:1.45rem}.settings-nav-button>b{grid-area:title}.settings-nav-button>small{grid-area:copy;color:var(--muted);margin-top:2px}.settings-nav-button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--card))}.settings-pane{display:none}.settings-pane.active{display:block}.settings-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.account-security-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.security-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-security{min-height:110px;text-align:left}.admin-default-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-default-grid label>span{display:block;font-size:.78rem;font-weight:900;margin-bottom:6px}.admin-default-grid input,.admin-default-grid select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:var(--card);color:var(--text);min-height:44px}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.danger-soft{border-color:color-mix(in srgb,var(--red) 28%,var(--line));color:var(--red)}
.sync-dialog{width:min(94vw,760px);max-width:760px;padding:0;border:0;background:transparent}.sync-dialog::backdrop{background:rgba(7,18,31,.52);backdrop-filter:blur(2px)}.sync-dialog-body{width:100%;max-height:min(88vh,850px);overflow:auto;display:grid;gap:12px}.sync-section{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card);display:grid;gap:10px}.sync-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sync-section-head>div{display:grid;gap:3px}.sync-section-head span{font-size:.8rem;color:var(--muted);line-height:1.35}.sync-dot{width:11px;height:11px;border-radius:50%;background:var(--green);margin-top:4px}.feature-badge{display:inline-flex!important;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-weight:900;font-size:.65rem!important;color:var(--accent)!important;letter-spacing:.04em}.import-launch-section{border-width:2px;border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--card)),var(--card))}.prominent-import-button{min-height:52px;font-size:1rem}.install-guide{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;gap:7px;background:var(--soft)}.install-guide.current-platform{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--card))}.install-guide>span{font-size:.8rem;line-height:1.45;color:var(--muted)}
.import-head-actions{display:flex;gap:8px;flex-wrap:wrap}.import-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;align-items:center;margin-bottom:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card))}.import-hero h3{margin:3px 0 6px;color:var(--navy);font-size:1.15rem}.import-hero p{margin:0;color:var(--muted);line-height:1.5}.import-kicker{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--aqua)}.import-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.import-steps span{display:grid;justify-items:center;gap:5px;text-align:center;font-size:.7rem;color:var(--muted)}.import-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accentText)}.import-options{margin-top:10px}.import-actions{align-items:stretch}.import-primary{min-height:50px;min-width:250px}.import-skip{border:1px solid color-mix(in srgb,var(--yellow) 35%,var(--line));background:color-mix(in srgb,var(--yellow) 7%,var(--card));border-radius:12px;padding:10px 12px;margin-top:8px}.user-admin-actions{flex-wrap:wrap}.user-admin-actions button{white-space:nowrap}
@media(min-width:900px){.sync-dialog-body{padding:20px}.settings-pane .panel{padding:20px}.import-panel{padding:20px}}
@media(max-width:820px){.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account-security-grid{grid-template-columns:1fr}.import-hero{grid-template-columns:1fr}.security-links{grid-template-columns:1fr 1fr}.settings-toggle-grid{grid-template-columns:1fr 1fr}.admin-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.settings-nav{grid-template-columns:1fr 1fr;gap:7px}.settings-nav-button{padding:10px;min-height:76px;grid-template-columns:auto 1fr}.settings-nav-button>span{font-size:1.2rem}.settings-nav-button small{font-size:.68rem}.settings-toggle-grid,.admin-default-grid,.admin-action-grid,.security-links{grid-template-columns:1fr}.sync-dialog{width:calc(100vw - 16px);max-width:none}.sync-dialog-body{max-height:92vh;padding:14px;border-radius:18px}.sync-section{padding:12px}.sync-section-head{align-items:center}.import-head-actions{display:grid;grid-template-columns:1fr;width:100%}.import-head-actions button{width:100%}.import-hero{padding:14px}.import-steps{grid-template-columns:repeat(4,minmax(55px,1fr));overflow-x:auto}.import-primary{min-width:0;width:100%}.import-actions{display:grid;grid-template-columns:1fr}.import-actions button{width:100%}.user-admin-actions{display:grid!important;grid-template-columns:1fr!important}.request-toolbar{grid-template-columns:104px minmax(0,1fr)}.request-new-button{width:104px;min-height:100px}}

/* Phase 4.5.1 responsive hardening */
.brand img,.topbrand img,.auth-logo,.hero-line img{object-fit:contain;flex:0 0 auto}
.install-guide.current-platform{order:-1}.import-history-section h3{margin:0 0 4px}.import-history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.import-history-metrics{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.import-history-metrics span{font-size:.72rem;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 8px}.settings-pane>.panel{width:100%}.sync-section button{max-width:100%}
@media(max-width:680px){.page-head{display:grid;grid-template-columns:1fr}.page-head>button,.page-head>.primary,.page-head>.secondary{justify-self:stretch;width:100%}.import-history-card{grid-template-columns:1fr}.import-history-metrics{justify-content:flex-start}.top-actions{gap:5px}.top-action{padding:7px 8px}.top-action span{font-size:.72rem}}
@media(max-width:430px){.settings-nav{grid-template-columns:1fr}.settings-nav-button{min-height:66px;grid-template-columns:34px 1fr;padding:10px 12px}.settings-nav-button>span{font-size:1.25rem}.topbrand span{display:none}.topbar{padding-inline:9px}.top-action span{display:none}.top-action{min-width:42px;padding:8px}.request-toolbar{grid-template-columns:96px minmax(0,1fr)}.request-new-button{width:96px;min-height:96px}.import-steps{grid-template-columns:repeat(4,72px);justify-content:start}.sync-dialog-body{padding:12px}}

/* Phase 4.5 iOS install guide */
.install-dialog-body{max-width:620px}
.ios-install-hero{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--soft)}
.ios-install-hero img{width:72px;height:72px;border-radius:16px;object-fit:contain;flex:0 0 auto}
.ios-install-hero div{display:grid;gap:4px}.ios-install-hero span{color:var(--muted);font-size:.92rem}
.install-steps-list{display:grid;gap:10px;padding-left:24px;line-height:1.45}
@media (max-width:430px){.ios-install-hero{align-items:flex-start}.ios-install-hero img{width:60px;height:60px}.install-dialog-body{padding:16px}}

/* Phase 4.6 — production-candidate responsive hardening */
:root{--content-max:1480px}
.main,.content,.screen{min-width:0}
.screen{max-width:var(--content-max);width:100%;margin-inline:auto}
.brand img,.topbrand img{width:34px;height:34px;border-radius:9px}
.request-new-button{width:156px;min-height:104px;padding:14px 12px;font-size:1.18rem}
.request-toolbar{grid-template-columns:156px minmax(0,1fr);gap:14px}
.import-preview-table{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.import-preview-table table{min-width:680px}
.import-preview-table td{word-break:normal;overflow-wrap:anywhere}
.import-error .list-card small,.import-ok span,.import-skip span{line-height:1.45}
.install-guide b{font-size:.95rem}.install-guide .full{width:100%}
@media (max-width:900px){
 .request-toolbar{grid-template-columns:128px minmax(0,1fr)}
 .request-new-button{width:128px;min-height:100px}
 .import-preview-table table{min-width:620px}
}
@media (max-width:620px){
 .screen{max-width:100%}
 .request-toolbar{grid-template-columns:108px minmax(0,1fr);gap:10px}
 .request-new-button{width:108px;min-height:98px;padding:10px 8px;font-size:1rem}
 .import-preview-table table{min-width:560px}
 .import-preview-table th,.import-preview-table td{font-size:.74rem;padding:7px}
 .panel,.hero,.list-card{max-width:100%}
}
@media (max-width:390px){
 .request-toolbar{grid-template-columns:100px minmax(0,1fr);gap:8px}
 .request-new-button{width:100px;min-height:94px}
 .import-preview-table table{min-width:520px}
}

/* Version 1.1 palettes */
:root[data-palette="cool-plum"]{--bg:#D8EFFD;--card:#fff;--soft:#eef8fd;--text:#341F28;--muted:#6d5660;--line:#bdd7e5;--accent:#341F28;--accentText:#fff;--sidebar:#341F28;--sidebarText:#D8EFFD;--sidebarMuted:#e9dfe3;--navActive:#D8EFFD;--navActiveText:#341F28;--aqua:#5e91a9;--navy:#341F28}
:root[data-palette="frosted-blackberry"]{--bg:#eefcff;--card:#fff;--soft:#dff8fb;--text:#452333;--muted:#76576a;--line:#b8e6ec;--accent:#68324C;--accentText:#fff;--sidebar:#68324C;--sidebarText:#77DBE9;--sidebarMuted:#f1dfe8;--navActive:#77DBE9;--navActiveText:#4a2136;--aqua:#2e9fb0;--navy:#68324C}
:root[data-palette="lavender-french"]{--bg:#F6E3E5;--card:#fff;--soft:#fbeff0;--text:#213E95;--muted:#5e6d9e;--line:#e4cdd2;--accent:#213E95;--accentText:#fff;--sidebar:#213E95;--sidebarText:#F6E3E5;--sidebarMuted:#dce3ff;--navActive:#F6E3E5;--navActiveText:#213E95;--aqua:#365ab8;--navy:#213E95}
:root[data-palette="butter-bluegrey"]{--bg:#fff8e6;--card:#fff;--soft:#fdf0c7;--text:#334a63;--muted:#667788;--line:#e7d59f;--accent:#7298C7;--accentText:#122c49;--sidebar:#7298C7;--sidebarText:#fff7db;--sidebarMuted:#eaf1fa;--navActive:#F3D98F;--navActiveText:#31475e;--aqua:#5f86b7;--navy:#435f80}
:root[data-palette="celadon-french"]{--bg:#eefbf4;--card:#fff;--soft:#ddf5e7;--text:#213E95;--muted:#5d7190;--line:#bee6cf;--accent:#213E95;--accentText:#fff;--sidebar:#213E95;--sidebarText:#A1E1BC;--sidebarMuted:#d6e4fb;--navActive:#A1E1BC;--navActiveText:#18347f;--aqua:#3f9f73;--navy:#213E95}
:root[data-palette="icy-gunmetal"]{--bg:#edf8ff;--card:#fff;--soft:#ddecf7;--text:#35393C;--muted:#697077;--line:#bfd9ea;--accent:#35393C;--accentText:#A4D8FF;--sidebar:#35393C;--sidebarText:#A4D8FF;--sidebarMuted:#dce7ee;--navActive:#A4D8FF;--navActiveText:#2f3336;--aqua:#4c9bca;--navy:#35393C}
:root[data-theme="dark"][data-palette="cool-plum"],:root[data-theme="dark"][data-palette="frosted-blackberry"],:root[data-theme="dark"][data-palette="lavender-french"],:root[data-theme="dark"][data-palette="butter-bluegrey"],:root[data-theme="dark"][data-palette="celadon-french"],:root[data-theme="dark"][data-palette="icy-gunmetal"]{--bg:#10151b;--card:#19212a;--soft:#222d38;--text:#f2f6f8;--muted:#c0cbd3;--line:#3b4b59;--accentText:#fff}
:root[data-font="dyslexia"]{--font-body:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif;--font-heading:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif;letter-spacing:.02em;word-spacing:.07em}
:root[data-font="dyslexia"] body,:root[data-font="dyslexia"] input,:root[data-font="dyslexia"] select,:root[data-font="dyslexia"] textarea,:root[data-font="dyslexia"] button{line-height:1.55}
:root[data-font="dyslexia"] h1,:root[data-font="dyslexia"] h2,:root[data-font="dyslexia"] h3,:root[data-font="dyslexia"] h4{letter-spacing:.01em;line-height:1.35}
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.topbrand-icon span{display:none}.topbar-app-title{display:grid;align-content:center;line-height:1.1}.topbar-app-title strong{font-size:.86rem;color:var(--text)}.topbar-app-title span{font-size:.64rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-app-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card));border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:var(--shadow)}.home-app-icon{width:70px;height:70px;border-radius:16px;object-fit:contain}.home-app-copy h1{font-size:1.12rem;margin:2px 0 5px;color:var(--navy)}.home-app-copy p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}.home-app-actions{display:grid;gap:7px;min-width:112px}.action-required-panel{display:grid;gap:14px}.action-section{display:grid;gap:10px}.action-section-head{display:flex;gap:10px;align-items:center}.action-section-head>span{font-size:1.35rem}.action-section-head>div{display:grid;gap:2px}.action-section-head small{color:var(--muted)}.action-divider{height:1px;background:var(--line)}.appearance-preview{border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card));border-radius:14px;padding:14px;display:grid;gap:8px}.appearance-preview h4,.appearance-preview p{margin:0}.preview-chip{font-size:.68rem;text-transform:uppercase;font-weight:900;color:var(--aqua)}.about-brand{display:flex;align-items:center;gap:12px}.about-brand img{width:70px;height:70px;border-radius:16px}.about-brand h3{margin:2px 0}.about-brand span{color:var(--muted);font-size:.82rem}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.about-grid>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft);display:grid;gap:4px}.about-grid span{color:var(--muted);font-size:.82rem;line-height:1.4}.sync-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:720px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar-app-title span{display:none}.cloud-user{display:none}.top-action span{display:none}.home-app-tile{grid-template-columns:auto 1fr}.home-app-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.home-app-icon{width:58px;height:58px}.about-grid,.sync-page-grid{grid-template-columns:1fr}.settings-nav{grid-template-columns:1fr 1fr}.appearance-preview button{width:100%}}
@media(max-width:430px){.settings-nav{grid-template-columns:1fr}.home-app-copy h1{font-size:1rem}.date-box{align-items:flex-start;flex-direction:column}.date-box strong{text-align:left}}
