/* v31 Warm Industrial Kitchen — v30 information architecture with ICC brand discipline */
:root{
 --icc-safety:#e8ff00;
 --icc-black:#000;
 --icc-concrete:#414141;
 --icc-deep:#071b14;
 --icc-deep-2:#0c2b20;
 --icc-cream:#f4efe3;
 --icc-paper:#fffdf7;
 --icc-paper-2:#faf6ec;
 --icc-line:#ded7c8;
 --icc-ink:#111713;
 --icc-muted:#687069;
 --icc-shadow:0 18px 45px rgba(42,37,27,.11);
}
html,body{min-height:100%}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--icc-deep);color:var(--icc-ink)}
.shell{grid-template-columns:318px 1fr;background:var(--icc-deep)}
.side{padding:24px 18px 20px;background:
 radial-gradient(circle at 20% 0,rgba(232,255,0,.07),transparent 23%),
 linear-gradient(180deg,#030a07 0%,#071911 52%,#06140e 100%);border-right:1px solid rgba(232,255,0,.13);box-shadow:18px 0 50px rgba(0,0,0,.16)}
.main{min-height:100vh;padding:22px 28px 30px;background:
 radial-gradient(circle at 96% 2%,rgba(232,255,0,.10),transparent 23%),
 radial-gradient(circle at 25% 100%,rgba(132,112,68,.07),transparent 34%),
 linear-gradient(180deg,#f8f4ea 0%,#f2ecdf 100%);color:var(--icc-ink)}
.main:before{content:"";position:fixed;inset:0 0 0 318px;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(65,65,65,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(65,65,65,.035) 1px,transparent 1px);background-size:44px 44px}

/* Brand block: dedicated black field, real artwork, protected clear space */
.brandV31{display:block;margin:0;padding:0 8px 21px;border-bottom:1px solid rgba(255,255,255,.15)}
.brandArtworkV31{display:block;width:226px;max-width:100%;height:auto;margin:2px 0 18px;object-fit:contain}
.brandProductV31{font-size:24px;line-height:.96;font-weight:900;letter-spacing:-.025em;color:#fff;text-transform:uppercase;max-width:250px}
.brandDescriptorV31{margin-top:8px;color:#c7d4ce;font-size:12px;letter-spacing:.02em}
.version{margin:16px 8px 14px;padding:7px 11px;color:var(--icc-safety);border:1px solid rgba(232,255,0,.52);background:rgba(232,255,0,.07);font-weight:800;letter-spacing:.02em}

/* Hierarchical navigation */
.nav{margin-top:4px}.navV31{display:grid;gap:4px}
.navTitleV31{padding:2px 10px 7px;color:#9fb2a9;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.navQuickV31{display:flex!important;align-items:center;gap:11px;width:100%;padding:12px 13px!important;margin:0 0 9px!important;border:1px solid rgba(232,255,0,.28)!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:14px!important;font-weight:850!important}
.navQuickV31:hover{border-color:rgba(232,255,0,.64)!important;background:rgba(232,255,0,.08)!important}
.navQuickV31.active{background:var(--icc-safety)!important;border-color:var(--icc-safety)!important;color:#050705!important;box-shadow:0 8px 24px rgba(232,255,0,.13)}
.navIconV31{width:22px;height:22px;display:grid;place-items:center;color:var(--icc-safety);flex:0 0 auto}
.navIconV31 svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.navQuickV31.active .navIconV31{color:#050705}
.navGroupV31{padding:8px 0 10px;border-top:1px solid rgba(255,255,255,.10)}
.navGroupV31:first-of-type{border-top:0}
.navParentV31{display:flex!important;align-items:center;gap:10px;width:100%;padding:7px 9px!important;margin:0!important;background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:-.01em}
.navParentV31:hover{color:var(--icc-safety)!important}
.navParentV31 .navChevronV31{margin-left:auto;color:#84998f;font-size:13px;transition:transform .16s ease}
.navGroupV31.collapsed .navChevronV31{transform:rotate(-90deg)}
.navChildrenV31{display:grid;gap:2px;padding:2px 0 0 36px}.navGroupV31.collapsed .navChildrenV31{display:none}
.navChildrenV31 button{position:relative;width:100%;padding:8px 10px 8px 14px!important;margin:0!important;border-radius:9px!important;background:transparent!important;color:#bac9c2!important;font-size:12px!important;font-weight:600!important;line-height:1.2}
.navChildrenV31 button:before{content:"";position:absolute;left:1px;top:50%;width:4px;height:4px;border-radius:50%;background:#64786f;transform:translateY(-50%)}
.navChildrenV31 button:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
.navChildrenV31 button.active{color:var(--icc-safety)!important;background:rgba(255,255,255,.09)!important;box-shadow:inset 3px 0 0 var(--icc-safety)}
.navChildrenV31 button.active:before{background:var(--icc-safety);box-shadow:0 0 0 3px rgba(232,255,0,.11)}
.navStatusV31{margin:13px 8px 0;padding:10px 11px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.045);color:#dce7e2;cursor:pointer}
.navStatusLineV31{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.navStatusLineV31 span:last-child{margin-left:auto;color:#a8b9b1;font-weight:600}
.navStatusDotV31{width:8px;height:8px;border-radius:50%;background:#e8a72a;box-shadow:0 0 0 4px rgba(232,167,42,.10)}
.navStatusV31.shared .navStatusDotV31{background:#45d97b;box-shadow:0 0 0 4px rgba(69,217,123,.10)}
.sideHint{margin:12px 9px 0;color:#8ea49a;font-size:10px;line-height:1.5}

/* Main chrome */
.navTools{margin-bottom:15px;color:#53635b}.navTools button{padding:8px 12px;border:1px solid #d9d1c2;background:#fffaf0;color:#152019;border-radius:11px;font-weight:800;box-shadow:0 5px 15px rgba(46,39,25,.05)}.navTools button:hover{border-color:#b9ad97;background:#fff}.crumb{color:#657168}
.top{color:var(--icc-ink);margin-bottom:13px}.top h2{font-size:36px;letter-spacing:-.035em}.top p{color:#5d665f;font-size:13px}.identity{min-width:320px;padding:10px 12px;background:rgba(255,253,247,.90);border:1px solid #d8d0c1;border-left:4px solid var(--icc-safety);box-shadow:var(--icc-shadow);color:var(--icc-ink)}.identity label{color:#647067}.identity select{border:1px solid #d8d0c1;background:#fffdf8;color:#101611;font-weight:850}

/* Warm cards + dark structural panels */
.card,.stationColumnV30,.detailsPanel,.systemCardV30{background:rgba(255,253,247,.94);border-color:var(--icc-line);box-shadow:var(--icc-shadow)}
.card h3,.stationColumnV30 h3{color:#111713}.card p{color:var(--icc-muted)}
.visualSectionHead{background:linear-gradient(115deg,#0a271d 0%,#123a2a 68%,#1a4935 100%);border:1px solid rgba(232,255,0,.20);color:#fff;box-shadow:0 15px 35px rgba(5,31,21,.16)}
.visualSectionHead h3{color:#fff}.visualSectionHead .eyebrow{color:var(--icc-safety)}
.visualSectionHead .btn{background:var(--icc-safety);color:#050705;border:1px solid var(--icc-safety)}
.btn{background:#102b20;color:#fff;border:1px solid #102b20}.btn:hover{filter:none;background:#173b2c}.btn.secondary{background:#fffaf0;color:#153025;border:1px solid #d8d0c1}.btn.secondary:hover{background:#fff;border-color:#b8ad99}.tag{background:#eff5ee;border-color:#d4dfd7;color:#315346}.tag.red{background:#fff0ec;border-color:#ecc7bd;color:#973c2d}.tag.amber{background:#fff6db;border-color:#ead79a;color:#805c08}.tag.blue{background:#eef4ff;border-color:#cad8ef;color:#275483}.progress{background:#e8e3d7}.bar{background:linear-gradient(90deg,#0b6140,var(--icc-safety))}

/* Role lane */
.roleLensV30{padding:13px 15px;border:1px solid rgba(232,255,0,.20);background:linear-gradient(105deg,#071b14 0%,#0b291e 70%,#13392a 100%);box-shadow:0 15px 35px rgba(0,0,0,.16)}
.roleLensCopyV30 .eyebrow{color:var(--icc-safety)}.roleLensCopyV30 strong{font-size:16px}.roleLensCopyV30 span{color:#cbdad3}
.roleBadgeV30{background:linear-gradient(145deg,#f4d85a,var(--icc-safety));color:#0a0b08;box-shadow:0 0 0 5px rgba(232,255,0,.13)}
.roleLensActionsV30 button{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.roleLensActionsV30 button.primary{background:var(--icc-safety);border-color:var(--icc-safety);color:#070906}

/* Station page: v31 information layout, v30 warmth */
.stationHeroV30{min-height:210px;border:1px solid rgba(232,255,0,.13);box-shadow:0 20px 45px rgba(10,28,20,.20)}
.stationHeroV30:after{background:linear-gradient(90deg,rgba(4,20,14,.96),rgba(8,42,27,.72) 62%,rgba(8,42,27,.28))}
.stationHeroInnerV30{padding:25px}.stationHeroInnerV30 h2{font-size:34px}.stationCountV30 strong{font-size:64px;line-height:.9}.stationCountV30 span{font-size:12px}
#station>.grid.cols3>.card{min-height:112px;border-radius:17px;background:rgba(255,253,247,.95)}
#station>.grid.cols3>.card .stationTaskIconV30{background:var(--icc-safety);color:#0a0b08}
.stationBoardV30{grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:13px}.stationBoardV30>.stationColumnV30:nth-child(1){grid-row:1 / span 2}.stationBoardV30>.stationColumnV30:nth-child(2){grid-column:2;grid-row:1}.stationBoardV30>.stationColumnV30:nth-child(3){grid-column:2;grid-row:2}
.stationColumnV30{padding:15px;border-radius:19px}.stationTaskV30{padding:11px;border-color:#ded8cb;background:#fffdf8}.stationTaskV30:hover{border-color:#afbfad;box-shadow:0 7px 20px rgba(41,38,28,.06)}.stationTaskIconV30{background:#eef5e7;color:#19442f}.stationTaskV30 select{background:#fff;border-color:#d8d0c1}.stationEmptyV30{background:#faf6ec;border-color:#ded5c4}

/* Seasons and menu */
.seasonStrip{gap:12px}.seasonCard{padding:17px;border-radius:17px;background:#fffdf8;border-color:#ddd5c6}.seasonCard.current{background:linear-gradient(145deg,#fffde9,#f7f1d7);border:2px solid var(--icc-safety);box-shadow:0 0 0 3px rgba(232,255,0,.09)}
.recipeVisualCardV30{border-color:rgba(255,255,255,.19);box-shadow:0 18px 35px rgba(17,25,20,.18)}.recipeVisualCardV30:after{background:linear-gradient(0deg,rgba(3,15,10,.98),rgba(4,22,15,.76) 57%,rgba(4,20,14,.12))}.recipePctV30{border-color:var(--icc-safety)}

/* Systems, activity, calendar and drawers */
.systemCardV30{border-radius:18px}.systemIconV30{background:#eef4e7}.systemOwnerV30{color:#4f5d54}
.activityRowV30{background:#fffdf8;border-color:#ded8cc}.activityToolbarV30 button{background:#fffdf8;border-color:#d8d0c1}.activityToolbarV30 button.active{background:#102b20}
.calendarShell{background:#fffdf8;border-color:#ddd5c7}.calendarCell{background:#fffdf8;border-color:#e5dfd3}.calendarCell.today{background:#f7f8dc;border-color:#98a522}.calendarEvent{background:#edf4e8;border-color:#d5e2d5}
.drawer{background:#f6f1e7;border:1px solid rgba(255,255,255,.40);box-shadow:-28px 0 70px rgba(0,0,0,.28)}.drawerHead{background:linear-gradient(110deg,#061912,#0f3526);border-bottom:1px solid rgba(232,255,0,.20)}.drawerBody{color:var(--icc-ink)}.drawerActions{background:#fffaf0;border-color:#ded5c5}.plainBox,.decisionTile,.roleBox,.item,.sourceVisualCard,.teamLaneCard,.recipeMiniScoreV30>div{background:#fffdf8;border-color:#ddd6c9}.recipeTabBarV30{background:#f6f1e7}.recipeTabBarV30 button{background:#fffdf8;border-color:#d7d0c2}.recipeTabBarV30 button.active{background:#102b20;border-color:#102b20}.recipeFocusV30,.recipeCurrentCard{background:linear-gradient(135deg,#fff8dd,#fffdf8);border-color:#e4d293}
.footer{display:flex;align-items:center;gap:9px;color:#66746b}.footer img{width:24px;height:auto}.footer strong{color:#24362d}.footerStatusV31{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:800}.footerStatusV31 i{width:8px;height:8px;border-radius:50%;background:#e2a92e}.footerStatusV31.shared i{background:#3fcd74}

@media(max-width:1180px){.shell{grid-template-columns:278px 1fr}.main:before{left:278px}.identity{min-width:270px}.stationBoardV30{grid-template-columns:1fr}.stationBoardV30>.stationColumnV30:nth-child(n){grid-column:auto;grid-row:auto}.brandArtworkV31{width:205px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto}.main:before{display:none}.main{padding:17px}.navChildrenV31{padding-left:22px}.top{display:block}.identity{margin-top:13px;min-width:0}.stationHeroInnerV30{grid-template-columns:auto 1fr}.stationCountV30{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:8px}.stationCountV30 strong{font-size:42px}.stationBoardV30{grid-template-columns:1fr}.drawer{top:0;right:0;height:100%;width:100vw;border-radius:0}.brandArtworkV31{width:220px}}