/* Approved material finish: daylight gloss, clear data, no glow over charts. */
:root{--gloss-shadow:0 12px 32px -20px #1c493554,0 2px 7px #173d2910;--gloss-edge:1px solid #dbe8df;}
body{background:linear-gradient(90deg,#e9f4eb 0%,#f6fbf7 15%,#fff 36%,#fff 70%,#edf7ee 100%);}
.workspace{background:linear-gradient(90deg,#eef7efb3 0%,#ffffffeb 16%,#fff 66%,#eff8f0b3 100%);}
.sidebar{background:linear-gradient(100deg,#e7f3e9 0%,#f6fbf7 35%,#fff 100%);box-shadow:inset -1px 0 0 #fff,8px 0 30px -28px #173d294d;}
.topbar{background:linear-gradient(180deg,#fff 0%,#fcfefd 72%,#eef5f0 100%);box-shadow:0 2px 10px #1b493509,inset 0 -1px 0 #fff;}
.public-brand img,.brand img{filter:drop-shadow(0 5px 5px #23503922);}
.brand img{mix-blend-mode:multiply;}
.main-nav a.active,.btn-primary,.trip-button.is-primary,.trip-tab.is-active{background:linear-gradient(158deg,#239a54 0%,#0e7a3b 45%,#08632f 100%);color:#fff;border:1px solid #0b7638;box-shadow:inset 0 1px 0 #a4e4b68c,inset 0 -1px 1px #03491d75,0 5px 11px -6px #07552d8c;text-shadow:0 1px 0 #06452166;}
.btn-primary:hover{background:linear-gradient(158deg,#299f58,#0c7036 55%,#075629);box-shadow:inset 0 1px 0 #c4f3ce99,0 7px 17px -8px #074b2b99;}
.btn-secondary,.trip-button{background:linear-gradient(160deg,#fff,#f1f6f3);border:1px solid #cbded1;box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px #294d3970;}
.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,.product-guide{background:linear-gradient(140deg,#fff 0%,#fff 62%,#f3f8f5 100%);border:var(--gloss-edge);box-shadow:var(--gloss-shadow),inset 0 1px 0 #fff;border-radius:14px;}
.machine-status.is-attention{background:linear-gradient(125deg,#fffaf1 0%,#fff3df 60%,#fbe6c4 100%);border:1px solid #efdbb8;box-shadow:inset 0 1px 0 #fff,0 8px 20px -18px #98602088;}
.machine-chart-toggles,.trip-periods{background:linear-gradient(180deg,#eaf2ed,#f5f9f6);box-shadow:inset 0 1px 3px #24483212;border:1px solid #e0eae3;}
.machine-page .machine-toggle.is-selected{background:linear-gradient(160deg,#fff,#f4faf6);box-shadow:inset 0 1px 0 #fff,0 2px 5px #24483220;}
.machine-service-icon{filter:drop-shadow(0 6px 6px #23403124);}
.machine-explanation{background:linear-gradient(120deg,#edf8f0,#f9fdfa);border:1px solid #dcefe2;box-shadow:inset 0 1px 0 #fff;}
.landing-phone{box-shadow:inset 0 2px 3px #ffffff70,0 22px 48px -18px #153e2980;}
.product-record-heading{background:linear-gradient(120deg,#fff,#f2f8f4);}
.landing-feature-strip{box-shadow:inset 0 1px 0 white,0 12px 36px -28px #153e2955;background:linear-gradient(170deg,#fff,#f3f9f5);}
.machine-hero-car{width:clamp(165px,20vw,265px);height:132px;object-fit:contain;filter:drop-shadow(0 9px 5px #263d2e22);margin-right:4px;}
.machine-identity:has(.machine-hero-car){gap:18px;}.machine-identity:has(.machine-hero-car) small{max-width:34ch;}
input,select,textarea{box-shadow:inset 0 1px 3px #1b3c2910,0 1px 0 #fff;}
@media(max-width:700px){.machine-hero-car{width:150px;height:96px;}.machine-identity:has(.machine-hero-car){gap:12px;}.panel,.chart-panel,.machine-plot-section{box-shadow:0 7px 20px -16px #204c3840,inset 0 1px 0 #fff;}}
@media(prefers-reduced-motion:no-preference){.btn,.trip-button,.main-nav a{transition:background .16s,box-shadow .16s,transform .16s;}.btn:active,.trip-button:active{transform:translateY(1px);}}