:root{
  --bg:#f6f7f7;
  --card:#ffffff;
  --ink:#202827;
  --muted:#687472;
  --soft:#f1f4f4;
  --line:#e2e7e6;
  --accent:#315f64;
  --accent-dark:#244b50;
  --accent-soft:#edf4f4;
  --blue:#4f6674;
  --danger:#9b4d45;
  --shadow:0 8px 22px rgba(26,39,38,.045);
  --radius:10px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7f9f8 0%,#edf2f0 100%);min-height:100vh;font-weight:400}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1020px,calc(100% - 28px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#425f5a;color:#fff;font-weight:600;font-size:12px;letter-spacing:.03em}.brand-title{font-size:15px;line-height:1.05;font-weight:600;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px;font-weight:400}.nav-links{display:flex;align-items:center;gap:5px}.nav-link{padding:7px 10px;border-radius:10px;color:#4b5a56;font-size:13px;font-weight:500;border:1px solid transparent}.nav-link:hover,.nav-link.active{background:var(--accent-soft);border-color:#d7e4e0;color:var(--accent-dark)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:36px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-btn span{width:16px;height:2px;background:#41514d;border-radius:4px}.main{padding:14px 0 46px}.mobile-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}.kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:3px}h1,h2{font-family:Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:1;margin:0}h1{font-size:26px}h2{font-size:25px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:10px 0 14px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.btn{border:1px solid transparent;border-radius:10px;padding:9px 12px;font-weight:500;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s ease;background:#fff}.btn.compact{padding:8px 10px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-soft{background:#fff;color:var(--accent-dark);border-color:var(--line)}.btn-danger{background:#fff4f2;color:var(--danger);border-color:#eed4ce}.micro-summary{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:7px 0;font-size:12px;font-weight:400;color:#60706c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 10px}.schedule{display:grid;gap:10px}.time-card,.panel,.modal-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.time-card{overflow:hidden}.time-card.drop-target{outline:2px solid rgba(73,109,103,.25)}.time-head{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line);background:#fafbfb}.time-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#2c3936}.time-pill{font-size:12px;color:var(--accent-dark);background:var(--accent-soft);border:1px solid #d9e5e1;padding:4px 7px;border-radius:8px;font-weight:500}.rows{display:grid}.supp-row,.list-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #edf1ef;background:#fff}.supp-row:last-child,.list-row:last-child{border-bottom:0}.supp-row{grid-template-columns:auto 1fr auto}.handle{color:#a8b3af;font-size:15px;cursor:grab;line-height:1}.supp-name{font-size:14px;font-weight:500;color:#24312e;line-height:1.2}.supp-note{font-size:12px;color:var(--muted);line-height:1.35;margin-top:3px}.supp-meta,.list-sub{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag,.days-pill,.status-pill,.reminder-pill{font-size:11px;line-height:1;border:1px solid var(--line);background:#f8faf9;color:#61706c;padding:5px 7px;border-radius:8px;font-weight:400}.days-pill{background:#eef4f2;color:#46645f;border-color:#dce8e4}.reminder-pill{background:#f6f8fb;color:#536d83;border-color:#dde6ed}.status-pill.need{background:#fff5ef;color:#906044;border-color:#efdccd}.status-pill.optional{background:#f3f4f6;color:#647181}.row-actions{display:flex;align-items:center;gap:7px}.icon-btn{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#4d5c58;display:grid;place-items:center;cursor:pointer;font-weight:500}.icon-btn:hover{background:var(--soft)}.icon-btn.close{font-size:22px}.check{appearance:none;width:23px;height:23px;border:1.5px solid #aab7b3;border-radius:7px;background:#fff;display:grid;place-items:center}.check:checked{background:var(--accent);border-color:var(--accent)}.check:checked:after{content:'✓';color:#fff;font-size:15px;font-weight:600}.empty{padding:12px;color:var(--muted);font-size:13px}.panel{padding:14px;margin-bottom:12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{flex:1;min-width:180px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;color:var(--ink)}.segment{display:flex;background:#eef2f1;border-radius:10px;padding:3px;border:1px solid var(--line)}.segment button{border:0;background:transparent;padding:7px 10px;border-radius:8px;color:#63716d;font-weight:500;font-size:12px;cursor:pointer}.segment button.active{background:#fff;color:var(--accent-dark);box-shadow:0 4px 12px rgba(32,43,40,.06)}.list{display:grid;gap:10px}.list-row{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom:1px solid var(--line);grid-template-columns:1fr auto}.list-row input{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.modal{position:fixed;inset:0;display:none;align-items:flex-end;justify-content:center;background:rgba(17,24,22,.38);z-index:40;padding:14px}.modal.open{display:flex}.modal-card{width:min(640px,100%);max-height:92vh;overflow:auto;padding:14px;border-radius:18px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.modal-head h3{margin:0;font-size:18px;font-weight:500}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-tabs{display:flex;gap:5px;background:#eef2f1;border:1px solid var(--line);border-radius:11px;padding:3px;margin-bottom:12px}.tab{flex:1;border:0;background:transparent;border-radius:9px;padding:8px;font-weight:500;color:#61706c;font-size:12px;cursor:pointer}.tab.active{background:#fff;color:var(--accent-dark);box-shadow:0 5px 13px rgba(32,43,40,.06)}.tab-panel{display:none}.tab-panel.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#5d6a66;font-weight:500}.field input,.field textarea,.field select,select.note-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--ink)}.field textarea{min-height:88px;resize:vertical}.checkline{display:flex;gap:8px;align-items:center;font-size:13px;color:#4a5854}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(20px);opacity:0;background:#1f2b28;color:#fff;border-radius:10px;padding:10px 12px;font-size:13px;z-index:60;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.footer{color:#87918e;font-size:12px;padding:22px 0;text-align:center}
@media(max-width:720px){.container{width:min(100% - 22px,1020px)}.menu-btn{display:flex}.nav-links{position:absolute;right:11px;left:11px;top:58px;display:none;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-link{width:100%;border-radius:10px;padding:10px 12px}.brand-title{font-size:14px}.brand-sub{font-size:10px}.main{padding-top:11px}.mobile-hero{margin-top:2px}.mobile-hero h1{font-size:23px}.kicker{font-size:10px}.btn{font-size:12px;border-radius:9px}.schedule{gap:9px}.time-head{padding:9px 10px}.time-title{font-size:13px}.supp-row{padding:9px 10px;gap:8px}.supp-name{font-size:13.5px}.supp-note{font-size:11.5px}.supp-meta{margin-top:5px}.tag,.days-pill,.status-pill,.reminder-pill{font-size:10.5px;padding:4px 6px}.icon-btn{width:29px;height:29px}.check{width:22px;height:22px}.page-head{align-items:flex-start;flex-direction:column}.toolbar{display:grid;grid-template-columns:1fr;width:100%}.segment{overflow:auto}.form-grid{grid-template-columns:1fr}.modal{padding:9px}.modal-card{border-radius:16px;padding:12px}.footer{padding-bottom:18px}}


/* v4 professional mobile cleanup */
body{background:#f6f7f7;font-weight:400}
.container{width:min(980px,calc(100% - 24px))}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e6eaea}
.nav{padding:9px 0}
.brand-mark{width:30px;height:30px;border-radius:7px;background:#2f565a;font-size:11px;font-weight:500}
.brand-title{font-size:14px;font-weight:500;letter-spacing:0}
.brand-sub{font-size:10.5px;color:#74807d}
.nav-link{border-radius:7px;font-size:12.5px;font-weight:400;padding:7px 9px}
.menu-btn{border-radius:7px}
.main{padding:12px 0 36px}
.daily-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:6px 0 7px}
h1{font-size:23px;font-weight:500;letter-spacing:-.02em}.kicker{font-size:10px;font-weight:500;color:#7a8582;letter-spacing:.11em}.date-chip{font-size:12px;color:#52615f;background:#fff;border:1px solid var(--line);border-radius:7px;padding:5px 7px;white-space:nowrap}.micro-summary{padding:6px 0;margin:0 0 8px;font-size:11.5px;color:#65716f;border-color:#e4e9e8}.schedule{gap:8px}.time-card,.panel,.modal-card{border-radius:10px;box-shadow:0 6px 18px rgba(26,39,38,.04)}.time-head{padding:8px 10px;background:#fbfcfc}.time-title{font-size:13px;font-weight:500;gap:7px}.time-pill{border-radius:6px;font-size:11.5px;padding:4px 6px;background:#f0f5f5}.supp-row{grid-template-columns:auto 1fr auto;padding:9px 10px;gap:9px}.supp-name{font-size:13.5px;font-weight:500;color:#202827}.supp-note{font-size:11.8px;color:#6e7977;margin-top:3px}.supp-meta{margin-top:5px}.tag,.days-pill,.status-pill,.reminder-pill{border-radius:6px;font-size:10.5px;padding:4px 6px;background:#f8fafa;font-weight:400}.reminder-pill{background:#f3f6f8;color:#566c78;border-color:#e0e8eb}.days-pill{background:#eef4f4;color:#3e6266;border-color:#dce8e8}.check{width:22px;height:22px;border-radius:6px}.handle{font-size:14px;color:#b0bab7}.icon-btn{width:29px;height:29px;border-radius:7px;font-weight:400}.btn{border-radius:7px;font-weight:400}.btn-primary{background:#315f64}.mobile-hero{display:none}.footer{font-size:11px;color:#7d8784}.modal-card{border-radius:12px}.modal-tabs .tab,.tab{border-radius:7px;font-weight:400}
@media(max-width:720px){.container{width:min(100% - 18px,540px)}.nav-links{border-radius:10px}.time-card{border-radius:9px}.time-head .icon-btn{width:auto;padding:0 8px;font-size:11px}.time-head .icon-btn::before{content:'Time';font-size:11px}.time-head .icon-btn{font-size:0}.row-actions{gap:5px}.supp-row{padding:8px 9px}.supp-name{font-size:13.2px}.supp-note{font-size:11.5px}.reminder-pill,.days-pill{font-size:10px}.modal-card{width:calc(100% - 18px);max-height:88vh}.form-actions{gap:6px}.form-actions .btn{padding:8px 9px}}


/* v5 refined professional palette and simpler daily header */
:root{
  --bg:#f5f6f5;
  --card:#ffffff;
  --ink:#1f2928;
  --muted:#697574;
  --soft:#f1f4f3;
  --line:#dde4e2;
  --accent:#2e565b;
  --accent-dark:#223f43;
  --accent-soft:#eef4f4;
  --blue:#536975;
  --shadow:0 4px 14px rgba(20,32,31,.035);
  --radius:8px;
}
body{background:#f5f6f5;color:var(--ink)}
.daily-head{margin:4px 0 6px;display:block}
.daily-head h1{font-size:21px;font-weight:500;letter-spacing:-.02em;color:#1f2928}
.date-chip{display:none}
.micro-summary{font-size:11.2px;padding:5px 0;margin-bottom:8px;color:#6b7775;border-color:#e1e7e5}
.time-card,.panel,.modal-card{border-radius:8px;box-shadow:var(--shadow)}
.time-head{background:#fcfdfd;padding:8px 9px}
.time-title{font-size:12.8px;font-weight:500;color:#243331}
.time-pill{border-radius:5px;background:#f2f6f5;color:#435e5c;border-color:#dfe9e6}
.supp-row{padding:8px 9px}
.supp-name{font-size:13.2px;font-weight:500}
.supp-note{font-size:11.3px;color:#737e7c}
.tag,.days-pill,.status-pill,.reminder-pill{border-radius:5px;font-size:10px;font-weight:400;background:#fafbfb}
.check{border-radius:5px}
.btn,.icon-btn,.nav-link,.menu-btn{border-radius:6px}
.brand-mark{border-radius:6px;background:#294f53}
.btn-primary{background:#2e565b}.btn-primary:hover{background:#223f43}
@media(max-width:720px){
  .main{padding-top:10px}
  .daily-head h1{font-size:20px}
  .time-card{border-radius:8px}
  .schedule{gap:7px}
  .supp-row{padding:8px 8px}
}

/* v6 softer professional palette - less black/white, less yellow */
:root{
  --bg:#f7f5f0;
  --card:#fffdf8;
  --ink:#25302e;
  --muted:#6d7672;
  --soft:#f2f0ea;
  --line:#e5dfd5;
  --accent:#61796d;
  --accent-dark:#3f594e;
  --accent-soft:#eef3ee;
  --blue:#627587;
  --danger:#98584d;
  --shadow:0 5px 16px rgba(57,48,36,.045);
  --radius:8px;
}
body{
  background:linear-gradient(180deg,#f8f6f1 0%,#f1eee7 100%);
  color:var(--ink);
}
.topbar{
  background:rgba(255,253,248,.94);
  border-bottom:1px solid var(--line);
}
.brand-mark{
  background:#536b60;
  color:#fff;
}
.brand-title{color:#24302d}
.brand-sub{color:#78807b}
.nav-link{color:#52615b}
.nav-link:hover,.nav-link.active{
  background:#eef3ee;
  border-color:#dce6dc;
  color:#3f594e;
}
.menu-btn{background:#fffdf8;border-color:var(--line)}
.menu-btn span{background:#52635d}
.daily-head h1{color:#25302e}
.kicker{color:#7d857f}
.micro-summary{
  color:#707973;
  border-color:#e4ded4;
}
.time-card,.panel,.modal-card{
  background:var(--card);
  border-color:var(--line);
  box-shadow:var(--shadow);
}
.time-head{
  background:#fbf8f2;
  border-bottom-color:#e8e2d8;
}
.time-title{color:#2b3734}
.time-pill{
  background:#eef3ee;
  color:#49655a;
  border-color:#dbe7dd;
}
.supp-row,.list-row{
  background:#fffdf8;
  border-bottom-color:#eee8dd;
}
.supp-name{color:#25302e}
.supp-note{color:#757d78}
.tag,.status-pill{
  background:#faf8f3;
  border-color:#e7e0d5;
  color:#69736e;
}
.days-pill{
  background:#eef3ee;
  color:#4c665c;
  border-color:#dce7dd;
}
.reminder-pill{
  background:#eef2f4;
  color:#5b6f7c;
  border-color:#dde5e8;
}
.check{
  background:#fffdf8;
  border-color:#aeb9b2;
}
.check:checked{
  background:#61796d;
  border-color:#61796d;
}
.handle{color:#b0aaa0}
.btn,.icon-btn{
  background:#fffdf8;
  border-color:#e5dfd5;
  color:#465550;
}
.btn-primary{
  background:#61796d;
  color:#fff;
}
.btn-primary:hover{background:#3f594e}
.btn-soft:hover,.icon-btn:hover{background:#f2f0ea}
.search,.field input,.field textarea,.field select,select.note-input{
  background:#fffdf8;
  border-color:#e5dfd5;
  color:#25302e;
}
.segment,.modal-tabs{
  background:#f0eee8;
  border-color:#e2dbd0;
}
.segment button.active,.tab.active{
  background:#fffdf8;
  color:#3f594e;
}
.toast{background:#26332f}
.footer{color:#8b8981}
@media(max-width:720px){
  .nav-links{background:#fffdf8;border-color:var(--line)}
}


/* v7 brighter professional design - less black, cleaner logo, alternating rows */
:root{
  --bg:#f7f8f6;
  --card:#ffffff;
  --ink:#37423f;
  --muted:#7b8580;
  --soft:#f3f5f2;
  --line:#e3e8e3;
  --accent:#7f9b8d;
  --accent-dark:#607c70;
  --accent-soft:#f0f5f1;
  --blue:#7a94a8;
  --danger:#a86a61;
  --shadow:0 4px 12px rgba(69,84,76,.035);
  --radius:7px;
}
body{
  background:linear-gradient(180deg,#fbfbf8 0%,#f2f5f1 100%);
  color:var(--ink);
}
.topbar{
  background:rgba(255,255,252,.95);
  border-bottom:1px solid #e8ece7;
}
.brand{gap:9px}
.brand-mark{
  width:31px;
  height:31px;
  border-radius:9px;
  background:linear-gradient(135deg,#edf5ee 0%,#dfece4 100%);
  color:#5e7d6f;
  border:1px solid #d3e0d8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
}
.brand-title{
  color:#46514d;
  font-weight:500;
  font-size:14px;
}
.brand-sub{
  color:#8a928e;
  font-weight:400;
}
.nav-link{
  color:#68736e;
  font-weight:400;
}
.nav-link:hover,.nav-link.active{
  background:#f1f6f2;
  border-color:#dce8df;
  color:#5f7d70;
}
.menu-btn{
  background:#ffffff;
  border-color:#e2e8e3;
}
.menu-btn span{background:#7a8781}
.daily-head h1{
  color:#46514d;
  font-weight:500;
}
.kicker{color:#939b96;font-weight:500}
.micro-summary{
  color:#818a85;
  border-color:#e5ebe5;
}
.time-card,.panel,.modal-card{
  background:#fff;
  border-color:#e3e8e3;
  box-shadow:0 3px 10px rgba(66,80,72,.03);
}
.time-head{
  background:#fafbf9;
  border-bottom-color:#e7ece6;
}
.time-title{
  color:#515d58;
  font-weight:500;
}
.time-pill{
  background:#f2f7f3;
  color:#658275;
  border-color:#dce8df;
}
.rows .supp-row:nth-child(odd){background:#ffffff}
.rows .supp-row:nth-child(even){background:#f7f8f6}
.supp-row,.list-row{
  border-bottom-color:#e9eee8;
}
.supp-name{
  color:#46514d;
  font-weight:500;
}
.supp-note{color:#7f8984}
.tag,.status-pill{
  background:#fafbf9;
  border-color:#e3e8e3;
  color:#79837e;
}
.days-pill{
  background:#eff6f1;
  color:#628174;
  border-color:#dce9df;
}
.reminder-pill{
  background:#f1f6f8;
  color:#6b8192;
  border-color:#dfe9ed;
}
.check{
  background:#fff;
  border-color:#bec9c3;
}
.check:checked{
  background:#7f9b8d;
  border-color:#7f9b8d;
}
.check:checked:after{font-weight:500}
.handle{color:#c2cac5}
.btn,.icon-btn{
  background:#ffffff;
  border-color:#e2e8e3;
  color:#66716c;
  border-radius:6px;
  font-weight:400;
}
.btn-primary{
  background:#7f9b8d;
  color:#fff;
  border-color:#7f9b8d;
}
.btn-primary:hover{background:#607c70;border-color:#607c70}
.btn-soft:hover,.icon-btn:hover{background:#f4f7f3}
.search,.field input,.field textarea,.field select,select.note-input{
  background:#fff;
  border-color:#e2e8e3;
  color:#46514d;
}
.segment,.modal-tabs{
  background:#f3f6f2;
  border-color:#e2e8e3;
}
.segment button,.tab{color:#7b8580;font-weight:400}
.segment button.active,.tab.active{
  background:#fff;
  color:#607c70;
  box-shadow:0 3px 8px rgba(69,84,76,.04);
}
.toast{background:#52625b}
.footer{color:#9aa19d}
@media(max-width:720px){
  .container{width:min(100% - 18px,540px)}
  .brand-title{font-size:13.5px}
  .brand-sub{font-size:10px}
  .daily-head h1{font-size:19.5px}
  .time-head{padding:8px 9px}
  .supp-row{padding:8px 9px}
  .nav-links{background:#fff;border-color:#e2e8e3}
}

/* v8 artistic mobile polish */
:root{
  --bg:#f8f9f6;
  --ink:#3f4a46;
  --muted:#818c86;
  --line:#e4e9e2;
  --accent:#86a493;
  --accent-dark:#658375;
  --accent-soft:#eef5f1;
  --stone:#f2f1ec;
  --mist:#eef4f5;
}
body{
  background:
    radial-gradient(circle at top left,rgba(134,164,147,.16),transparent 28%),
    linear-gradient(180deg,#fbfbf7 0%,#f3f6f1 52%,#eef3f0 100%);
  color:var(--ink);
}
.topbar{
  background:rgba(253,253,249,.94);
}
.brand-mark{
  position:relative;
  background:linear-gradient(145deg,#f6faf6 0%,#dcebe2 100%);
  color:#668676;
  border-color:#cfddd4;
}
.brand-mark:after{
  content:'';
  position:absolute;
  right:6px;
  top:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9eb8aa;
  opacity:.9;
}
.main{padding-top:12px}
.daily-head{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:3px 0 9px;
  padding:13px 14px 12px;
  border:1px solid #e1e8df;
  border-radius:11px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(244,248,244,.96) 58%,rgba(238,246,247,.95) 100%);
  box-shadow:0 5px 14px rgba(72,89,80,.035);
}
.daily-head:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,#9ab7a7,#b8c8d2);
}
.daily-head:after{
  content:'';
  position:absolute;
  right:-42px;
  top:-58px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(134,164,147,.10);
}
.daily-head > *{position:relative;z-index:1}
.daily-head h1{
  font-size:22px;
  color:#4d5a55;
  letter-spacing:-.025em;
}
.kicker{
  color:#8b9791;
  letter-spacing:.11em;
}
.micro-summary{
  margin:0 0 11px;
  padding:8px 10px;
  border:1px solid #e0e7df;
  border-radius:8px;
  background:rgba(255,255,255,.62);
  color:#728078;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.schedule{gap:11px}
.time-card{
  border-color:#e0e7df;
  background:#fff;
  box-shadow:0 6px 16px rgba(73,88,81,.035);
}
.time-card:nth-child(2n){background:#fcfdfb}
.time-card:nth-child(1) .time-head{background:linear-gradient(90deg,#f8fbf8,#f1f7f3)}
.time-card:nth-child(2) .time-head{background:linear-gradient(90deg,#fbfaf6,#f3f3ee)}
.time-card:nth-child(3) .time-head{background:linear-gradient(90deg,#f8fbfb,#eff6f7)}
.time-card:nth-child(4) .time-head{background:linear-gradient(90deg,#faf9f7,#f1f2f4)}
.time-head{
  position:relative;
  padding:9px 10px;
}
.time-head:before{
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:#9eb8aa;
  margin-right:2px;
}
.time-title{gap:7px;color:#56625d}
.time-pill{
  background:rgba(255,255,255,.76);
  color:#6d8a7d;
  border-color:#dbe7df;
}
.rows .supp-row:nth-child(odd){background:#ffffff}
.rows .supp-row:nth-child(even){background:#f5f6f4}
.supp-row{
  min-height:58px;
}
.supp-name{
  color:#4a5651;
  font-weight:500;
}
.supp-note{color:#7c8781}
.reminder-pill{
  background:#eef5f6;
  color:#6b8290;
  border-color:#dae8ec;
}
.days-pill{
  background:#eef5f0;
  color:#6b877a;
  border-color:#dce9df;
}
.check:checked{
  background:#86a493;
  border-color:#86a493;
}
.icon-btn,.btn{
  color:#69756f;
}
@media(max-width:720px){
  .daily-head{padding:12px 12px 11px;border-radius:10px}
  .daily-head h1{font-size:20px}
  .micro-summary{font-size:11.5px;padding:7px 9px}
  .schedule{gap:9px}
  .time-card{border-radius:8px}
}

/* v9 premium title color system */
:root{
  --title:#2F4A3F;
  --time:#45685A;
  --secondary:#6F7C75;
  --active:#6F8F67;
  --accent:#6F8F67;
  --accent-dark:#55724F;
  --accent-soft:#EEF5EF;
}

/* Main titles across all pages */
h1,h2,
.daily-head h1,
.page-head h1,
.page-head h2,
.modal-head h3{
  color:var(--title) !important;
}

/* Small labels and helper text */
.kicker,
.brand-sub,
.page-head p,
.micro-summary,
.supp-note,
.list-sub,
.field label,
.modal-head p,
.empty,
.footer{
  color:var(--secondary) !important;
}

/* Time headers and schedule hour text */
.time-title,
.time-pill{
  color:var(--time) !important;
}

.time-pill{
  background:#F0F6F2 !important;
  border-color:#DDE9E0 !important;
}

/* Active states, checked ticks and main action buttons */
.nav-link:hover,
.nav-link.active,
.segment button.active,
.tab.active{
  color:var(--accent) !important;
}

.check:checked,
.btn-primary{
  background:var(--active) !important;
  border-color:var(--active) !important;
}

.btn-primary:hover{
  background:var(--accent-dark) !important;
  border-color:var(--accent-dark) !important;
}

.days-pill{
  background:#EEF5EF !important;
  color:var(--active) !important;
  border-color:#DBE7DD !important;
}

.brand-title,
.supp-name,
.list-row strong{
  color:var(--title) !important;
}

.brand-mark{
  color:var(--active) !important;
}

/* Keep rows soft and readable */
.rows .supp-row:nth-child(odd){background:#FFFFFF !important}
.rows .supp-row:nth-child(even){background:#F5F6F4 !important}

/* v10 designed color hierarchy + clean mobile actions */
:root{
  --brandColor:#6B8A7A;
  --todayColor:#526E86;
  --pageTitle:#4F7768;
  --sectionColor:#5E7E71;
  --softBlue:#EEF5F8;
  --softSage:#F0F7F2;
  --softLilac:#F4F2F8;
  --softSand:#F7F4EE;
  --softRow:#F6F7F6;
  --line2:#DFE8E2;
}
body{
  background:
    radial-gradient(circle at 10% -5%,rgba(111,143,103,.15),transparent 30%),
    radial-gradient(circle at 90% 8%,rgba(82,110,134,.12),transparent 26%),
    linear-gradient(180deg,#FBFCF8 0%,#F3F7F3 48%,#EEF4F2 100%);
}
.brand-title{
  color:var(--brandColor)!important;
  font-weight:500!important;
}
.brand-mark{
  background:linear-gradient(145deg,#FFFFFF 0%,#E6F1EA 70%,#EDF5F8 100%)!important;
  color:#6F8F67!important;
  border:1px solid #D8E7DE!important;
  box-shadow:0 4px 10px rgba(93,122,105,.06);
}
.daily-head{
  border-color:#DDE8E2!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(240,247,242,.96) 45%,rgba(238,245,248,.98) 100%)!important;
}
.daily-head h1{
  color:var(--todayColor)!important;
  font-weight:500!important;
}
.page-head h1,.page-head h2{
  color:var(--pageTitle)!important;
  font-weight:500!important;
}
.kicker{
  color:#88A092!important;
  font-weight:500!important;
}
.micro-summary{
  background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(240,247,242,.70),rgba(238,245,248,.75))!important;
  color:#71857A!important;
  border-color:#DDE8E2!important;
}
.week-strip{
  display:flex;
  align-items:center;
  gap:5px;
  overflow:auto;
  padding:0 1px 9px;
  scrollbar-width:none;
}
.week-strip::-webkit-scrollbar{display:none}
.week-label,.day-chip{
  flex:0 0 auto;
  font-size:10.5px;
  line-height:1;
  border-radius:6px;
  border:1px solid #E0E8E3;
  padding:5px 6px;
  color:#87938D;
  background:rgba(255,255,255,.58);
}
.week-label{
  color:#799084;
  background:#F0F7F2;
  border-color:#DDE9E0;
}
.day-chip.today{
  color:#5D7B70;
  background:#EAF4EF;
  border-color:#D6E6DD;
}
.time-card:nth-child(1) .time-head{background:linear-gradient(90deg,#F5FAF6,#EEF6F1)!important}
.time-card:nth-child(2) .time-head{background:linear-gradient(90deg,#F9F7F1,#F3F4EE)!important}
.time-card:nth-child(3) .time-head{background:linear-gradient(90deg,#F3F8FA,#EDF5F7)!important}
.time-card:nth-child(4) .time-head{background:linear-gradient(90deg,#F6F5FA,#F1F2F7)!important}
.time-title{
  color:var(--sectionColor)!important;
  font-weight:500!important;
}
.time-pill{
  color:#55796A!important;
  background:rgba(255,255,255,.78)!important;
  border-color:#D7E5DD!important;
}
.supp-name{
  color:#53615B!important;
  font-weight:500!important;
}
.rows .supp-row:nth-child(odd){background:#FFFFFF!important}
.rows .supp-row:nth-child(even){background:var(--softRow)!important}
.supp-row{transition:background .15s ease,transform .15s ease}
.supp-row:hover{background:#FBFCFA!important}
.reminder-pill{
  color:#637E90!important;
  background:#EEF5F8!important;
  border-color:#D9E7ED!important;
}
.days-pill{
  color:#668978!important;
  background:#EEF7F1!important;
  border-color:#D8E8DE!important;
}
.check:checked,.btn-primary{
  background:#7FA58F!important;
  border-color:#7FA58F!important;
}
.nav-link.active,.bottom-nav a.active{
  color:#5E856F!important;
}
.time-edit{display:none!important}
body.edit-mode .time-edit{display:grid!important}
.dots-btn{
  width:34px;
  height:30px;
  border:1px solid #DDE8E2;
  background:rgba(255,255,255,.76);
  border-radius:7px;
  color:#6D8178;
  display:grid;
  place-items:center;
  cursor:pointer;
  letter-spacing:-2px;
  font-size:15px;
  line-height:1;
}
.daily-menu-wrap{position:relative;z-index:4}
.daily-menu{
  display:none;
  position:absolute;
  right:0;
  top:36px;
  min-width:150px;
  padding:5px;
  border:1px solid #DDE8E2;
  border-radius:9px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 28px rgba(70,88,80,.10);
}
.daily-menu.open{display:grid}
.daily-menu button{
  border:0;
  background:transparent;
  text-align:left;
  padding:8px 9px;
  border-radius:6px;
  color:#60756C;
  cursor:pointer;
  font-size:12.5px;
}
.daily-menu button:hover{background:#F0F7F2}
.bottom-nav{display:none}
@media(max-width:720px){
  .main{padding-bottom:82px}
  .footer{padding-bottom:74px}
  .bottom-nav{
    position:fixed;
    left:9px;
    right:9px;
    bottom:9px;
    z-index:30;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    padding:6px;
    border:1px solid #DDE8E2;
    border-radius:13px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    box-shadow:0 12px 30px rgba(66,84,76,.10);
  }
  .bottom-nav a{
    display:grid;
    place-items:center;
    gap:2px;
    padding:5px 2px;
    border-radius:9px;
    color:#7B8983;
    font-size:11px;
  }
  .bottom-nav a span{font-size:15px;line-height:1;color:inherit}
  .bottom-nav a em{font-style:normal;font-size:10.5px;line-height:1;color:inherit}
  .bottom-nav a.active{
    background:linear-gradient(135deg,#F0F7F2,#EEF5F8);
    border:1px solid #DCE9E1;
  }
  .daily-head{padding:12px 11px 10px!important}
  .daily-menu{right:-2px}
}

/* v11 clean daily + separate stats + premium supplement cards */
.week-strip{display:none!important}
.supp-card-list{display:grid;gap:9px;padding:8px}
.supp-card{
  border:1px solid #DDE8E2;
  border-radius:10px;
  background:linear-gradient(135deg,#FFFFFF 0%,#FAFBF9 100%);
  box-shadow:0 5px 14px rgba(74,91,82,.035);
  padding:10px;
}
.supp-card:nth-child(even){background:linear-gradient(135deg,#F7F8F7 0%,#FFFFFF 100%)}
.supp-card-top{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px}
.mini-handle{color:#A3B1A9;font-size:13px;line-height:1;cursor:grab}
.supp-card-title{color:#4F7768;font-size:14px;font-weight:500;letter-spacing:-.01em}
.supp-card-dose{margin-top:2px;color:#738079;font-size:11.7px;line-height:1.35}
.mini-edit{
  border:1px solid #DDE8E2;
  background:#FFFFFF;
  color:#6B8A7A;
  border-radius:7px;
  font-size:11px;
  padding:5px 7px;
  cursor:pointer;
}
.supp-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;padding-left:26px}
.supp-card-meta span,.order-chip{
  border:1px solid #E0E8E3;
  background:#F7FAF8;
  color:#738079;
  border-radius:6px;
  font-size:10.5px;
  line-height:1;
  padding:5px 6px;
}
.supp-card-meta .meta-time{background:#EEF5F8;color:#526E86;border-color:#DCE9EF}
.order-chip{cursor:pointer;background:#F7F4EE;color:#8A7A62}
.order-chip.on{background:#EEF5EF;color:#5E856F;border-color:#D8E7DE}
.order-group{display:grid;gap:7px;padding:8px}
.order-group + .order-group{border-top:1px solid #E7EDE7;margin-top:4px;padding-top:12px}
.order-group-title{font-size:12px;font-weight:500;color:#526E86;letter-spacing:.02em;padding:0 2px 1px}
.order-row{border:1px solid #E1E8E2!important;border-radius:9px;background:#FFFFFF!important;margin:0;padding:10px!important}
.stats-title h2{color:#526E86!important}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.stat-card{border:1px solid #DDE8E2;border-radius:10px;padding:10px;background:#fff;box-shadow:0 5px 14px rgba(74,91,82,.035)}
.stat-card span{display:block;font-size:10.5px;color:#7B8983;margin-bottom:5px}
.stat-card strong{display:block;font-size:13px;font-weight:500;color:#4F7768;line-height:1.2}
.stat-card.blue{background:linear-gradient(135deg,#FFFFFF,#EEF5F8)}
.stat-card.green{background:linear-gradient(135deg,#FFFFFF,#F0F7F2)}
.stat-card.sand{background:linear-gradient(135deg,#FFFFFF,#F7F4EE)}
.stats-panel{padding:11px;margin-bottom:10px}
.panel-title{font-size:13px;font-weight:500;color:#4F7768;margin-bottom:9px}
.stats-week{display:grid;gap:7px}
.week-stat{position:relative;overflow:hidden;border:1px solid #E1E8E2;border-radius:9px;background:#FFFFFF;padding:8px 9px}
.week-stat div{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.week-stat strong{font-size:12px;font-weight:500;color:#526E86}
.week-stat span{font-size:11px;color:#7B8983}
.week-stat i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(111,143,103,.16),rgba(184,200,210,.10));display:block}
.week-stat.today{border-color:#D6E6DD;background:#FBFDFB}
.stats-supps{display:grid;gap:7px}
.stat-supp{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #E1E8E2;border-radius:9px;background:#FFFFFF;padding:8px 9px}
.stat-supp strong{display:block;font-size:12.5px;font-weight:500;color:#4F7768}
.stat-supp span{display:block;margin-top:2px;font-size:10.5px;color:#7B8983}
.stat-supp b{font-size:11px;font-weight:500;color:#6F8F67;background:#EEF5EF;border:1px solid #D8E7DE;border-radius:6px;padding:5px 6px;white-space:nowrap}
.import-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.import-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
@media(max-width:720px){
  .stats-grid{grid-template-columns:1fr;gap:7px}
  .supp-card-list{padding:7px;gap:8px}
  .supp-card{padding:9px;border-radius:9px}
  .supp-card-title{font-size:13.5px}
  .supp-card-meta{padding-left:25px}
}

/* v12 premium polish: stats, buttons, tap effect, softer app palette */
:root{
  --accent:#6F8F67;
  --accent-dark:#4F715A;
  --accent-soft:#EEF6EE;
  --blue:#526E86;
  --blue-soft:#EEF5FA;
  --stone:#F3F1EA;
  --stone-line:#E4E0D6;
  --ink:#273631;
}
body{background:linear-gradient(180deg,#FAFBF8 0%,#F1F5F0 48%,#EEF3F4 100%);color:var(--ink)}
.brand-mark{background:linear-gradient(135deg,#91AD8A 0%,#6F8F67 55%,#526E86 120%);color:#fff;box-shadow:0 8px 18px rgba(111,143,103,.18)}
.brand-title{color:#5F7F63!important;font-weight:520}.brand-sub{color:#7E8E87!important}
.page-head h2{color:#526E86!important;font-weight:520}.daily-head h1,#dailyTitle{color:#526E86!important}
.time-title{color:#4F715A!important}.time-pill{color:#526E86;background:#F1F7FA;border-color:#DCE9EF}
.supp-name,.supp-card-title{color:#31463D!important;font-weight:520}.supp-note,.supp-card-dose{color:#748079!important}
.btn-primary{background:linear-gradient(135deg,#7FA176 0%,#6F8F67 60%,#5F8070 100%)!important;border-color:#7FA176!important;color:#fff!important;box-shadow:0 8px 18px rgba(111,143,103,.16)}
.btn-primary:hover{background:linear-gradient(135deg,#6F8F67 0%,#5F8070 100%)!important;border-color:#6F8F67!important}
.order-actions .btn-primary,.page-head .btn-primary{background:linear-gradient(135deg,#6F8F67 0%,#6D9182 100%)!important;border-color:#8CAE82!important;color:#fff!important}
.btn-soft{color:#526E86!important;background:#fff!important;border-color:#DEE9E0!important}.btn-soft:hover{background:#F5F8F5!important}
/* main row click effect */
.daily-supp-row{transition:transform .18s ease, box-shadow .18s ease, background .18s ease;will-change:transform}
.daily-supp-row.tap-pop{animation:tapWiggle .26s ease both;background:#FAFCFA!important;box-shadow:inset 3px 0 0 rgba(111,143,103,.28)}
@keyframes tapWiggle{0%{transform:scale(1)}35%{transform:scale(.985) translateX(1px)}68%{transform:scale(1.012) translateX(-1px)}100%{transform:scale(1) translateX(0)}}
/* Premium stats page */
.stats-title{padding:14px 14px 13px;border:1px solid #DDE8E2;border-radius:14px;background:linear-gradient(135deg,#FFFFFF 0%,#F3F8F2 56%,#EEF6FA 100%);box-shadow:0 10px 24px rgba(74,91,82,.045)}
.stats-title p{color:#75837C!important}.stats-title h2{color:#526E86!important}
.stats-grid{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}
.stat-card{position:relative;overflow:hidden;border:1px solid #DDE9E2!important;border-radius:14px!important;padding:13px 14px 13px 52px!important;min-height:64px;background:#fff!important;box-shadow:0 10px 24px rgba(74,91,82,.055)!important}
.stat-card:before{content:'';position:absolute;inset:0;opacity:.95;pointer-events:none}.stat-card.blue:before{background:linear-gradient(135deg,#F7FBFE 0%,#EEF6FA 100%)}.stat-card.green:before{background:linear-gradient(135deg,#FAFDFA 0%,#EEF7EC 100%)}.stat-card.sand:before{background:linear-gradient(135deg,#FFFDFC 0%,#F4F0E8 100%)}
.stat-card>*{position:relative}.stat-icon{position:absolute!important;left:13px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid #DDE8E2;color:#6F8F67;font-size:13px;box-shadow:0 6px 15px rgba(74,91,82,.05)}
.stat-card span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#82908A!important;font-weight:540;margin-bottom:5px}.stat-card strong{display:block;font-size:17px!important;line-height:1.22;color:#344B42!important;font-weight:540;letter-spacing:-.02em}.stat-card.green strong{color:#4F715A!important}.stat-card.blue strong{color:#526E86!important}
.stats-panel{border-radius:14px!important;padding:13px!important;background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFA 100%)!important;border:1px solid #DEE8E1!important;box-shadow:0 9px 22px rgba(74,91,82,.045)!important}.panel-title{font-size:13px!important;color:#4F715A!important;font-weight:560!important;margin-bottom:10px!important}
.week-stat{display:grid!important;gap:7px!important;border:1px solid #E0E9E2!important;border-radius:12px!important;background:#fff!important;padding:9px 10px!important;box-shadow:none!important}.week-stat div{display:flex;align-items:center;justify-content:space-between;gap:8px}.week-stat strong{font-size:13px!important;color:#40564D!important;font-weight:520}.week-stat span{font-size:12px!important;color:#748079}.week-stat i{position:relative!important;display:block!important;height:5px!important;max-width:100%;border-radius:99px!important;background:linear-gradient(90deg,#A6C49D,#6F8F67)!important;box-shadow:none!important}.week-stat:before{content:'';display:block;position:absolute;left:10px;right:10px;bottom:9px;height:5px;border-radius:99px;background:#EEF3EE;z-index:0}.week-stat i{z-index:1}.week-stat.today{background:linear-gradient(135deg,#FFFFFF 0%,#F5FAF4 100%)!important;border-color:#D6E6D5!important}
.stat-supp{border-radius:12px!important;border:1px solid #E0E9E2!important;background:#fff!important;padding:10px!important}.stat-supp strong{font-size:13px!important;color:#344B42!important;font-weight:520}.stat-supp span{font-size:11px!important;color:#7A8882!important}.stat-supp b{color:#526E86!important;background:#EEF5FA!important;border-color:#D9E6EE!important;border-radius:8px!important;font-weight:520!important}
.symptoms{display:grid;gap:10px}.range-row{border:1px solid #E0E9E2;border-radius:12px;background:#fff;padding:10px}.range-row label{display:flex;justify-content:space-between;font-size:12.5px;color:#40564D;font-weight:520;margin-bottom:8px}.range-row input[type=range]{width:100%;accent-color:#6F8F67}.symptoms select,.symptoms textarea{border:1px solid #E0E9E2!important;border-radius:12px!important;background:#fff!important;color:#40564D!important;padding:11px!important}.symptoms textarea{min-height:84px;resize:vertical}.symptoms .btn{justify-self:start;padding:9px 13px!important}
/* Supplement and order cards/buttons */
.supp-card{background:linear-gradient(135deg,#FFFFFF 0%,#FBFCFA 100%)!important;border-color:#E0E9E2!important}.mini-edit,.order-chip{border-radius:8px!important}.mini-edit{color:#526E86!important;background:#F3F8FB!important;border-color:#DDE9EF!important}.order-chip.on{background:#EEF6EE!important;color:#4F715A!important;border-color:#D5E6D4!important}.order-chip{background:#F7F8F6!important;color:#6E7A75!important;border-color:#E2E8E3!important}
.order-group-title{color:#526E86!important;background:linear-gradient(90deg,#EEF5FA,transparent);border-radius:8px;padding:7px 8px!important;margin-bottom:3px}.order-row{border-radius:12px!important;border-color:#E0E9E2!important;background:linear-gradient(135deg,#FFFFFF 0%,#FCFDFB 100%)!important}.order-row .icon-btn{color:#526E86!important;background:#F7FAFB!important;border-color:#DDE8EF!important}
.field input::placeholder,.field textarea::placeholder{color:#A0AAA5}
@media(min-width:760px){.stats-grid{grid-template-columns:repeat(3,1fr)!important}.stat-card{padding-left:50px!important}}
@media(max-width:720px){.stats-title{border-radius:12px;padding:12px}.stat-card{border-radius:12px!important;min-height:60px;padding:12px 12px 12px 48px!important}.stat-card strong{font-size:15.5px!important}.stat-icon{left:11px;top:13px}.stats-panel{border-radius:12px!important}.page-head .btn-primary{padding:8px 11px!important}}

/* v13 top navigation tint: remove plain white header */
.topbar{
  background:linear-gradient(135deg,rgba(248,252,248,.97) 0%,rgba(238,247,240,.97) 48%,rgba(239,246,250,.97) 100%)!important;
  border-bottom:1px solid #D8E5DE!important;
  box-shadow:0 8px 22px rgba(65,83,76,.055)!important;
  backdrop-filter:blur(16px)!important;
}
.brand-title{
  color:#557B5E!important;
  font-weight:520!important;
}
.brand-sub{
  color:#7C8D84!important;
}
.brand-mark{
  background:linear-gradient(135deg,#FFFFFF 0%,#DDEDDD 55%,#E8F2F6 100%)!important;
  color:#5F8564!important;
  border:1px solid #CFE0D5!important;
  box-shadow:0 7px 18px rgba(95,133,100,.12)!important;
}
.nav-link{
  color:#607269!important;
}
.nav-link:hover,
.nav-link.active{
  background:linear-gradient(135deg,#FFFFFF 0%,#EEF7EF 100%)!important;
  border-color:#D5E4D8!important;
  color:#4F715A!important;
}
.menu-btn{
  background:rgba(255,255,255,.72)!important;
  border-color:#D5E4D8!important;
}
.menu-btn span{
  background:#5F756B!important;
}
@media(max-width:720px){
  .nav-links{
    background:linear-gradient(180deg,#FFFFFF 0%,#F4F9F5 100%)!important;
    border-color:#D5E4D8!important;
  }
}


/* v14 simple checkbox-only click feedback */
.daily-supp-row{cursor:default!important}
.daily-supp-row.tap-pop{animation:none!important;box-shadow:none!important;background:inherit!important}
.check{transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease}
.check.tick-pop{animation:checkTap .16s ease both;box-shadow:0 0 0 4px rgba(111,143,103,.12)}
@keyframes checkTap{0%{transform:scale(1)}50%{transform:scale(.90)}100%{transform:scale(1)}}

/* v15 header correction: no plain white around Marios Plan */
.topbar{
  background:linear-gradient(135deg,#EAF4ED 0%,#E7F1F4 52%,#F0F3EB 100%)!important;
  border-bottom:1px solid #CADCD2!important;
  box-shadow:0 8px 22px rgba(69,92,83,.075)!important;
}
.nav{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.brand{
  background:linear-gradient(135deg,#F6FBF6 0%,#E4F1E7 56%,#EAF3F7 100%)!important;
  border:1px solid #CADFD1!important;
  border-radius:12px!important;
  padding:5px 8px 5px 6px!important;
  box-shadow:0 6px 16px rgba(85,123,94,.08)!important;
}
.brand-mark{
  background:linear-gradient(135deg,#6F8F67 0%,#5F856F 58%,#526E86 120%)!important;
  color:#FFFFFF!important;
  border:0!important;
  box-shadow:0 6px 14px rgba(95,133,100,.18)!important;
}
.brand-title{
  color:#3F684C!important;
  font-weight:540!important;
}
.brand-sub{
  color:#6D8076!important;
}
.nav-link{
  color:#5C7067!important;
}
.nav-link:hover,
.nav-link.active{
  background:rgba(255,255,255,.72)!important;
  border-color:#C8DCD0!important;
  color:#3F684C!important;
}
.menu-btn{
  background:linear-gradient(135deg,#F7FBF7,#EEF6F0)!important;
  border-color:#C8DCD0!important;
  box-shadow:0 4px 12px rgba(85,123,94,.08)!important;
}
@media(max-width:720px){
  .brand{border-radius:11px!important;padding:5px 7px 5px 6px!important;}
  .nav-links{background:linear-gradient(180deg,#F7FBF7 0%,#EDF6F1 100%)!important;border-color:#C8DCD0!important;}
}

/* v20 fix: allow daily 3-dot menu to open outside the Today card */
.daily-head{
  overflow:visible!important;
}
.daily-menu-wrap{
  position:relative!important;
  z-index:30!important;
}
.daily-menu{
  z-index:60!important;
}
.dots-btn{
  position:relative!important;
  z-index:61!important;
}

/* v21 menu reliability: keep interactive layers tappable on mobile */
.menu-btn,
.nav-link,
.dots-btn,
.daily-menu button,
.modal button{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(69,104,76,.12);
}
.menu-btn{
  pointer-events:auto!important;
  position:relative!important;
  z-index:10002!important;
}
@media(max-width:720px){
  .nav-links{
    pointer-events:none!important;
    z-index:10000!important;
  }
  .nav-links.open{
    display:flex!important;
    pointer-events:auto!important;
  }
}
.modal.open{
  display:flex!important;
  pointer-events:auto!important;
  z-index:10010!important;
}
.daily-menu.open{
  display:grid!important;
  pointer-events:auto!important;
  z-index:10020!important;
}