/* Final art-direction layer: preserve the approved luminous emerald finish. */
:root{--ink:#152b29;--muted:#53667a;--brand:#007d49;--brand-hover:#00623e;--brand-soft:#dcf6e6;--gloss-shadow:0 14px 34px -24px #06553575,0 3px 9px #214e3810;--gloss-edge:1px solid #d8e8e0}
body{background:linear-gradient(90deg,#d9f3df 0%,#effaf1 14%,#fff 35%,#fff 72%,#e0f5e4 100%)}
.workspace{background:linear-gradient(90deg,#e1f5e8b8 0%,#fff 18%,#fff 76%,#dff4e5b0 100%)}
.sidebar{background:radial-gradient(ellipse at 5% 35%,#d6f4dd88,transparent 62%),linear-gradient(95deg,#e2f5e8,#f8fcfa 82%,white);border-right-color:#dcebe3;box-shadow:inset -1px 0 0 white,8px 0 25px -20px #14754433}
.topbar{background:linear-gradient(175deg,#edfaf1 0%,#e2f5e9 72%,#d9efdf 100%);border-bottom-color:#c5e0ce;box-shadow:inset 0 1px 0 #fff,0 3px 12px #1b5c3810}
.main-nav a{color:#415563}.main-nav a .icon{width:23px;height:23px;stroke-width:1.8}
.main-nav a.active,.btn-primary,.trip-button.is-primary,.trip-tab.is-active,.garden-button-primary,.garden-game-button-primary,.report-button-primary,.connection-button-primary{color:white;border-color:#087d45;background:radial-gradient(ellipse at 20% 0%,#90ff8f77,transparent 39%),linear-gradient(178deg,#16ab54 0%,#008f42 17%,#00733f 51%,#006139 54%,#008b4c 100%);box-shadow:inset 0 1px 1px #caffb9cc,inset 0 -2px 2px #003e2b70,0 4px 8px -3px #005e4370,0 1px 0 #fff;text-shadow:0 1px 1px #00392566}
.main-nav a.active{background:radial-gradient(ellipse at 20% 0%,#70ff8470,transparent 42%),linear-gradient(175deg,#079852,#007340 49%,#005f3c 50%,#008448);border:1px solid #058349}
.btn-primary:hover,.garden-button-primary:hover,.garden-game-button-primary:hover{filter:brightness(1.07);box-shadow:inset 0 1px 1px #d9ffd9,0 7px 16px -6px #00774280}
.btn-primary:disabled,.garden-button-primary:disabled,.garden-game-button-primary:disabled{filter:none}
.btn-secondary,.trip-button:not(.is-primary),.garden-button:not(.garden-button-primary),.report-button:not(.report-button-primary),.connection-button:not(.connection-button-primary){border-color:#c5dbcf;box-shadow:inset 0 1px 0 white,0 3px 8px -6px #174c3880}
.panel,.chart-panel,.machine-plot-section,.machine-data-list,.machine-service,.machine-task-card,.trip-chart-card,.trip-sessions,.trip-insight,.product-record,.product-web-card,.product-platform,.report-card{background:linear-gradient(143deg,#fff 0%,#fff 72%,#f0faf4 100%);box-shadow:var(--gloss-shadow),inset 0 1px 1px #fff;border-color:#dce9e3}
.machine-page{--machine-ink:#162c31;--machine-muted:#607487;--machine-amber:#b15a05}.machine-page h1{font-weight:720;letter-spacing:-.04em}.machine-status.is-attention{color:#ac5705;background:radial-gradient(ellipse at 6% 0%,#fffef9,transparent 70%),linear-gradient(135deg,#fff7e7,#ffebc8);border:1px solid #f0d5a5;box-shadow:inset 0 1px 0 white,0 9px 25px -19px #b4651680}.machine-status.is-unknown{color:#496779;background:linear-gradient(135deg,#f1f8fb,#e2eef3);border:1px solid #d4e3eb;box-shadow:inset 0 1px 0 white}.machine-status>.machine-icon{filter:drop-shadow(0 2px 1px #8e601625)}
.machine-data-row>.machine-icon{color:#00865d}.machine-data-row:nth-child(2)>.machine-icon{color:#2760a8}.machine-data-row:nth-child(3)>.machine-icon{color:#a16f18}.machine-checks{background:linear-gradient(140deg,#fff7e8,#fffdf8)}
.machine-explanation{background:linear-gradient(120deg,#dff4e7,#f5fcf8);border-color:#c5e6d2}.machine-hero-car{filter:drop-shadow(0 10px 6px #1a433330)}
.metric{background:linear-gradient(145deg,#fff,#f2fbf6);border:1px solid #d7e9de;box-shadow:inset 0 1px 0 white,0 6px 18px -13px #09654466}.metric-value{color:#08733e}.grid-3>.metric:nth-child(2) .metric-value{color:#bf690c}.grid-3>.metric:nth-child(3) .metric-value{color:#2366a0}
.garden-scene,.garden-game,.garden-city-overview{box-shadow:inset 0 2px 1px white,0 18px 44px -26px #116f4166;border-color:#c7e4cd}.garden-marker-disc{background:radial-gradient(circle at 30% 16%,white,#ecffde 43%,#b6dfb5);box-shadow:inset 0 2px 2px white,inset 0 -3px 5px #408d4730,0 9px 17px -5px #21482666}
.garden-game-wallet{background:linear-gradient(145deg,#fff6c7,#ffdda3);border:1px solid #e8c67e;box-shadow:inset 0 1px 1px white,0 4px 14px -9px #8b672970}.garden-game-cell:not(:empty){box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px #27694d55}
.hero-kicker{background:linear-gradient(140deg,#f1fff0,#d7f1df);box-shadow:inset 0 1px 0 #fff,0 5px 20px -13px #16875055}.landing-feature-strip{border-color:#cde5d6;box-shadow:inset 0 1px 1px white,0 15px 35px -22px #0f633d50}.product-resource{background:linear-gradient(135deg,#e5f8e8,#f7fff6)}
@media(min-width:1180px){.machine-hero-car{width:clamp(200px,22vw,320px);height:155px}.machine-overview{gap:24px}.main-nav a{min-height:45px}}
@media(prefers-reduced-motion:no-preference){.garden-marker-disc,.panel,.machine-service{transition:box-shadow .2s ease}.garden-marker:hover .garden-marker-disc{box-shadow:inset 0 2px 2px white,0 12px 22px -7px #126c4780}}
@media print{body,.workspace{background:white}.panel,.report-card{box-shadow:none}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bddcc9 transparent}.team-tools{font-size:12px;margin:0 12px 20px}.team-tools summary{font-weight:600;color:#43685a}.team-tools a{display:block;padding-top:10px}.sidebar-bottom{padding-top:24px}

/* Readable typography is part of the material, not a translucent overlay. */
:root{--muted:#435969;--ink:#132e2c;--font-interface:"Manrope","Segoe UI",system-ui,sans-serif}
body{font-family:var(--font-interface);font-weight:500;font-kerning:normal}
button,input,textarea,select{font-family:inherit}
h1,h2,h3{font-family:var(--font-interface);font-weight:750;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
p,li,dd,label,summary{overflow-wrap:break-word}
.machine-page{--machine-muted:#42596a;--machine-ink:#132e2c}
.machine-page h1{font-weight:800;letter-spacing:-.03em}
.muted,.page-context,.hero-context,.hero-footnote,.workspace-footer{color:#435969}
.metric-value,.chart-readout,.machine-range{font-variant-numeric:tabular-nums}
input::placeholder,textarea::placeholder{color:#51616e;opacity:1}
.product-resource{color:#153e2b}
.product-resource p{color:#345447}
.product-resource h2,.product-resource h3{color:#153e2b}
.garden-game-cell:not(:empty):not(.is-selected){box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px #27694d55}
.garden-scene-marker:hover .garden-marker-disc{box-shadow:inset 0 2px 2px white,0 12px 22px -7px #126c4780}
.workspace,.workspace-content,.page,.dynamic-panel,.section-heading>div{min-width:0}
.field,.field input,.field select,.field textarea{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:600px){.page-heading h1{font-size:1.9rem}.page-heading>div{min-width:0}.btn{white-space:normal;text-align:center}}