/* Generated by scripts/dark-css.py from styles.css. Do not edit by hand; edit DARK_EXTRA in the script. */
:root{--ink:#cee2da;--deep:#d2e4de;--muted:#909a93;--paper:#1a1c14;--white:#1c221e;--line:#1f241a;--lime:#435610;--green:#90b69f;--amber:#e1b073;--amber-bg:#16140f;--danger:#c77064;--shadow:0 8px 30px #00000008}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#83a55f}
input,select{border-color:#252e22}
.skip-link{color:#1c221e}
.sidebar{background:#1f2117}
.nav-caption{color:#818a7f}
.nav-item{color:#919c93}
.nav-item:hover{background:#141710}
.nav-item.active{background:#11130d}
.sidebar-note{background:#151710}
.prototype-label{color:#879186}
.prototype-label i,.device-badge i{background:#749967}
.topbar{background:#1c221e66}
.breadcrumb span{color:#4f574a}
.icon-button:hover{background:#12140e}
.eyebrow{color:#9da891}
.button.primary{color:#1c221e}
.button.primary:hover{background:#c2dad0}
.button.secondary{border-color:#2b3322;background:#1c221e}
.button.secondary:hover{background:#151811}
.button.danger{background:#1e1715}
.sample-banner{color:#929a8e}
.sample-banner strong{color:#b0beaa}
.stat-card{background:#1c221e}
.stat-card .stat-note{color:#7e897a}
.stat-icon{background:#161911;color:#869e7c}
.product-card{background:#1c221e}
.product-card:hover{border-color:#5e7150}
.product-card.selected{border-color:#7a9862;background:#1d2016}
.product-icon{color:#98ab7f;background:#12130d}
.product-icon.milk{background:#101716;color:#7a9f9d}
.product-icon.cheese{background:#12110d;color:#b99960}
.product-icon.butter{background:#13110d;color:#b99a62}
.product-mini{border-top-color:#10120d}
.add-product-card{border-color:#404c32;color:#96a88c}
.add-product-card:hover{background:#13150f}
.detail-card{background:#1c221e}
.badge{background:#13160f;color:#a3b992}
.badge.neutral{background:#151912;color:#90978d}
.detail-metrics .margin-value{color:#a6c793}
.ingredients-fill{background:#c4dcd2}
.packaging-fill{background:#6c955c}
.labour-fill{background:#5a6f2f}
.overhead-fill{background:#51421d}
.legend-row strong{color:#b6c4ac}
.cost-breakdown summary{color:#95a38b}
.pricing-box{background:#161811;border-color:#262f17}
.pricing-heading span{color:#849176}
.target-input input{background:#1c221ec9}
.target-result{border-top-color:#2b341d}
.target-result>span{color:#a0ad95}
.pricing-note{color:#8b987f}
.scenario-caption{color:#8d9784}
.main-footer{color:#77816d}
.empty-state{border-color:#37432b}
.info-strip{border-color:#262f1c;background:#151710;color:#a1b093}
.cost-table{background:#1c221e}
.table-panel{background:#1c221e}
.cost-table th{color:#89907f;background:#1d2117}
.cost-table td{border-bottom-color:#13160f}
dialog{box-shadow:0 24px 120px #00000033;background:#1c221e}
dialog::backdrop{background:#dbe9e655}
.dialog-foot{background:#1e2016}
.form-error{background:#1d1614}
.formula{background:#161912;color:#a9bca1}
.toast{color:#1c221e;box-shadow:0 8px 25px #00000025}
.warning-banner{background:#1b1613;color:#dd9c80}
@media(max-width:700px){.sidebar{background:#1f2117}
.navigation{background:#1f2117f7;border-top-color:#282f1e}}
.account-link{color:var(--green,#d2e4de)}
.cloud-toolbar{background:#151710}
.cloud-toolbar button{border-color:#4d5c3d;background:#1f2117;color:#d2e4de}
@media print{.main-footer{color:#b8b8b8}}
}
.energy-fill{background:#d59b2e}
.distribution-fill{background:#5b7d95}
.channel-note{color:var(--muted,#98a39b)}
/* Pro tools */
.pro-teaser{background:#222218;border-color:#282f1f}
.pro-teaser>p{color:#98a39b}
.pro-badge{background:#d2e4de;color:#15160f}
.pro-feature{border-color:#242a1c;background:#1b1c14}
.pro-feature p{color:#98a39b}
.pro-glyph{background:#0f110c;color:#d2e4de}
.pro-note{color:#98a39b}
.pro-empty{color:#98a39b;border-color:#353d2a}
.chip{border-color:#404c35;background:#222218;color:#d2e4de}
.pro-summary{color:#d2e4de}
.pro-table th small{color:#778677}
.pro-was{color:#76826d}
.pro-same{color:#98a39b}
.pro-chart{background:#222218;border-color:#282f1f}
.pro-chart svg:focus-visible{outline-color:#bf933e}
.pro-chart .grid{stroke:#12140e}
.pro-chart .axis{stroke:#3f4834}
.pro-chart .tick{fill:#98a39b}
.pro-chart .crosshair{stroke:#6e7a68}
.chart-legend{color:#bebdbb}
.chart-tooltip{background:#222218;border-color:#353d2a;box-shadow:0 6px 18px #00000014}
.tip-date{color:#98a39b}
.tip-row strong{color:#eeeeee}
.tip-row span{color:#98a39b}
.tip-reason{color:#98a39b}
.pro-table-view summary{color:#d2e4de}
.pro-export{border-color:#353d2a;background:#222218;color:#d2e4de}
.pro-export small{color:#98a39b}
@media print{body.printing-report #print-report{color:#f2f2f2}
#print-report header p,.report-note{color:#c7c7c7}
#print-report th,#print-report td{border-bottom-color:#3d3d3d}
#print-report th{background:#141815}}
.pro-table tbody th{color:#d2e4de}
.kpi{background:#1c221e;box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #00000029}
.kpi.good .kpi-note{color:#a6c9b5}
.dash-action{background:#1c221e;box-shadow:0 1px 2px #0000000a,0 10px 28px -18px #00000029}
.dash-action.attention{background:#201d16;border-color:#473612}
.dash-action.good{background:#191d14;border-color:#2a391c}
.dash-action.trend .dash-action-icon{background:#12151b;color:#6786cc}
.dash-action.good .dash-action-icon{background:#202f13;color:#a6c9b5}
.dash-card{background:#1c221e;box-shadow:0 1px 2px #0000000a,0 10px 28px -18px #00000029}
.margin-track{background:#161911}
.margin-bar{background:#a6c9b5}
.margin-bar.below{background:#e9af62}
.key-bar{background:#a6c9b5}
.driver-bar{background:#161911}
/* ---------- Premium finish: depth, motion, comfortable sizes (no glass) ---------- */
.button.primary{background:linear-gradient(180deg,#c4dcd4 0%,#d2e4de 100%);box-shadow:inset 0 1px 0 #00000026,0 1px 2px #00000033,0 8px 18px -8px #00000099}
.button.primary:hover{box-shadow:inset 0 1px 0 #0000002e,0 2px 4px #00000033,0 12px 24px -10px #000000aa}
.button.primary:active{box-shadow:inset 0 1px 2px #0000002e}
.button.secondary{background:linear-gradient(180deg,#1c221e 0%,#1d2016 100%);box-shadow:0 1px 2px #0000000f}
.button.secondary:hover{border-color:#4a593d;box-shadow:0 4px 12px -6px #00000033}
.stat-card,.detail-card,.table-panel{box-shadow:0 1px 2px #0000000a,0 10px 28px -18px #00000029}
.product-card:hover{box-shadow:0 14px 30px -18px #00000040}
/* Dairy facts, channel ladder, business settings, monthly panel */
.storage-fill{background:#7f5aa4}
.ladder-step{background:#1c221e}
.business-panel{background:#1c221e;box-shadow:0 1px 2px #0000000a,0 10px 28px -18px #00000029}
.month-flow>div{background:#1c221e}
.month-total{background:#171b13!important}
.month-total.neg{background:#1e1815!important}
.month-total.pos strong{color:#a6c9b5}
.template-picker .chip{border-color:#404c35;background:#222218}
.template-note{color:#d6cbbb}
.locked-card{background:linear-gradient(180deg,#1e2016,#181b12);border-color:#415033}
.locked-badge{color:#13140e}
.upgrade-list li::before{border-left-color:#a6c9b5;border-bottom-color:#a6c9b5}
.foot-lang .lang-select select{color:#b0bdb5}
.first-steps{background:#1c221e}
.first-step{border-top-color:#13160f}
.dialog-foot{box-shadow:0 -8px 18px #00000012}
.form-more>summary::after{background:#13160f}
.cost-breakdown summary{border-color:#2b3322;background:#1e2016}
@media(max-width:700px){.recipe-line,.recipe-line:where(*){border-color:#1f2518;background:#1e2016}}
@media(max-width:700px){.main-footer{color:#a4afa6}
.main-footer a,.main-footer button{color:#becbc3}}
/* ===== iOS layer (Nov 2026): system type, grouped surfaces, frosted bars, sheets, tactile taps ===== */
:root{--ios-bg:#181812;--ios-card:#1c221e;--ios-sep:#282922;--ios-label2:#abb1aa;--ios-fill:#10110d;--ios-green:#a7cab1;--ios-ok-bg:#0e140e;--ios-ok:#b8d4c2;--ios-warn-bg:#12100d;--ios-warn:#d4c7b8}
.kpi,.dash-card,.dash-action,.first-steps,.table-panel,.detail-card,.stat-card,.product-card{box-shadow:0 1px 2px #00000008}
.button.secondary:hover{background:#2b2e24}
.pulse{box-shadow:0 1px 2px #00000008}
.ring{background:conic-gradient(var(--ring,#53725d) var(--deg),#0f110c var(--deg))}
.ring.good{--ring:#8acb99}
.ring.below{--ring:#e5a042}
.ring>div{background:#1c221e}
.pulse-value.neg{color:#c77064}
.pchip{background:#12140e;color:#ceddc6}
.milk-card{box-shadow:0 1px 2px #00000008}
.stepper button:hover{background:#22241c}
.stepper i{background:#32352c}
.milk-impact{color:#bec3bd}
.review-card{color:#1c221e}
.review-icon{background:#4d6713}
.review-text span{color:#314539}
.review-new{background:#4d6713}
.review-card .chev{color:#4e705f}
.install-card{background:#13160f}
.install-card .review-icon{color:#4d6713}
.install-card p{color:#bec3bd}
/* Weekly review sheet */
dialog[data-kind=review]{color:#1c221e}
.rv-eyebrow{color:#4d6713}
.rv-lead{color:#314539}
.rv-big.neg{color:#68320b}
.rv-tile{background:#1c221e14}
.rv-tile span{color:#314539}
.rv-tile em{color:#4d6713}
.rv-foot{color:#4e705f}
.rv-done{background:#4d6713}
.rv-done:hover{background:#5b771c}
dialog::backdrop{background:#e9f1ec55}
.dialog-foot{background:#1c221e}
.toast{background:#e5ebe7eb}
.sidebar::before{background:#181812cc}
body.title-away .sidebar{border-bottom-color:#f2f2f21f}
.topbar .currency-select select{background:#1c221e}
.account-link{color:#4d6713!important}
.navigation{background:#1d1d15d1;border-top-color:#f2f2f21f}
.nav-item{color:#858981}
input,select,textarea{background:#191914}
input:focus,select:focus,textarea:focus{background:#1c221e;border-color:#53725d}
dialog::before{background:#44463e}
dialog[data-kind=review]::before{background:#1c221e4d}

/* Hand-tuned */
:root{color-scheme:dark;--paper:#0e1310;--ios-bg:#0e1310;--ios-card:#1a201c;--line:#2a312c}
body{background:#0e1310}
.brand-mark{background:#1f3b2e;color:#d9efa8}
.sidebar{background:#121815;border-color:#232a25}
.navigation{background:transparent}.sidebar-note{background:#1a201c}.nav-item.active{background:#1f2622}.nav-item:hover{background:#1a201c}
.topbar{background:#0e1310b3;border-color:#232a25}
@media(max-width:700px){.topbar{background:none}.account-link{background:#1f3b2e;color:#d9efa8!important}}
dialog::backdrop{background:#000000a6}
.review-card,dialog[data-kind=review]{background:#1f3b2e;color:#f0f5ea}
.review-text span,.rv-lead,.rv-tile span{color:#b5c9bc}
.review-icon,.rv-done,.review-new{background:#d9efa8;color:#10291f}
.rv-tile{background:#ffffff12}.rv-eyebrow,.rv-tile em{color:#d9efa8}
.ring>div{background:#1a201c}
.button.primary,.heading-actions .button.primary{background:#d9efa8;color:#10291f;box-shadow:none}
.button.primary:hover{background:#cfe79a}
@media(max-width:700px){.sidebar::before{background:#0e1310cc}.navigation{background:#141a16d9;border-top-color:#ffffff1f}body.title-away .sidebar{border-bottom-color:#ffffff1f}}
.toast{background:#e8ede9eb;color:#10291f}