/* PaletPlan: chocolate, mint and butter. Shared visual tokens. */
:root{--chocolate:#2b1810;--cocoa:#5d4037;--mint:#96b8b3;--butter:#e5dcc9;--teal:#668f89;--ink:#e6dfd6;--muted:#bcaea1;--surface:#38251c;--line:#5b473d;font-family:"Trebuchet MS",system-ui,sans-serif}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:500!important;letter-spacing:-1px;color:var(--butter)!important}
.brand-mark{width:44px;height:38px;flex-shrink:0}.brand .brand-word{color:var(--butter)!important;font-size:inherit!important;margin:0!important;vertical-align:baseline!important}.brand-word span{color:var(--mint)!important;font-size:inherit!important;margin:0!important;vertical-align:baseline!important}
.ui-icon{width:16px;height:16px;vertical-align:-3px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media screen{
body{font-family:"Trebuchet MS",system-ui,sans-serif;background:radial-gradient(ellipse at 85% 0%,#5d40371c,transparent 55%),var(--chocolate);color:var(--ink)}
body a{color:var(--mint)}a:hover{color:var(--butter)}:focus-visible{outline:3px solid var(--butter)!important;outline-offset:3px}
.site-header{border-bottom:1px solid var(--line)}.site-header nav{color:var(--muted)}.nav-button{border-color:var(--line);background:var(--surface);color:var(--butter)}.nav-button:hover{border-color:var(--mint);background:#453026}
.eyebrow,.step{color:var(--mint)}h1{color:var(--butter)}h1 span{color:var(--mint)}.lead{color:var(--ink)}
input,select,.form-group input,.form-group select{background:#24140e;color:var(--butter);border:1px solid var(--line);color-scheme:dark}input:focus,select:focus{border-color:var(--mint)}label small,.reassurance,.how-it-works p,footer>span,.billing-note,.field-help,.sidebar label{color:var(--muted)}
#landing-calculate{background:var(--mint);color:var(--chocolate);box-shadow:0 6px 20px #96b8b318}#landing-calculate:hover{background:#abc9c3}
.preview-card{background:linear-gradient(145deg,#402d24,var(--surface));color:var(--butter);border:1px solid var(--line);box-shadow:0 20px 55px #0004}
.preview-heading{color:var(--butter)}.dimension,.view-label,.legend,.result-stats span,.model-note{color:var(--muted)}.dimension:before,.dimension:after{background:var(--line)}.truck-layout{border-color:var(--mint);background-color:#24140e}
.preview-pallet{background:var(--mint);color:var(--chocolate);border-color:#2b181088}.preview-pallet.industrial{background:var(--butter)}.eur-color{background:var(--mint)}.industrial-color{background:var(--butter)}#landing-edit,.trial-pricing{color:var(--mint)}.result-stats{border-color:var(--line)}
.how-it-works,footer{border-color:var(--line)}footer{gap:20px;flex-wrap:wrap}footer>a:not(.brand){font-size:12px;color:var(--muted)}
.tariff-card{background:var(--surface);border-color:var(--line);color:var(--ink)}.tariff-card.recommended{background:#2d403a;border-color:var(--teal);color:var(--butter)}.tariff-card .eyebrow{color:var(--mint)}.tariff-card button{background:var(--mint);color:var(--chocolate)}.access-status{border-color:var(--teal);background:#668f8918}
.glass-panel{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar h2,.sidebar h3{color:var(--butter)}
.btn.primary{background:var(--mint);color:var(--chocolate)}.btn.primary:hover{background:#abc9c3}.btn.accent{background:var(--butter);color:var(--chocolate)}.btn.accent:hover{background:#efe7d8}.btn.danger{background:#753a31;color:#ffe0d7}.btn.danger:hover{background:#954b3e}
.preset-actions-panel,.menu-dropdown-panel,.item-context-menu,dialog,.cargo-actions{background:var(--surface);color:var(--ink);border-color:var(--line)}.item-context-menu button{color:var(--ink)}.login-card a,.demo-access a{color:var(--mint)}.login-card .field-help{color:var(--muted)}
.canvas-wrapper{background:#24140e;background-image:linear-gradient(#e5dcc908 1px,transparent 1px),linear-gradient(90deg,#e5dcc908 1px,transparent 1px);background-size:24px 24px}.container-box{background:#e5dcc908;border-color:var(--mint)}.item{color:var(--chocolate)}.waiting-area{background:#24140e;border-color:var(--line)}
.privacy-page{background:var(--surface);border:1px solid var(--line);border-radius:16px}.privacy-page h2{color:var(--butter)}.privacy-page a{color:var(--mint)}.privacy-page th,.privacy-page td{border-color:var(--line)!important}.privacy-page th{color:var(--butter)}
@media(max-width:700px){.brand-mark{width:32px;height:30px}.brand{gap:7px}.privacy-page{margin:20px 12px!important;padding:20px!important}.site-header nav{gap:12px}footer{justify-content:flex-start}}
}

/* Waiting cargo belongs beside the loading canvas. */
@media screen{.loading-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:8px;flex:1;min-height:0;min-width:0}.loading-workspace .canvas-wrapper{min-width:0;min-height:350px}.waiting-panel{padding:12px;min-width:0;overflow-y:auto}.waiting-panel h3{font-size:14px;color:var(--ink)}.waiting-panel .waiting-area{margin-top:12px;align-content:flex-start;min-height:120px}.waiting-panel .item.waiting{max-width:100%}@media(max-width:1000px){.loading-workspace{grid-template-columns:minmax(0,1fr) 190px}}@media(max-width:700px){.loading-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.waiting-panel{overflow:visible}.waiting-panel .waiting-area{min-height:90px}}}
@media print{.loading-workspace{display:block}.waiting-panel{display:none!important}}