/* CI Master 2.0: shared work surfaces and navigation for web and WebView. */
:root {
  color-scheme:light;
  --z-color-primary:#204830;
  --z-color-primary-dark:#173B28;
  --z-color-accent:#718044;
  --z-color-sage:#B7BE99;
  --z-color-page:#F9F8F0;
  --z-color-surface:#FFFFFF;
  --z-color-text:#1D3024;
  --z-color-muted:#5F6D63;
  --z-color-border:#D9E0D5;
  --z-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --z-text:16px;--z-text-small:14px;--z-title:32px;
  --z-section:24px;--z-card-title:19px;
  --z-space-1:4px;--z-space-2:8px;--z-space-3:12px;--z-space-4:16px;
  --z-space-6:24px;--z-space-8:32px;
  --z-radius-control:11px;--z-radius-card:16px;--z-control-height:48px;
}
html,body {font-family:var(--z-font);font-size:var(--z-text);color:var(--z-color-text)}
body :is(h1,h2,h3,h4,button,input,select,textarea,summary) {font-family:var(--z-font)!important}
body {background:var(--z-color-page)}
.sidebar {background:var(--z-color-primary-dark);box-shadow:none}
.sideNav {min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:3px}
.sidebarBrand small,.sidebarStatus {font-size:12px;line-height:1.4}
.sidebarFooter {flex:none}
.zNavToday155 {margin-bottom:8px}
.zNavGroup155 {border-top:1px solid #ffffff20;padding-top:4px}
.zNavToggle155 {width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:9px 12px;border:0;border-radius:var(--z-radius-control);background:transparent;color:white;font:650 16px/1.4 var(--z-font);text-align:left;cursor:pointer}
.zNavToggle155:hover,.zNavToggle155:focus-visible {background:#ffffff16}
.zNavToggle155 svg {width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;transition:transform .16s ease}
.zNavToggle155[aria-expanded=true] svg {transform:rotate(180deg)}
.zNavChildren155 {padding:2px 0 8px 10px;display:grid;gap:2px}
.zNavChildren155[hidden] {display:none}
.zNavChildren155 .sideNavBtn {min-height:48px;font-size:14px;font-weight:600;line-height:1.4;white-space:normal}
.zNavChildren155 .sideNavBtn.zSubNav155 {padding-left:14px}
.zNavChildren155 .sideNavBtn.zSubNav155:before {content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;opacity:.55;margin-left:7px}
.zNavChildren155 .sideNavBtn.zSubNav155:has(.navIcon):before {display:none}
.zNavChildren155 .sideNavBtn.active {background:var(--z-color-page);color:var(--z-color-primary-dark);box-shadow:none}
.zWorkshop155 .sidebarFooter>button[onclick="openMenuOrder()"] {display:none}
.topbarBrand {width:180px;height:48px;overflow:hidden;position:relative;flex:none}
.topbarBrand img {position:absolute!important;width:238px!important;height:auto!important;max-height:none!important;left:-28px;top:-36px;mix-blend-mode:multiply}
.contentWrap {max-width:1280px;padding:32px 32px 48px}
.card,.dashboardCard,.dashboardCard140,.dashPanel140,.calcCard143,.purchasePage {border:1px solid var(--z-color-border);border-radius:var(--z-radius-card);background:var(--z-color-surface);box-shadow:0 2px 9px #173b2809}
.pageHeader h1,.planningHero h2,.calcHero143 h1,.helpPanel h1 {font:700 var(--z-title)/1.15 var(--z-font)}
.cookbookHero h2,.dashHead140 h1,.analyticsHead136 h1 {font:700 var(--z-title)/1.15 var(--z-font)}
.chapterTitle b,.recipeCardText h3,.dashboardCardHead h2,.planningActiveTitle,#stockOverview .stockFold>summary,#planningPlans .compactPlan>summary b,.chapterNumber {font-family:var(--z-font)!important;font-weight:700}
.recipeCardText h3,.dashboardCardHead h2 {font-size:var(--z-card-title)}
.dashboardCard h2,.dashPanel140 h2,.calcCard143 h2 {font-family:var(--z-font)}
.tabPanel,.card,.dashboardCard,.calcCard143 {color:var(--z-color-text)}
.contentWrap p,.contentWrap li,.contentWrap td,.helpPanel p {font-size:16px;line-height:1.5}
.field>label,.moneyInput143>label {display:block;font:650 14px/1.4 var(--z-font);color:var(--z-color-text);margin-bottom:6px}
.contentWrap input:not([type=checkbox]):not([type=radio]),.contentWrap select,.contentWrap textarea,.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea {min-height:var(--z-control-height);font-family:var(--z-font);font-size:16px;border-color:var(--z-color-border);border-radius:var(--z-radius-control)}
.contentWrap button,.modal button {font-family:var(--z-font)}
.contentWrap button.primary,.modal button.primary,.contentWrap button.soft,.modal button.soft {min-height:var(--z-control-height);border-radius:var(--z-radius-control);font-size:16px}
.mobileDetailBack,.mobileMenuBtn,.modal .close {min-width:48px;min-height:48px}
.contentWrap button.primary,.modal button.primary {background:var(--z-color-primary);color:#fff}
.contentWrap button.soft,.modal button.soft {background:#fff;color:var(--z-color-primary-dark);border:1px solid var(--z-color-border)}
.contentWrap button:focus-visible,.modal button:focus-visible,.sidebar button:focus-visible,.mobileBottomNav button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid var(--z-color-accent);outline-offset:2px}
.muted,.tiny,.planMuted,.dashboardCard small,.mobileMoreGrid small {color:var(--z-color-muted);line-height:1.45}
.contentWrap table td:has(.money),.contentWrap .money,.contentWrap .stockMetric b {font-variant-numeric:tabular-nums}
body[data-currency155=PLN] .moneyWrap135::after {content:'zł'}
.dashboardHero,.calcHero143 {background:var(--z-color-primary-dark);color:#fff}
.dashboardHero *,.calcHero143 * {color:inherit}
@media(min-width:821px){
  .zWorkshop155 .planningSubnav,.zWorkshop155 .purchaseSubnav,.zWorkshop155 .calcTabs143 {display:none}
}
@media(max-width:1199px){.contentWrap {padding:24px 24px 40px}}
@media(max-width:820px){
  :root {--z-title:26px;--z-section:21px;--z-card-title:18px}
  .contentWrap {padding:16px 16px 96px!important}
  body:not(.mobile-detail-mode) .mobileWorkApp {padding-left:16px;padding-right:16px}
  .topbarBrand {width:160px;height:44px}
  .topbarBrand img {width:212px!important;left:-25px;top:-32px}
  .mobileBottomNav {background:#fff!important;border-top:1px solid var(--z-color-border)!important;padding-bottom:env(safe-area-inset-bottom)!important;height:calc(76px + env(safe-area-inset-bottom))!important;max-height:none!important}
  .mobileBottomNav button {min-height:48px;font-size:14px}
  .mobileMoreGrid button,.mobileWorkCard,.mobileTask {border-radius:var(--z-radius-card)}
}