/* Nutraflow design system override — colours + polish only, no layout changes.
   Palette (same as spy/loop/library/competitors.nutraflow.io): zinc dark + emerald accent. */
:root{
  --nf-bg:#09090b;--nf-panel:#18181b;--nf-panel2:#1e1e22;--nf-panel3:#27272a;
  --nf-line:rgba(63,63,70,.45);--nf-line-strong:#3f3f46;
  --nf-txt:#f4f4f5;--nf-txt2:#d4d4d8;--nf-mut:#a1a1aa;--nf-mut2:#71717a;
  --nf-green:#10b981;--nf-amber:#f59e0b;--nf-red:#f43f5e;--nf-violet:#a78bfa;
  --nf-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --nf-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color-scheme:dark;
}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--nf-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--nf-bg)!important;color:var(--nf-txt)!important}
h1,h2,h3,h4,.tabs a,nav a,summary,th,button,.tag,.badge{font-family:var(--nf-font)!important}
h1,h2{text-transform:none!important;letter-spacing:-.02em!important;font-weight:700!important}
h3{text-transform:none!important;letter-spacing:-.01em!important;font-weight:650!important}
h1{color:var(--nf-txt)!important}
pre,code,kbd,.prompt pre,.an{font-family:var(--nf-mono)!important}
a{color:var(--nf-green)}
a:hover{color:#34d399}
::selection{background:rgba(16,185,129,.35)}
img{border-radius:8px}
/* tabs / nav pills */
.tabs{border-bottom:1px solid var(--nf-line)!important;gap:4px!important}
.tabs a{color:var(--nf-mut)!important;border-radius:8px!important;padding:8px 14px!important;font-size:14px!important;font-weight:600!important;transition:background .15s,color .15s}
.tabs a:hover{background:var(--nf-panel3)!important;color:var(--nf-txt)!important}
.tabs a.on{background:var(--nf-green)!important;color:#052e1f!important}
nav a{border:1px solid var(--nf-line-strong)!important;border-radius:999px!important;color:var(--nf-txt2)!important;font-weight:500!important;font-size:14px!important;transition:border-color .15s,color .15s,background .15s}
nav a:hover{border-color:var(--nf-green)!important;color:var(--nf-txt)!important;background:rgba(16,185,129,.08)!important}
/* cards & panels */
section,.box,details,.card,.c,.ad,.side,details.ov{background:var(--nf-panel)!important;border:1px solid var(--nf-line)!important;border-radius:12px!important;box-shadow:none!important}
.box,.c{background:var(--nf-panel2)!important}
.box b{color:var(--nf-green)!important;letter-spacing:.06em!important;font-size:12px!important;font-weight:700!important}
.tag{background:rgba(16,185,129,.14)!important;color:var(--nf-green)!important;border:1px solid rgba(16,185,129,.3);border-radius:6px!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important;padding:3px 9px!important}
.prompt{background:#0c0c0f!important;border:1px solid var(--nf-line-strong)!important;border-radius:12px!important}
.prompt .head{border-bottom:1px solid var(--nf-line)!important;color:var(--nf-txt2)!important;font-weight:600!important}
.prompt pre{color:var(--nf-txt2)!important;font-size:13.5px!important}
button.copy,a.dl,.zip,.btn{background:var(--nf-green)!important;color:#052e1f!important;border:0!important;border-radius:8px!important;font-weight:600!important;transition:filter .15s}
button.copy:hover,a.dl:hover,.zip:hover,.btn:hover{filter:brightness(1.08)}
button.copy.done{background:#34d399!important}
/* tables */
table{border-collapse:separate!important;border-spacing:0;font-size:14.5px!important}
th{color:var(--nf-mut)!important;font-size:11.5px!important;letter-spacing:.08em!important;font-weight:600!important;border-bottom:1px solid var(--nf-line-strong)!important;background:var(--nf-panel2)}
td{border-bottom:1px solid var(--nf-line)!important;color:var(--nf-txt2)!important}
tr:hover td{background:rgba(63,63,70,.12)}
.tw{border:1px solid var(--nf-line);border-radius:10px;overflow:auto}
/* flow chips */
.flow span{background:var(--nf-panel2)!important;border:1px solid var(--nf-line-strong)!important;border-radius:8px!important;font-weight:500!important;color:var(--nf-txt2)!important}
.flow i{color:var(--nf-green)!important}
details{border-radius:10px!important}
summary{color:var(--nf-txt)!important;font-weight:600!important}
summary:hover{color:var(--nf-green)!important}
hr{border:0;border-top:1px solid var(--nf-line)}
/* review app (index + launch) */
header{background:rgba(9,9,11,.85)!important;border-bottom:1px solid var(--nf-line)!important}
.tabs button,.vt button,.jump a{color:var(--nf-mut)!important}
.tabs button.on,.vt button.on,.jump a:hover{background:var(--nf-panel3)!important;color:var(--nf-txt)!important;box-shadow:none!important}
.bh,.gh{border-bottom:1px solid var(--nf-line-strong)!important}
.cat{color:var(--nf-mut)!important}.cat span{background:var(--nf-panel3)!important;color:var(--nf-txt)!important}
.ad img{background:#0c0c0f!important;border-radius:0!important}
.btns button{background:var(--nf-panel2)!important;border:1px solid var(--nf-line-strong)!important;color:var(--nf-txt2)!important;border-radius:8px!important}
.btns .v.on{background:var(--nf-green)!important;border-color:var(--nf-green)!important;color:#052e1f!important}
.btns .r.on{background:var(--nf-red)!important;border-color:var(--nf-red)!important;color:#fff!important}
.ad.ok{border-color:var(--nf-green)!important;box-shadow:0 0 0 1px var(--nf-green)!important}
.ad.no{border-color:var(--nf-red)!important;box-shadow:0 0 0 1px var(--nf-red)!important}
.row input,.row textarea,.cp,.cz,.btn.light,.meta a{background:var(--nf-panel2)!important;border:1px solid var(--nf-line-strong)!important;color:var(--nf-txt)!important}
.row input:focus,.row textarea:focus{border-color:var(--nf-green)!important;box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.badge{background:rgba(245,158,11,.15)!important;color:#fcd34d!important;border:1px solid rgba(245,158,11,.3)}
.an{background:var(--nf-panel3)!important;color:var(--nf-txt2)!important}
/* scrollbars */
*{scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:8px;border:2px solid var(--nf-bg)}::-webkit-scrollbar-track{background:transparent}
/* brand bar (top-left Nutraflow logo, same look as competitors.nutraflow.io header) */
.nf-brand{display:flex;align-items:center;gap:14px;padding:12px 22px;background:rgba(9,9,11,.9);border-bottom:1px solid var(--nf-line);backdrop-filter:blur(10px)}
.nf-brand a{display:flex;align-items:center;line-height:0}
.nf-logo{height:26px;width:auto;border-radius:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}
.nf-divider{height:20px;width:1px;background:#3f3f46}
.nf-tag{font-size:13px;font-weight:500;color:var(--nf-mut);letter-spacing:.5px}
@media(max-width:600px){.nf-brand{padding:10px 16px}.nf-logo{height:22px}}