:root { --brand:#0e7a3b; --brand-hover:#075b2a; --ink:#172b25; --bg:#f6f9f7; }
.public-header{display:none;align-items:center;justify-content:space-between;gap:24px;min-height:100px;padding:16px clamp(24px,4vw,76px);}
.public-brand{display:flex;align-items:center;gap:14px;color:#102b25;text-decoration:none;flex-shrink:0;}
.public-brand strong{font-size:34px;letter-spacing:-1.2px;}.public-brand img{width:66px;height:66px;object-fit:contain;}
.public-header nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);}
.public-header nav a{font-size:15px;color:#26352f;text-decoration:none;}.public-header nav a:hover{color:#0e7a3b;}
body[data-route="welcome"] .public-header{display:flex;}
body[data-route="welcome"] .app-layout{display:block;}
body[data-route="welcome"] .sidebar,body[data-route="welcome"] .topbar{display:none;}
body[data-route="welcome"] #main-content{padding:0;max-width:none;}
body[data-route="welcome"] .sandbox-banner{justify-content:center;padding:7px 24px;background:#f5f8f5;font-size:11px;}
body[data-route="welcome"] #app-status{padding:0;margin:0;height:0;min-height:0;overflow:hidden;}
body[data-route="welcome"] #app-status.error{height:auto;padding:10px 24px;}
body[data-route="welcome"] .welcome-page{max-width:none;}
.brand img{object-fit:contain;}.brand{gap:10px;margin-left:4px;margin-right:0;}.brand-wordmark{font-size:26px;}.brand-wordmark span{font-size:9px;}
.sidebar{padding-top:24px;}.main-nav{gap:3px;}.main-nav a{min-height:44px;}.main-nav a.active{background:#0e7a3b;color:white;}
.machine-page.page,.trips-page.page{padding:0;}
.archive-link{display:block;margin:0 12px 16px;font-size:12px;}
body[data-route="machine"] .topbar,body[data-route="trips"] .topbar{height:58px;background:#fff;}
body[data-route="machine"] #main-content,body[data-route="trips"] #main-content{padding:28px clamp(18px,2.5vw,44px);max-width:1600px;width:100%;}
body[data-route="machine"] #app-status,body[data-route="trips"] #app-status{font-size:11px;}
@media(min-width:1600px){body[data-route="machine"] .workspace,body[data-route="trips"] .workspace{align-items:stretch;}body[data-route="machine"] #main-content,body[data-route="trips"] #main-content{margin-inline:auto;}}
@media(max-width:1160px){.public-header{gap:16px;padding:12px 22px;flex-wrap:wrap;}.public-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #d4e7da;padding-top:12px;}.public-brand strong{font-size:28px;}.public-brand img{width:50px;height:50px;}.public-header-actions>.btn{font-size:13px;min-height:42px;padding:9px 15px;}}
@media(max-width:540px){.public-header{padding:10px 16px;}.public-header nav{gap:12px;flex-wrap:wrap;}.public-header nav a{font-size:12px;}.public-brand{gap:6px;}.public-brand strong{font-size:25px;}.public-brand img{width:43px;height:43px;}body[data-route="welcome"] .sandbox-banner{justify-content:flex-start;gap:8px;padding:7px 16px;font-size:10px;}body[data-route="machine"] #main-content,body[data-route="trips"] #main-content{padding:18px 14px;}.main-nav a.active{background:#0e7a3b;}}
@media(max-width:540px){.public-header{gap:10px}.public-header-actions>.btn{font-size:12px;padding:9px 10px;gap:7px}}
@media(max-width:380px){.public-brand strong{display:none}}