:root{--content-max:3200px;--control-height:36px;--control-radius:10px;--color-text-on-light:15 23 42;--color-text-on-light-secondary:71 85 105;--color-text-on-light-muted:100 116 139;--color-text-on-dark:248 250 252;--color-text-success:22 163 74;--color-text-warning:217 119 6;--color-text-error:220 38 38;--color-bg-page:248 250 252;--color-bg-surface:255 255 255;--color-bg-elevated:255 255 255;--color-bg-muted:241 245 249;--color-bg-hover:241 245 249;--color-bg-accent:222 65 50;--color-bg-accent-hover:201 58 46;--color-border-subtle:226 232 240;--color-border-default:203 213 225;--color-border-strong:148 163 184;--bg:rgb(var(--color-bg-page));--bg-elev:rgb(var(--color-bg-surface));--border:rgb(var(--color-border-default));--text:rgb(var(--color-text-on-light));--muted:rgb(var(--color-text-on-light-secondary));--accent:rgb(var(--color-bg-accent));--ok:rgb(var(--color-text-success));--field-bg:rgb(var(--color-bg-surface));--field-text:rgb(var(--color-text-on-light));--topbar-bg:#fffffff0;--topbar-link-bg:rgb(var(--color-bg-surface));--topbar-link-text:rgb(var(--color-text-on-light))}.dark{--color-text-on-light:248 250 252;--color-text-on-light-secondary:203 213 225;--color-text-on-light-muted:148 163 184;--color-text-on-dark:248 250 252;--color-text-success:74 222 128;--color-text-warning:251 191 36;--color-text-error:248 113 113;--color-bg-page:2 6 23;--color-bg-surface:15 23 42;--color-bg-elevated:30 41 59;--color-bg-muted:51 65 85;--color-bg-hover:51 65 85;--color-bg-accent:222 65 50;--color-bg-accent-hover:201 58 46;--color-border-subtle:51 65 85;--color-border-default:71 85 105;--color-border-strong:100 116 139;--topbar-bg:#0f172aeb;--topbar-link-bg:#0f172a;--topbar-link-text:#e2e8f0}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-rows:auto minmax(0,1fr);margin:0;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;display:grid;overflow:hidden}a{color:var(--text);text-decoration:none}.topbar{border-bottom:1px solid var(--border);background:var(--topbar-bg);z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.72rem;padding:.64rem clamp(.85rem,1.4vw,1.5rem);display:flex;position:sticky;top:0}.topbar-brand{flex:none;min-width:190px}.topbar h1{letter-spacing:.01em;margin:0;font-size:clamp(1.12rem,1.7vw,1.34rem);line-height:1.1}.topbar p{color:var(--muted);margin:.08rem 0 0;font-size:.78rem}.topbar-nav{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:.42rem;min-width:0;display:flex}.topbar-account{flex:none;justify-content:flex-end;align-items:center;display:flex}.topbar-link{border:1px solid var(--border);background:var(--topbar-link-bg);color:var(--topbar-link-text);border-radius:10px;justify-content:center;align-items:center;gap:.36rem;padding:.34rem .58rem;font-size:.82rem;font-weight:600;line-height:1.2;transition:border-color .14s,background .14s,transform .12s;display:inline-flex}.topbar-link:hover{border-color:rgb(var(--color-border-strong));background:rgb(var(--color-bg-hover));transform:translateY(-1px)}.topbar-link-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, rgb(var(--color-bg-surface)));color:rgb(var(--color-text-on-light));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.topbar-link-active .topbar-link-icon{color:color-mix(in srgb, var(--accent) 70%, white)}.topbar-link-icon{width:.92rem;height:.92rem;color:rgb(var(--color-text-on-light-muted));flex:none}.topbar-link-auth{min-width:94px}.topbar-auth-guest{align-items:center;gap:.4rem;display:inline-flex}.topbar-auth-signed-in{align-items:center;gap:.45rem;display:inline-flex}.topbar-user-name{border:1px solid var(--border);background:var(--topbar-link-bg);min-height:36px;color:var(--topbar-link-text);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:180px;padding:.18rem .54rem;font-size:.82rem;font-weight:600;display:inline-flex;overflow:hidden}.topbar-user-name-loading{color:rgb(var(--color-text-on-light-muted));max-width:none}.topbar-logout-btn{border:1px solid var(--border);background:var(--topbar-link-bg);min-width:36px;max-width:36px;height:36px;min-height:36px;color:var(--topbar-link-text);border-radius:10px;justify-content:center;align-items:center;padding:0;transition:border-color .14s,background .14s,color .14s,transform .12s;display:inline-flex;width:36px!important;margin:0!important}.topbar-logout-btn svg{width:.98rem;height:.98rem}.topbar-logout-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, rgb(var(--color-bg-surface)));color:color-mix(in srgb, var(--accent) 88%, white);transform:translateY(-1px)}main{width:100%;max-width:var(--content-max);height:100%;min-height:0;margin:0 auto;padding:clamp(.55rem,.95vw,1rem);overflow:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;padding:.75rem;box-shadow:0 1px 2px #0206170f,0 8px 22px #0f172a0f}.card h2,.card h3{margin-top:0}label{color:var(--muted);margin-top:.42rem;margin-bottom:.2rem;font-size:.83rem;display:block}input,textarea,select,button{width:100%;min-height:var(--control-height);border-radius:var(--control-radius);border:1px solid var(--border);background:var(--field-bg);color:var(--field-text);margin-bottom:.4rem;padding:.44rem .6rem;font-size:.84rem;transition:border-color .14s,box-shadow .14s,background-color .14s}button{cursor:pointer}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{border-color:color-mix(in srgb, var(--accent) 65%, rgb(var(--color-border-default)));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}input:disabled,textarea:disabled,select:disabled,button:disabled{-webkit-text-fill-color:currentColor}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.google-sign-in{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--field-bg);color:var(--field-text);justify-content:center;align-items:center;gap:.55rem;margin-bottom:.5rem;padding:.44rem .6rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.google-sign-in:hover{border-color:color-mix(in srgb, var(--accent) 55%, rgb(var(--color-border-default)));background:color-mix(in srgb, var(--field-bg) 88%, var(--accent))}.google-sign-in-mark{color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-weight:800;display:inline-flex}.auth-divider{color:var(--muted);align-items:center;gap:.65rem;margin:.25rem 0 .55rem;font-size:.76rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.35rem;display:grid}.button-row.compact{margin-top:.3rem;margin-bottom:0}.btn-link{border:1px solid var(--border);background:#0f171d;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:.4rem;padding:.44rem .54rem;font-size:.84rem;display:inline-flex}ul{margin:0;padding:0;list-style:none}li{background:#111a20;border:1px solid #2f404c;border-radius:8px;margin-bottom:.35rem;padding:.42rem}.small{color:var(--muted);font-size:.79rem}.hero-card{background:linear-gradient(135deg,#1a2935,#142029 62%)}.dashboard-grid{grid-template-columns:minmax(320px,1fr) minmax(540px,1.7fr)}.quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.quick-links a{text-align:center;border:1px solid var(--border);background:#0f171d;border-radius:8px;padding:.6rem}.ok{color:var(--ok)}.warn{color:#ffd878}.page-head-row{grid-template-columns:minmax(250px,1fr) auto;align-items:start;gap:.58rem;display:grid}.page-head-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:.35rem;width:fit-content;max-width:100%;display:flex}.page-head-actions>input,.page-head-actions>select{flex:0 320px;width:min(320px,100%)}.page-head-actions>button{flex:none;width:auto;min-width:120px;padding-inline:.8rem}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.55rem;display:grid}.project-card-grid.compact{grid-template-columns:1fr}.project-card-item{background:#111b23;border:1px solid #2f404c;border-radius:10px;padding:.65rem}.project-card-head{align-items:center;gap:.52rem;margin-bottom:.3rem;display:flex}.project-card-logo{object-fit:contain;background:#0f171d;border:1px solid #365062;border-radius:8px;flex:none;width:42px;height:42px;padding:.16rem}.project-card-item h4{margin:0}.project-logo-preview-wrap{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:.45rem;margin-bottom:.35rem;display:grid}.project-logo-preview{object-fit:contain;background:#0f171d;border:1px solid #365062;border-radius:10px;width:70px;height:70px;padding:.2rem}.project-logo-preview-wrap button{height:34px;min-height:34px;margin:0}.project-edit-assigned-trucks{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-muted));border-radius:10px;gap:.35rem;max-height:132px;padding:.45rem;display:grid;overflow-y:auto}.project-edit-assigned-truck-row{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));border-radius:8px;justify-content:space-between;align-items:center;gap:.45rem;padding:.34rem .4rem;display:flex}.project-edit-assigned-truck-row>span{color:rgb(var(--color-text-on-light-secondary));font-size:.88rem;line-height:1.25}.project-edit-assigned-truck-row>button{flex:none;width:auto;height:30px;min-height:30px;margin:0;padding:.2rem .58rem}.case-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.55rem;display:grid}.case-card-item{background:#111b23;border:1px solid #2f404c;border-radius:10px;padding:.72rem;position:relative}.case-card-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ff8d63}.case-card-item h4{margin:0 0 .35rem;padding-right:2rem}.case-card-check{color:#f3fbff;background:#0f171d;border:1px solid #496173;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;top:.56rem;right:.56rem}.case-card-check.checked{border-color:var(--accent);color:#201008;background:#ff6a32}.button-row.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.app-modal-backdrop{z-index:70;overscroll-behavior:contain;background:#04090db3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.app-modal-card{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));width:min(460px,100%);max-height:calc(100dvh - 2rem);color:rgb(var(--color-text-on-light));-webkit-overflow-scrolling:touch;border-radius:12px;padding:1rem;overflow-y:auto}.app-modal-card.wide{width:min(680px,100%)}.bulk-qty-list{background:#0f171d;border:1px solid #2f404c;border-radius:10px;max-height:260px;margin-bottom:.6rem;padding:.5rem;overflow:auto}.bulk-qty-row{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:.45rem;margin-bottom:.35rem;display:grid}.planner-shell{gap:.68rem;min-height:0;display:grid}.projects-page{grid-template-rows:auto auto;align-content:start}.cases-page{grid-template-rows:minmax(0,1fr);align-content:stretch;height:100%;min-height:0;max-height:100%;overflow:hidden}.project-list-card{align-self:start;min-height:0}.list-card{flex-direction:column;min-height:0;display:flex}.list-card .project-card-grid,.list-card>ul{min-height:0;max-height:clamp(220px,56vh,900px);padding-right:.2rem;overflow:auto}.case-library-card{overscroll-behavior:contain;align-self:stretch;height:100%;min-height:0;max-height:100%;padding-top:0;position:relative;overflow:auto}.case-library-toolbar{--case-toolbar-control-height:38px;--case-toolbar-control-radius:var(--planner-header-radius,12px);z-index:12;background:#152029;border-bottom:1px solid #243846;grid-template-columns:minmax(340px,1.2fr) minmax(220px,.44fr) minmax(132px,.25fr) minmax(150px,.24fr) minmax(246px,.42fr);align-items:start;gap:.45rem;margin-bottom:.68rem;margin-left:-.75rem;margin-right:-.75rem;padding:0 .75rem .45rem;display:grid;position:sticky;top:0}.case-library-toolbar-search-input,.case-library-toolbar-filter{width:100%;min-width:0;min-height:var(--case-toolbar-control-height);height:var(--case-toolbar-control-height);border:1px solid var(--border);border-radius:var(--case-toolbar-control-radius);color:var(--text);background:#0f171d;margin:0;padding:.44rem .54rem;font-size:.84rem;line-height:1.2}.case-library-toolbar-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23cfe8f7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .62rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2rem}.case-library-toolbar-action-btn{width:100%;min-width:0;max-width:none;min-height:var(--case-toolbar-control-height);height:var(--case-toolbar-control-height);border-radius:var(--case-toolbar-control-radius);white-space:nowrap;justify-content:center;align-items:center;margin:0;padding-inline:.65rem;display:inline-flex}.case-library-floating-action{z-index:70;border-radius:var(--planner-header-radius,12px);width:auto;min-width:260px;max-width:min(420px,100vw - 1.6rem);min-height:40px;margin:0;padding-inline:.9rem;position:fixed;bottom:clamp(.8rem,1.8vw,1.4rem);right:clamp(.8rem,1.8vw,1.4rem);box-shadow:0 12px 24px #03090d59}.case-library-toolbar-split{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.case-library-toolbar-split-btn{border-radius:0}.case-library-toolbar-split-btn-left{border-radius:var(--case-toolbar-control-radius) 0 0 var(--case-toolbar-control-radius);border-right-width:.5px}.case-library-toolbar-split-btn-right{border-radius:0 var(--case-toolbar-control-radius) var(--case-toolbar-control-radius) 0;border-left-width:.5px}.case-category-section{gap:.42rem;margin-top:.6rem;display:grid}.case-category-section:first-of-type{margin-top:.4rem}.case-category-header{justify-content:space-between;align-items:baseline;gap:.45rem;display:flex}.case-category-header h4{margin:0}.case-library-card .case-card-grid{min-height:0;max-height:none;overflow:visible}.form-card{-webkit-overflow-scrolling:touch;min-height:0;max-height:clamp(300px,82vh,1100px);overflow:auto}.compact-form label{margin-top:.34rem}.compact-form input,.compact-form select,.compact-form textarea,.compact-form button{margin-bottom:.32rem}.case-color-editor{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.case-color-editor input{margin-bottom:0}.case-color-editor .case-color-swatch{cursor:pointer;border-radius:10px;width:56px;min-width:56px;height:36px;min-height:36px;padding:.2rem}.trucks-layout{align-items:start;height:auto;min-height:0}.trucks-page{grid-template-rows:minmax(0,1fr);align-content:stretch;height:100%;min-height:0;max-height:100%;overflow:hidden}.truck-library-card{overscroll-behavior:contain;align-self:stretch;height:100%;min-height:0;max-height:100%;padding-top:0;position:relative;overflow:auto}.truck-library-toolbar{--truck-toolbar-control-height:38px;--truck-toolbar-control-radius:var(--planner-header-radius,12px);z-index:12;background:#152029;border-bottom:1px solid #243846;grid-template-columns:minmax(320px,1.25fr) minmax(240px,.5fr) minmax(130px,.27fr) minmax(150px,.24fr);align-items:start;gap:.45rem;margin-bottom:.68rem;margin-left:-.75rem;margin-right:-.75rem;padding:0 .75rem .45rem;display:grid;position:sticky;top:0}.truck-library-toolbar-search,.truck-library-toolbar-filter{width:100%;min-width:0;min-height:var(--truck-toolbar-control-height);height:var(--truck-toolbar-control-height);border:1px solid var(--border);border-radius:var(--truck-toolbar-control-radius);color:var(--text);background:#0f171d;margin:0;padding:.44rem .54rem;font-size:.84rem;line-height:1.2}.truck-library-toolbar-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23cfe8f7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .62rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2rem}.truck-library-toolbar-action-btn{width:100%;min-width:0;max-width:none;min-height:var(--truck-toolbar-control-height);height:var(--truck-toolbar-control-height);border-radius:var(--truck-toolbar-control-radius);white-space:nowrap;justify-content:center;align-items:center;margin:0;padding-inline:.65rem;display:inline-flex}.truck-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.58rem;display:grid}.truck-card-item{background:#111b23;border:1px solid #2f404c;border-radius:10px;gap:.3rem;padding:.65rem;display:grid}.truck-card-item h4,.truck-card-item .small{margin:0}.truck-card-photo{aspect-ratio:1600/450;object-fit:cover;background:#0b1319;border:1px solid #2f404c;border-radius:8px;width:100%}.truck-card-photo-empty{color:#8ca4b4;letter-spacing:.01em;place-items:center;font-size:.76rem;display:grid}.truck-photo-preview{object-fit:cover;background:#0b1319;border:1px solid #2f404c;border-radius:10px;width:100%;max-height:160px;margin-bottom:.45rem}.truck-image-crop-stage-wrap{justify-content:center;margin:.35rem 0 .45rem;display:flex}.truck-image-crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#0b1319;border:1px solid #365063;border-radius:10px;position:relative;overflow:hidden}.truck-image-crop-stage:active{cursor:grabbing}.truck-image-crop-stage img{pointer-events:none;transform-origin:50%;will-change:transform;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.truck-image-crop-frame{border-radius:inherit;pointer-events:none;border:1px solid #c5ddec85;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0c161c61}.truck-crop-modal-card{width:min(760px,100%)}.truck-etrack-fields{background:#0f1822;border:1px solid #2f404c;border-radius:10px;gap:.45rem;margin-bottom:.35rem;padding:.5rem;display:grid}.truck-etrack-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.45rem;display:grid}.truck-etrack-row>div .small{margin:.2rem 0 0}.truck-etrack-row>button{width:auto;min-width:84px;margin:0}.planner-head-layout{grid-template-columns:minmax(380px,560px) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.planner-head-controls{flex-direction:column;gap:.4rem;min-width:0;display:flex}.planner-control-grid{grid-template-columns:minmax(0,1fr) minmax(122px,172px);align-items:end;gap:.45rem .55rem;display:grid}.planner-control-field label{margin-top:0}.planner-control-field{min-width:0}.planner-control-field input,.planner-control-field select{margin-bottom:0}.planner-control-field .small{margin:.35rem 0 0}.planner-control-field-truck .small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.planner-control-field-snap{max-width:172px}.planner-head-actions{grid-template-columns:minmax(0,1fr) 170px;gap:.45rem;margin-bottom:0}.planner-head-actions button{margin-bottom:0}.planner-plan-status{margin:0}.planner-control-card-compact{padding:.58rem .66rem .52rem}.planner-head-layout-compact{grid-template-columns:minmax(320px,470px) minmax(280px,360px) minmax(0,1fr);align-items:stretch;gap:.58rem}.planner-top-card{background:linear-gradient(145deg,#111b25,#0e1620 62%);border:1px solid #2f4252;border-radius:10px;grid-template-rows:auto minmax(0,1fr);gap:.42rem;height:100%;min-height:0;padding:.52rem;display:grid}.planner-top-card-header{justify-content:space-between;align-items:center;gap:.45rem;min-height:34px;display:flex}.planner-top-card-header h3{margin:0;font-size:1.02rem;line-height:1.2}.planner-top-card-actions{align-items:center;gap:.34rem;display:inline-flex}.planner-top-card-actions button{width:auto;min-width:86px;margin:0;padding:.33rem .6rem}.planner-truck-card-layout{grid-template-columns:minmax(0,1fr) 132px;align-items:stretch;gap:.54rem;height:100%;display:grid}.planner-truck-card-fields{align-content:start;gap:.3rem;min-width:0;display:grid}.planner-truck-details-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem;display:grid}.planner-truck-selection-meta{white-space:nowrap;text-overflow:ellipsis;margin-top:.22rem;overflow:hidden}.planner-project-truck-toggle{gap:.22rem;display:grid}.planner-project-truck-toggle .small{margin:0}.planner-project-truck-toggle-row{flex-wrap:wrap;gap:.26rem;display:flex}.planner-project-truck-toggle-row button{border-radius:999px;width:auto;min-width:0;margin:0;padding:.25rem .5rem;font-size:.72rem}.planner-project-truck-toggle-row button.active{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.planner-truck-thumb-wrap{min-height:122px}.planner-truck-thumb{object-fit:cover;background:#0b1319;border:1px solid #2e4455;border-radius:9px;width:100%;height:100%;min-height:122px}.planner-truck-thumb-empty{color:#90a7b6;align-content:center;place-items:center;gap:.2rem;font-size:.72rem;display:grid}.planner-truck-thumb-empty span{color:#bfd1de;letter-spacing:.01em;font-weight:600}.planner-truck-thumb-empty small{color:#7891a1;text-align:center;line-height:1.2}.planner-top-card-stats{gap:.36rem}.planner-top-card-bol{gap:.34rem}.planner-top-card-actions-bol{grid-template-columns:repeat(2,minmax(0,auto));gap:.26rem;display:grid}.planner-top-card-actions-bol button{min-width:88px}.planner-bol-summary{gap:.35rem;min-height:0;display:grid}.planner-bol-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem .42rem;display:grid}.planner-bol-summary-grid>div{gap:.08rem;min-width:0;display:grid}.planner-bol-summary-grid strong{color:#e8f2f9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.3;overflow:hidden}.planner-bol-summary-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;display:grid}.planner-bol-summary-pills .planner-version-pill{text-align:center;border-radius:var(--planner-header-radius,12px);justify-content:center;width:100%;max-width:none}.planner-bol-empty{text-align:center;place-items:center;min-height:96px;margin:0;display:grid}.planner-top-stats-bottom{grid-template-columns:minmax(270px,360px) minmax(0,1fr);align-items:stretch;gap:.45rem;height:100%;min-height:0;display:grid}.planner-weight-cases-row{justify-content:space-between;align-items:baseline;gap:.42rem;display:flex}.planner-weight-cases-value{color:#ecf5fa;font-size:.96rem;line-height:1.2}.planner-cases-progress{background:#101a22;border:1px solid #3b4f5f;border-radius:999px;width:100%;height:8px;overflow:hidden}.planner-cases-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#d6e2eb,#fff);height:100%;transition:width .18s}.planner-weight-card-compact{gap:.28rem;height:100%;padding:.4rem .5rem}.planner-heatmap-card{background:#101821;border:1px solid #2f4252;border-radius:8px;justify-self:start;gap:.26rem;width:fit-content;max-width:100%;height:auto;min-height:0;padding:.4rem .48rem;display:grid}.planner-heatmap-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.planner-heatmap-meta{color:#d8ecf8;font-size:.76rem;line-height:1.2}.planner-heatmap-frame{--planner-heatmap-height:96px;--planner-heatmap-ratio:4;background:#0f1a24;border:1px solid #335060;border-radius:8px;justify-items:start;gap:.1rem;min-height:98px;padding:.16rem .2rem .18rem;display:grid}.planner-heatmap-svg{width:min(100%, calc(var(--planner-heatmap-height) * var(--planner-heatmap-ratio)));max-width:100%;height:var(--planner-heatmap-height);border-radius:4px;display:block}.planner-heatmap-legend{width:min(100%, calc(var(--planner-heatmap-height) * var(--planner-heatmap-ratio)));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.34rem;max-width:100%;padding:.02rem .02rem 0;display:grid}.planner-heatmap-legend-label{color:#a9c1d0;letter-spacing:.03em;font-size:.62rem;font-weight:600;line-height:1}.planner-heatmap-legend-scale{background:linear-gradient(90deg,#e42121 0%,#c8b919 26%,#54ac15 50%,#139a8f 70%,#0d4268 100%);border:1px solid #395364;border-radius:999px;height:8px}.planner-heatmap-empty{color:#89a1b1;text-align:center;place-items:center;min-height:74px;margin:0;display:grid}.planner-truck-summary{background:linear-gradient(145deg,#111b25,#0e1620 62%);border:1px solid #2f404c;border-radius:10px;gap:.55rem;padding:.7rem .75rem;display:grid}.planner-truck-summary-head{justify-content:space-between;align-items:flex-start;gap:.55rem;display:flex}.planner-truck-summary-head h3{margin:0;font-size:1.03rem;line-height:1.25}.planner-truck-project-pill{color:#d9e8f2;white-space:nowrap;text-overflow:ellipsis;background:#13212d;border:1px solid #3c5162;border-radius:999px;align-items:center;max-width:52%;padding:.22rem .5rem;font-size:.74rem;line-height:1.2;display:inline-flex;overflow:hidden}.planner-truck-dimensions{color:#d3e2eb;background:#111a24;border:1px solid #2f4252;border-radius:8px;margin:0;padding:.42rem .52rem;font-size:.82rem;font-weight:600}.planner-truck-capacity{color:#c6f0d8;white-space:nowrap;background:#11202a;border:1px solid #2f4958;border-radius:8px;margin:0;padding:.42rem .52rem;font-size:.79rem;font-weight:600}.planner-truck-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.planner-truck-stat{background:#101820;border:1px solid #304353;border-radius:8px;gap:.18rem;padding:.44rem .5rem;display:grid}.planner-truck-stat-placement{background:linear-gradient(145deg,#122131,#101820 74%);border-color:#2f4e67}.planner-truck-stat-warnings{background:linear-gradient(145deg,#231f15,#101820 74%);border-color:#5f4f2f}.planner-truck-stat-util-placed{background:linear-gradient(145deg,#13251f,#101820 74%);border-color:#2f5f56}.planner-truck-stat-util-manifest{background:linear-gradient(145deg,#152430,#101820 74%);border-color:#35566a}.planner-truck-stat-label{color:#9cb0bd;font-size:.72rem;line-height:1.2}.planner-truck-stat-value{color:#edf4f8;font-size:.85rem;line-height:1.3}.planner-truck-stat.planner-tone-safe{background:linear-gradient(145deg,#12231a,#101820 74%);border-color:#2c6551}.planner-truck-stat.planner-tone-warn{background:linear-gradient(145deg,#282414,#101820 74%);border-color:#6f6630}.planner-truck-stat.planner-tone-over{background:linear-gradient(145deg,#291616,#101820 74%);border-color:#744040}.planner-weight-card{background:#101821;border:1px solid #2f4252;border-radius:8px;gap:.36rem;padding:.48rem .56rem;display:grid}.planner-weight-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.planner-weight-value{color:#ecf4f8;font-size:.84rem;line-height:1.25}.planner-weight-value.planner-tone-safe{color:#8ee5b2}.planner-weight-value.planner-tone-warn{color:#efd67a}.planner-weight-value.planner-tone-over{color:#ff9a9a}.planner-weight-bar{background:#0e151b;border:1px solid #334858;border-radius:999px;width:100%;height:10px;overflow:hidden}.planner-weight-fill{border-radius:inherit;height:100%;transition:width .2s}.planner-weight-fill.planner-tone-safe{background:linear-gradient(90deg,#2ea367,#66da95)}.planner-weight-fill.planner-tone-warn{background:linear-gradient(90deg,#c7a63a,#efd067)}.planner-weight-fill.planner-tone-over{background:linear-gradient(90deg,#bf4a4a,#ed7272)}.planner-weight-meta,.planner-truck-summary-empty h3{margin:0}.planner-truck-summary-empty .small{margin:.25rem 0 0}.planner-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:flex-start;gap:.68rem;min-height:0;display:grid}.planner-sidebar{flex-direction:column;gap:.65rem;display:flex}.planner-canvas-card{isolation:isolate;flex-direction:column;gap:.45rem;min-height:0;display:flex}.planner-viewport-head{z-index:6;grid-template-columns:minmax(240px,1fr) auto;align-items:flex-start;gap:.46rem;display:grid;position:relative}.planner-viewport-head-tools-only{--planner-header-radius:12px;--planner-card-gap:.26rem;--planner-parent-radius:calc(var(--planner-header-radius) + var(--planner-card-gap));--planner-pill-height:40px;grid-template-columns:minmax(0,1fr)}.planner-viewport-head h3{margin:0}.planner-viewport-head .small{margin:.2rem 0 0}.planner-viewport-head-main{min-width:0}.planner-viewport-actions{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;align-items:stretch;gap:.34rem;max-width:min(100%,980px);display:grid}.planner-viewport-head-tools-only .planner-viewport-actions{z-index:7;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.24rem;width:100%;max-width:none;display:grid;position:relative}.planner-viewport-toolgroup{background:linear-gradient(145deg,#10202c,#0f1822 72%);border:1px solid #2d4151;border-radius:10px;align-self:stretch;justify-items:end;gap:.16rem;width:auto;max-width:100%;padding:.24rem .3rem;display:grid}.planner-viewport-head-tools-only .planner-viewport-toolgroup{text-align:left;width:100%;min-width:0;padding:var(--planner-card-gap);z-index:8;border-radius:var(--planner-parent-radius);grid-template-rows:none;justify-items:stretch;gap:.16rem;min-height:0;position:relative}.planner-viewport-toolgroup-loadbars{text-align:left;justify-items:start;min-width:290px}.planner-viewport-toolgroup-loadbars .planner-viewport-toolrow{flex-wrap:nowrap;justify-content:flex-start}.planner-viewport-toolgroup-label{letter-spacing:.02em;margin:0}.planner-viewport-head-tools-only .planner-viewport-toolgroup-label{text-align:left;justify-self:start;margin:0}.planner-viewport-toolrow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.24rem;display:flex}.planner-viewport-head-tools-only .planner-viewport-toolrow{justify-content:flex-start;align-items:center;width:100%}.planner-viewport-toolrow button{flex:none;width:auto;min-width:84px;min-height:31px;margin:0;padding:.31rem .52rem}.planner-viewport-head-tools-only .planner-viewport-toolrow button{min-height:var(--planner-pill-height,40px);height:var(--planner-pill-height,40px);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--planner-header-radius);min-width:0;padding:.28rem .54rem;font-size:.86rem;line-height:1.2;overflow:hidden}.planner-viewport-toolrow select{flex:0 auto;width:auto;min-width:150px;max-width:220px;min-height:31px;margin:0}.planner-viewport-toolrow-meta{border-top:1px solid #273846;padding-top:.02rem}.planner-viewport-toolgroup-versions .planner-version-pill{text-align:left;white-space:nowrap;min-width:76px}.planner-viewport-toolgroup-versions{text-align:right;justify-items:end;min-width:285px}.planner-viewport-head-tools-only .planner-viewport-toolgroup-placements{text-align:left;justify-items:start}.planner-viewport-head-tools-only .planner-viewport-toolgroup-placements .planner-viewport-toolrow{grid-template-columns:minmax(0,1fr);gap:.28rem;width:100%;display:grid}.planner-viewport-head-tools-only .planner-viewport-toolgroup-placements .planner-viewport-toolrow button{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.planner-viewport-head-tools-only .planner-viewport-toolgroup-loadbars .planner-viewport-toolrow,.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow{justify-content:flex-start}.planner-loadbars-action-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.22rem;display:grid}.planner-loadbars-action-row>button{width:100%}.planner-loadbars-metrics-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-items:stretch;gap:.22rem;width:100%;display:grid}.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions{text-align:left;justify-items:stretch}.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;width:100%;display:grid}.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-actions button{width:100%;min-width:0}.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-meta{border-top:1px solid #273846;padding-top:.18rem}.planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-meta select{width:100%;min-width:0;max-width:none;min-height:var(--planner-pill-height,36px);height:var(--planner-pill-height,36px);border:1px solid var(--border);color:var(--text);box-sizing:border-box;appearance:none;background:#0f171d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23cfe8f7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .62rem center/12px 8px no-repeat;flex:100%;margin:0;padding:.16rem 2rem .16rem .48rem;font-size:.79rem;line-height:1.2;border-radius:var(--planner-header-radius,999px)!important}.planner-viewport-toolgroup .planner-version-pill{flex:none;width:auto;margin:0}.planner-loadbars-metrics-row .planner-version-pill{text-align:center;flex:1 1 0;justify-content:center;width:100%;min-width:0;max-width:none;margin:0}.planner-version-pill{border-radius:var(--planner-header-radius,999px);color:#cfe8f7;min-height:var(--planner-pill-height,36px);text-overflow:ellipsis;background:#11212b;border:1px solid #385164;align-items:center;max-width:min(240px,32vw);padding:.16rem .48rem;display:inline-flex;overflow:hidden}.planner-viewport-toolrow-actions .primary{min-width:100px}.planner-viewport-frame{z-index:1;position:relative}.planner-viewport-snap-overlay{z-index:8;pointer-events:auto;background:#0a161fed;border:1px solid #355162;border-radius:9px;gap:.08rem;min-width:134px;padding:.22rem .28rem;display:grid;position:absolute;bottom:.58rem;left:.58rem}.planner-viewport-snap-overlay label{color:#c2d8e6;margin:0;font-size:.68rem;line-height:1.2}.planner-viewport-snap-overlay select{min-width:124px;min-height:30px;margin:0;padding:.28rem .42rem;font-size:.78rem}.planner-viewport-history-overlay{z-index:8;pointer-events:none;align-items:center;gap:.28rem;display:inline-flex;position:absolute;top:.58rem;left:.58rem}.planner-viewport-history-overlay button{color:#d6e8f4;pointer-events:auto;background:#0c1923f0;border:1px solid #365064;border-radius:8px;width:auto;min-width:86px;margin:0;padding:.3rem .52rem;font-size:.78rem;line-height:1.2}.planner-viewport-history-overlay button:disabled{opacity:.62}.planner-manifest-board{grid-column:1/-1;gap:.5rem;display:grid}.planner-case-type-sidebar{grid-column:auto}.planner-manifest-board-head{gap:.34rem;display:grid}.planner-manifest-board-head-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.planner-manifest-board-head h4{margin:0}.planner-case-list-quick-add-btn{white-space:nowrap;width:auto;min-width:108px;min-height:34px;margin:0;padding:.34rem .72rem}.planner-manifest-board-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.planner-manifest-board-actions .small{flex:240px;margin:0}.planner-manifest-board-actions button{width:auto;min-width:94px;margin:0}.autopack-modal-card.quick-add-modal-card{border-color:rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));width:min(820px,100%);max-height:min(82vh,760px);color:rgb(var(--color-text-on-light));grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 12px 32px #0f172a2e}.autopack-modal-card.quick-add-modal-card h4{color:rgb(var(--color-text-on-light))}.autopack-modal-card.quick-add-modal-card .small{color:rgb(var(--color-text-on-light-secondary))}.quick-add-modal-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quick-add-modal-meta button{width:auto;min-width:116px;margin:0}.quick-add-library-list{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-muted));border-radius:10px;gap:.36rem;min-height:160px;max-height:min(48vh,440px);padding:.4rem;display:grid;overflow:auto}.quick-add-library-list .small{margin:0}.quick-add-library-row{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));color:rgb(var(--color-text-on-light));border-radius:10px;grid-template-columns:auto minmax(0,1fr) minmax(110px,132px);align-items:center;gap:.5rem;padding:.42rem .46rem;display:grid}.quick-add-library-row.selected{border-color:color-mix(in srgb, var(--accent) 60%, rgb(var(--color-border-default)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 8%, rgb(var(--color-bg-surface)))}.quick-add-library-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);margin:0}.quick-add-library-meta{gap:.12rem;min-width:0;display:grid}.quick-add-library-meta strong{color:rgb(var(--color-text-on-light));font-size:.88rem;line-height:1.22}.quick-add-qty-wrap{gap:.12rem;display:grid}.quick-add-qty-wrap label{margin:0}.quick-add-qty-wrap input{min-height:34px;margin:0;padding:.26rem .4rem}.quick-add-modal-card .button-row.compact{margin-top:.1rem}.quick-add-modal-card .workspace-search-dropdown{border-color:rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));box-shadow:0 10px 24px #0f172a1f}.quick-add-modal-card .workspace-search-suggestion{border-color:rgb(var(--color-border-default));background:rgb(var(--color-bg-surface))}.quick-add-modal-card .workspace-search-suggestion:hover{border-color:rgb(var(--color-border-strong));background:rgb(var(--color-bg-muted))}.quick-add-modal-card .workspace-search-suggestion span{color:rgb(var(--color-text-on-light-muted))}.planner-manifest-selection-tools{background:#0f1822;border:1px solid #2f4455;border-radius:999px;align-items:center;gap:.38rem;padding:.14rem .18rem .14rem .42rem;display:inline-flex}.planner-manifest-selection-tools button{border-radius:999px;margin:0;padding:.2rem .54rem;font-size:.72rem}.planner-manifest-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.48rem;max-height:clamp(170px,22vh,300px);padding-right:.2rem;display:grid;overflow:auto}.planner-manifest-card-shell{position:relative}.planner-manifest-select-toggle{z-index:2;color:#e6f3ff;background:#101d28;border:1px solid #3f596c;border-radius:999px;place-items:center;width:1.16rem;height:1.16rem;margin:0;padding:0;font-size:.72rem;line-height:1;display:grid;position:absolute;top:.34rem;right:.34rem}.planner-manifest-select-toggle:hover{border-color:#7ea4c0}.planner-manifest-select-toggle.active{color:#ffe4d2;background:#3c2516;border-color:#ff9f63}.planner-manifest-card{text-align:left;cursor:pointer;background:#0f1822;border:1px solid #2f4455;border-radius:10px;align-content:start;gap:.22rem;min-height:110px;padding:.48rem .52rem;display:grid}.planner-manifest-card:hover{border-color:#5f7a90}.planner-manifest-card strong{font-size:.88rem;line-height:1.22}.planner-manifest-card.unplaced{cursor:grab;background:linear-gradient(145deg,#112332,#0f1822 72%);border-color:#496176}.planner-manifest-card.placed{opacity:.88;background:#101820;border-color:#2f4455}.planner-manifest-card.dragging{opacity:.55}.planner-manifest-card.selected{border-color:#ff9f63;box-shadow:inset 0 0 0 1px #ff9f63}.planner-manifest-card.batch-selected{border-color:#f0b37f;box-shadow:inset 0 0 0 1px #f0b37fd9}.planner-manifest-card .manifest-state{margin-top:auto}.planner-manifest-card .manifest-state.ok{color:#8ee5b2}.planner-manifest-card .manifest-state.warn{color:#ffd795}.planner-case-type-board{gap:.56rem}.planner-case-type-active-pill{color:#d8eefc;background:#11202a;border:1px solid #3e5668;border-radius:999px;align-items:center;padding:.18rem .54rem;display:inline-flex}.planner-case-type-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:.52rem;max-height:clamp(180px,24vh,320px);padding-right:.2rem;display:grid;overflow:auto}.planner-case-type-card{text-align:left;cursor:pointer;background:#0f1822;border:1px solid #2f4455;border-radius:10px;align-content:start;align-self:start;gap:.25rem;min-height:118px;padding:.5rem .56rem;display:grid}.planner-case-type-autopack-btn{grid-column:1/-1;width:100%;margin-top:0}.planner-case-type-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.36rem;margin-top:auto;display:grid}.planner-case-type-card-actions button{margin:0}.planner-case-type-edit-btn{width:100%}.planner-case-type-delete-btn{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));width:100%;color:color-mix(in srgb, var(--accent) 80%, #6a1b12)}.planner-case-type-delete-btn:hover{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent)}.planner-case-type-card:hover{border-color:#67839a}.planner-case-type-card.unplaced{cursor:grab;background:linear-gradient(145deg,#112332,#0f1822 72%);border-color:#496176}.planner-case-type-card.placed{opacity:.86;cursor:default}.planner-case-type-card.can-drag{cursor:grab}.planner-case-type-card.active{border-color:#ff9f63;box-shadow:inset 0 0 0 1px #ff9f63}.planner-case-type-card.dragging{opacity:.58}.planner-case-type-card-top{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.planner-case-type-card-top strong{font-size:.9rem;line-height:1.22}.planner-case-type-state{margin-top:.02rem}.planner-case-type-state.ok{color:#8ee5b2}.planner-case-type-state.warn{color:#ffd795}.case-library-row{background:#0f1922;border:1px solid #2f404c;border-radius:8px;margin-bottom:.5rem;padding:.55rem}.snapshot-panel{border-top:1px solid #2f404c;margin-top:.2rem;padding-top:.65rem}.snapshot-panel h4{margin:0 0 .25rem}.loadbar-panel{border-top:1px solid #2f404c;margin-top:.2rem;padding-top:.65rem}.loadbar-panel h4{margin:0 0 .25rem}.loadbar-readout{background:#101a23;border:1px solid #2f4a5c;border-radius:8px;gap:.22rem;padding:.45rem .5rem;display:grid}.autoplace-panel{border-top:1px solid #2f404c;margin-top:.2rem;padding-top:.65rem}.autoplace-panel h4{margin:0 0 .25rem}.autoplace-stack-scroll{background:#0e1720;border:1px solid #2f404c;border-radius:10px;gap:.35rem;max-height:clamp(120px,16vh,240px);padding:.4rem;display:grid;overflow:auto}.autoplace-stack-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.autopack-modal-backdrop{z-index:50;background:#04090da6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.autopack-modal-card{background:#0f1820;border:1px solid #2f404c;border-radius:10px;gap:.55rem;width:min(420px,100%);padding:.85rem;display:grid}.autopack-modal-card h4{margin:0}.bol-editor-modal{border-color:rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));width:min(980px,100%);max-height:min(88vh,980px);color:rgb(var(--color-text-on-light));overflow:auto}.bol-editor-modal .small{color:rgb(var(--color-text-soft))}.bol-warning-modal,.export-options-modal{width:min(560px,100%)}.export-options-actions{grid-template-columns:minmax(0,1fr);gap:.55rem}.export-options-actions>button{width:100%}.bol-warning-list{gap:.24rem;margin:0;padding-left:1rem;display:grid}.bol-warning-list li{background:0 0;border:0;border-radius:0;margin:0;padding:0}.autopack-modal-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.autopack-modal-actions.export-options-actions{grid-template-columns:minmax(0,1fr);gap:.55rem}.autopack-modal-actions.export-options-actions>button{width:100%}.autopack-modal-height-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.autopack-modal-height-actions>button{flex:none;min-width:7.5rem}.snapshot-version-modal{width:min(560px,100%)}.snapshot-version-actions{grid-template-columns:1fr auto;gap:.45rem;display:grid}.snapshot-version-list{border-top:1px solid #2f404c;gap:.35rem;padding-top:.55rem;display:grid}.snapshot-version-list h5{margin:0}.placement-overrides-modal{width:min(620px,100%)}.placement-overrides-list{gap:.45rem;max-height:min(52vh,420px);padding-right:.15rem;display:grid;overflow:auto}.placement-overrides-item{background:#0f1822;border:1px solid #2f4252;border-radius:8px;gap:.28rem;padding:.48rem;display:grid}.placement-overrides-item-head{justify-content:space-between;align-items:baseline;gap:.45rem;display:flex}.placement-overrides-item-preview{font-weight:600}.snapshot-version-list ul{gap:.32rem;max-height:170px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.snapshot-version-list li{background:#0f1822;border:1px solid #2f4252;border-radius:8px;justify-content:space-between;align-items:center;gap:.45rem;padding:.34rem .4rem;display:flex}.snapshot-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.snapshot-scroll{background:#0e1720;border:1px solid #2f404c;border-radius:10px;max-height:clamp(140px,22vh,340px);padding:.45rem;overflow:auto}.snapshot-item{margin-bottom:.45rem}.snapshot-item-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.35rem;display:grid}.placement-warning-list{margin-top:.35rem;margin-bottom:0}.placement-warning-item{color:#ffd9d9;background:#1f1414;border-color:#663232}.nudge-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.viewport-card{background:#0c1218;border:1px solid #2f404c;border-radius:10px;height:clamp(420px,56vh,760px);display:block;position:relative;overflow:hidden}.viewport-card.drag-drop-active{border-color:#ff9c64;box-shadow:0 0 0 1px #ff9c6480,0 0 20px #ff9c642e}.viewport-drop-overlay{z-index:9;color:#ffe6cf;pointer-events:none;text-transform:uppercase;letter-spacing:.04em;background:#ffa0641f;border:2px dashed #ff9f63;border-radius:10px;place-items:center;font-size:1rem;font-weight:700;display:grid;position:absolute;inset:.45rem}.viewport-card.marquee-active{cursor:crosshair}.viewport-marquee-box{z-index:11;pointer-events:none;background:#4891dc33;border:1px solid #8ec9ff;border-radius:4px;position:absolute;box-shadow:inset 0 0 0 1px #a0d7ff73}.viewport-loadbar-tooltip{z-index:10;pointer-events:none;background:#0b131bf2;border:1px solid #446179;border-radius:8px;min-width:180px;max-width:260px;padding:.42rem .48rem;position:absolute;transform:translate(0,0);box-shadow:0 8px 22px #02080d73}.viewport-loadbar-tooltip h5{margin:0 0 .24rem;font-size:.78rem;line-height:1.2}.viewport-loadbar-tooltip .small{margin:0;line-height:1.26}.viewport-scene{width:100%;height:100%}.viewport-scene>div,.viewport-scene canvas{display:block;width:100%!important;height:100%!important}.viewport-orientation-widget{z-index:8;pointer-events:auto;width:52px;height:52px;position:absolute;top:.5rem;right:.5rem}.viewport-orientation-cube{background:#111b22;border:1px solid #3a4e5e;border-radius:8px;width:100%;height:100%;overflow:hidden;box-shadow:0 2px 10px #01070c66}.viewport-orientation-cube canvas{width:100%!important;height:100%!important}.viewport-plan-2d-button{z-index:8;color:#e6f3fb;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:#13212d;border:1px solid #3a4e5e;border-radius:7px;width:auto;min-width:78px;height:26px;margin:0;padding:0 .46rem;font-size:9px;font-weight:700;line-height:1;position:absolute;top:.5rem;right:4.1rem}.viewport-plan-2d-button:hover{background:#183042;border-color:#6b8ca4}.viewport-plan-2d-button.active{color:#ffd8b5;background:#3a2214;border-color:#ff9f4f}.viewport-top-rotate-controls{z-index:8;grid-template-columns:repeat(2,28px);gap:.24rem;display:grid;position:absolute;top:3.9rem;right:.5rem}.viewport-top-rotate-controls button{color:#e6f3fb;background:#13212d;border:1px solid #3a4e5e;border-radius:7px;place-items:center;width:28px;height:26px;margin:0;padding:0;font-size:14px;line-height:1;display:grid}.viewport-top-rotate-controls button:hover{background:#183042;border-color:#6b8ca4}.planner-shell-wide{gap:.6rem}.pack-planner-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);height:100%;min-height:0}.pack-planner-canvas{flex-direction:column;min-height:0;display:flex}.pack-planner-canvas .viewport-card{flex:auto;height:100%;min-height:360px}.pack-planner-page{grid-template-rows:auto minmax(0,1fr);min-height:100%}.pack-planner-page .planner-control-card{padding-bottom:.52rem}.pack-planner-page .planner-control-card .button-row{width:100%}.pack-planner-page .pack-planner-sidebar{min-height:0;overflow:auto}.pack-planner-page .pack-planner-sidebar .autoplace-stack-scroll{max-height:clamp(110px,16vh,210px)}@media (min-width:1100px){.pack-planner-page{gap:.5rem;height:auto;min-height:100%;overflow:auto}.pack-planner-page .planner-control-card{padding:.58rem .66rem .5rem}.pack-planner-page .planner-head-layout-compact{grid-template-columns:minmax(300px,430px) minmax(250px,330px) minmax(0,1fr);gap:.52rem}.pack-planner-page .planner-head-controls{gap:.3rem}.pack-planner-page .planner-control-grid{gap:.34rem .5rem}.pack-planner-page .planner-control-field .small{margin-top:.2rem}.pack-planner-page .planner-head-actions{gap:.34rem}.pack-planner-page .planner-plan-status{margin-top:.08rem}.pack-planner-page .planner-truck-summary{gap:.38rem;padding:.54rem .58rem}.pack-planner-page .planner-top-card{gap:.3rem;padding:.44rem .5rem}.pack-planner-page .planner-top-card-actions-bol button{min-width:72px}.pack-planner-page .planner-bol-summary-grid strong{font-size:.75rem}.pack-planner-page .planner-top-card-header h3{font-size:.98rem}.pack-planner-page .planner-truck-card-layout{grid-template-columns:minmax(0,1fr) 118px;gap:.46rem}.pack-planner-page .planner-truck-details-row{grid-template-columns:minmax(0,1fr) auto;gap:.24rem}.pack-planner-page .planner-truck-thumb,.pack-planner-page .planner-truck-thumb-wrap{min-height:106px}.pack-planner-page .planner-top-card-actions button{min-width:78px;padding:.29rem .5rem}.pack-planner-page .planner-truck-dimensions,.pack-planner-page .planner-truck-capacity{padding:.34rem .45rem}.pack-planner-page .planner-truck-stats-grid{gap:.32rem}.pack-planner-page .planner-truck-stat{padding:.36rem .42rem}.pack-planner-page .planner-weight-card{gap:.28rem;padding:.4rem .46rem}.pack-planner-page .planner-top-stats-bottom{grid-template-columns:minmax(245px,335px) minmax(0,1fr);gap:.34rem}.pack-planner-page .planner-heatmap-card{padding:.34rem .42rem}.pack-planner-page .planner-heatmap-frame{--planner-heatmap-height:84px}.pack-planner-layout{align-items:stretch;gap:.56rem;height:auto;min-height:0}.pack-planner-page .pack-planner-sidebar,.pack-planner-page .pack-planner-canvas,.pack-planner-page .planner-manifest-board{min-height:0}.pack-planner-page .pack-planner-sidebar{overflow:auto}.pack-planner-page .pack-planner-sidebar .autoplace-stack-scroll{max-height:clamp(92px,12vh,160px)}.pack-planner-page .pack-planner-canvas{gap:.35rem;overflow:visible}.pack-planner-page .planner-viewport-head{gap:.34rem}.pack-planner-page .planner-viewport-head .small{margin-top:.08rem}.pack-planner-page .planner-viewport-toolgroup{padding:var(--planner-card-gap,.26rem)}.pack-planner-page .pack-planner-canvas .viewport-card{height:auto;min-height:320px}.pack-planner-page .planner-manifest-board{gap:.36rem;overflow:hidden}.pack-planner-page .planner-case-type-sidebar{padding-top:.52rem;padding-bottom:.48rem}.pack-planner-page .planner-case-type-board{grid-template-rows:auto minmax(0,1fr)}.pack-planner-page .planner-manifest-board-head{gap:.45rem}.pack-planner-page .planner-case-type-card-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));grid-auto-rows:max-content;align-content:start;gap:.4rem;height:auto;min-height:0;max-height:none}.pack-planner-page .planner-case-type-card{gap:.2rem;min-height:92px;padding:.42rem .48rem}}.project-workspace-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;min-height:100%}.project-workspace-page>.form-card{height:100%}.workspace-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);height:100%;min-height:0}.workspace-library-card,.workspace-manifest-card{min-height:0}.workspace-library-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.workspace-library-head h3{margin:0}.workspace-library-head button{width:auto;min-width:108px;margin-bottom:0}.workspace-search-input-wrap{position:relative}.workspace-search-dropdown{z-index:20;background:#0d151c;border:1px solid #365066;border-radius:10px;gap:.2rem;max-height:min(320px,42vh);padding:.34rem;display:grid;position:absolute;top:calc(100% + .2rem);left:0;right:0;overflow:auto;box-shadow:0 10px 22px #0000006b}.workspace-search-dropdown .small{margin:.2rem .3rem}.workspace-search-suggestion{text-align:left;background:#111b24;border:1px solid #304351;border-radius:8px;gap:.1rem;width:100%;margin:0;padding:.42rem .48rem;display:grid}.workspace-search-suggestion:hover{background:#152432;border-color:#6a8faa}.workspace-search-suggestion strong{font-size:.82rem;line-height:1.25}.workspace-search-suggestion span{color:#a4bccb;font-size:.73rem;line-height:1.2}.workspace-library-card .manifest-scroll{flex:1;max-height:none}.workspace-library-list{gap:.45rem;display:grid}.workspace-library-item{gap:.3rem;margin-bottom:0;display:grid}.workspace-library-item-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.workspace-library-item button{margin-bottom:0}.workspace-manifest-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.workspace-manifest-head h3{margin:0}.workspace-manifest-head .small{margin:.22rem 0 0}.workspace-manifest-head-actions{justify-items:end;gap:.3rem;display:grid}.workspace-manifest-head-actions>button{min-width:170px;margin:0}.workspace-manifest-grid{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:.5rem;min-height:0;max-height:clamp(260px,62vh,980px);padding-right:.2rem;display:grid;overflow:auto}.workspace-manifest-card-shell{min-height:0}.workspace-project-manifest-card{cursor:default;min-height:170px}.workspace-project-manifest-card input{margin-bottom:.24rem}.workspace-manifest-card-actions,.workspace-manifest-card-actions button{margin-bottom:0}.workspace-manifest-card-actions.compact{margin-top:.12rem}.workspace-manifest-card-actions.compact button{padding-top:.32rem;padding-bottom:.32rem}.workspace-manifest-card .planner-manifest-select-toggle{top:.3rem;right:.3rem}.workspace-manifest-card .planner-manifest-card{min-height:170px}.workspace-manifest-card .planner-manifest-card strong{padding-right:1.25rem}.workspace-manifest-card .planner-manifest-card .small{line-height:1.23}.workspace-manifest-card .planner-manifest-selection-tools,.workspace-manifest-card .planner-manifest-selection-tools .small{margin:0}.workspace-manifest-card>ul{min-height:0;max-height:clamp(240px,60vh,900px);padding-right:.2rem;overflow:auto}.workspace-assigned-trucks-list{gap:.34rem;display:grid}.workspace-assigned-truck-item{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));border-radius:10px;gap:.34rem;padding:.42rem;display:grid}.workspace-assigned-truck-copy{gap:.08rem;display:grid}.workspace-bol-section{border-top:1px solid rgb(var(--color-border-default));gap:.34rem;margin-top:.48rem;padding-top:.52rem;display:grid}.workspace-bol-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.workspace-bol-head h3{margin:0;font-size:1rem}.workspace-bol-editor{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-muted));border-radius:10px;padding:.6rem}.bol-editor{gap:.62rem;display:grid}.bol-editor-shipment-head{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));border-radius:10px;gap:.22rem;padding:.54rem;display:grid}.bol-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem;display:grid}.bol-editor-section{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));border-radius:10px;gap:.24rem;padding:.54rem;display:grid}.bol-editor-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.44rem;display:grid}.bol-stop-group{border:1px solid rgb(var(--color-border-default));background:rgb(var(--color-bg-surface));border-radius:10px;gap:.48rem;padding:.54rem;display:grid}.bol-stop-group-pickup{border-left:4px solid #2f67d8}.bol-stop-group-drop{border-left:4px solid #2f9b63}.bol-stop-group-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bol-stop-group-head h5{margin:0;font-size:1.06rem;line-height:1.2}.bol-stop-group-head button{width:auto;min-width:110px;margin:0}.bol-stop-group-list{gap:.5rem;display:grid}.bol-stop-card{border:1px solid color-mix(in srgb, rgb(var(--color-border-default)) 88%, rgb(var(--color-accent)) 12%);background:color-mix(in srgb, rgb(var(--color-bg-surface)) 92%, rgb(var(--color-bg-muted)) 8%);border-radius:9px;gap:.34rem;padding:.5rem;display:grid}.bol-stop-card-head{justify-content:space-between;align-items:flex-start;gap:.42rem;display:flex}.bol-stop-card-head strong{font-size:.94rem;line-height:1.2}.bol-stop-card-head-actions{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.bol-stop-card-head-actions button{width:auto;min-width:74px;min-height:30px;margin:0;padding:.24rem .5rem;font-size:.76rem}.bol-stop-copy-btn{border-color:rgb(var(--color-border-default))}.bol-stop-delete-btn{border-color:color-mix(in srgb, rgb(var(--color-accent)) 55%, rgb(var(--color-border-default)));color:color-mix(in srgb, rgb(var(--color-accent)) 75%, rgb(var(--color-text-on-light)))}.bol-stop-card-order{gap:.24rem;display:inline-flex}.bol-stop-card-order button{width:auto;min-width:58px;min-height:28px;margin:0;padding:.2rem .44rem;font-size:.74rem}.bol-stop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem .44rem;display:grid}.bol-stop-grid>div{min-width:0}.bol-stop-grid .bol-stop-grid-wide{grid-column:1/-1}.settings-page{grid-template-columns:minmax(420px,820px);justify-content:center}.settings-card{gap:.5rem;display:grid}.settings-actions{margin-top:.2rem}.settings-logo-placeholder{border:1px dashed rgb(var(--color-border-default));background:rgb(var(--color-bg-muted));border-radius:8px;padding:.5rem .6rem}.case-label{color:#edf4f8;white-space:nowrap;pointer-events:none;background:#0c131ac7;border:1px solid #3d5568;border-radius:6px;padding:.24rem .38rem;font-size:11px;line-height:1}.case-label.selected{background:#29180cdb;border-color:#ff9f5d}@media (max-width:900px){.grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:.5rem}.topbar-nav,.topbar-account{justify-content:flex-start;width:100%}.topbar-user-name{max-width:min(68vw,260px)}.button-row,.truck-etrack-row{grid-template-columns:1fr}.truck-etrack-row>button{width:100%}.page-head-row{grid-template-columns:1fr}.page-head-actions{justify-content:stretch;justify-self:stretch;width:100%}.page-head-actions>input,.page-head-actions>select,.page-head-actions>button{flex:100%;width:100%;min-width:0}.project-card-grid,.case-card-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-layout,.planner-head-layout,.planner-head-layout-compact,.planner-control-grid{grid-template-columns:1fr}.planner-control-field-snap{max-width:none}.planner-head-actions{grid-template-columns:1fr}.planner-top-card-header{flex-direction:column;align-items:flex-start}.planner-top-card-actions{width:100%}.planner-top-card-actions button{flex:1 1 0;width:100%;min-width:0}.planner-top-card-actions-bol{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.planner-bol-summary-grid,.planner-bol-summary-pills{grid-template-columns:1fr}.planner-truck-details-row{grid-template-columns:1fr;gap:.22rem}.planner-truck-card-layout{grid-template-columns:1fr}.planner-truck-thumb-wrap{min-height:110px}.planner-top-stats-bottom{grid-template-columns:1fr}.planner-truck-summary-head{flex-direction:column}.planner-truck-project-pill{max-width:100%}.planner-truck-stats-grid{grid-template-columns:1fr}.planner-weight-head{flex-direction:column;align-items:flex-start}.planner-viewport-head{grid-template-columns:1fr;align-items:flex-start}.planner-viewport-head-main{width:100%}.planner-viewport-actions{grid-template-columns:1fr;justify-content:flex-start;justify-items:stretch;width:100%;display:grid}.planner-viewport-toolgroup{justify-items:start;width:100%;min-width:0}.planner-viewport-toolgroup-loadbars,.planner-viewport-toolgroup-versions{min-width:0}.planner-viewport-toolrow{justify-content:flex-start;width:100%}.planner-viewport-toolrow button{flex:140px;min-width:0}.planner-viewport-toolrow select{flex:100%;width:100%;min-width:160px;max-width:none}.planner-viewport-history-overlay{gap:.22rem;top:.45rem;left:.45rem}.planner-viewport-history-overlay button{min-width:78px;padding:.28rem .44rem}.planner-viewport-snap-overlay{min-width:126px;padding:.18rem .22rem;bottom:.45rem;left:.45rem}.planner-viewport-snap-overlay select{min-width:114px;min-height:28px;padding:.24rem .34rem}.planner-version-pill{max-width:100%}.planner-manifest-board-head{gap:.34rem}.planner-manifest-board-head-row{width:100%}.planner-manifest-board-actions{justify-content:flex-start;align-items:flex-start;width:100%}.planner-manifest-board-actions button{min-width:84px}.quick-add-modal-card{max-height:min(86vh,760px)}.quick-add-library-row{grid-template-columns:auto minmax(0,1fr);gap:.42rem}.quick-add-qty-wrap{grid-column:2}.planner-manifest-card-grid,.planner-case-type-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:clamp(220px,38vh,420px)}.snapshot-version-actions{grid-template-columns:1fr}.project-workspace-page{grid-template-rows:auto auto;grid-template-columns:1fr}.workspace-layout{grid-template-columns:1fr}.workspace-library-head{flex-direction:column;align-items:flex-start}.workspace-library-head button{width:100%}.workspace-manifest-head{flex-direction:column;align-items:flex-start}.workspace-manifest-head-actions{justify-items:stretch;width:100%}.workspace-manifest-head-actions>button{width:100%}.workspace-manifest-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:clamp(260px,52vh,980px)}.bol-editor-grid,.bol-editor-row{grid-template-columns:1fr}.bol-stop-group-head{flex-direction:column;align-items:flex-start}.bol-stop-group-head button{width:100%;min-width:0}.bol-stop-grid{grid-template-columns:1fr}.bol-stop-grid .bol-stop-grid-wide{grid-column:span 1}.bol-stop-card-head{flex-direction:column;align-items:flex-start}.bol-stop-card-head-actions,.bol-stop-card-order{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;width:100%;display:grid}.bol-stop-card-head-actions button,.bol-stop-card-order button{width:100%;min-width:0}.viewport-card{height:440px}.pack-planner-canvas{min-height:0}.pack-planner-canvas .viewport-card{height:460px}.viewport-orientation-widget{width:50px;height:50px;top:.5rem;right:.5rem}.viewport-plan-2d-button{min-width:72px;height:24px;padding:0 .4rem;font-size:8px;top:.5rem;right:3.95rem}.viewport-top-rotate-controls{grid-template-columns:repeat(2,26px);top:3.75rem;right:.5rem}.viewport-top-rotate-controls button{width:26px;height:24px;font-size:13px}.viewport-orientation-cube{height:100%}.list-card .project-card-grid,.list-card>ul{max-height:none;padding-right:0;overflow:visible}.case-library-card{max-height:none;overflow:visible}}@media (max-width:640px){.planner-manifest-card-grid,.planner-case-type-card-grid,.workspace-manifest-grid{grid-template-columns:1fr}}@media (max-width:1200px){.case-library-toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,.44fr) minmax(126px,.28fr) minmax(126px,.28fr) minmax(220px,.44fr)}.truck-library-toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,.44fr) minmax(126px,.28fr) minmax(126px,.28fr)}.case-library-toolbar-action-btn,.truck-library-toolbar-action-btn{font-size:.8rem}}@media (max-width:900px){.case-library-toolbar,.truck-library-toolbar{grid-template-columns:1fr}.case-library-toolbar-action-btn,.case-library-toolbar-split,.truck-library-toolbar-action-btn{width:100%}.case-library-floating-action{width:auto;min-width:0;max-width:none;bottom:.8rem;left:.8rem;right:.8rem}.trucks-page,.truck-library-card{max-height:none;overflow:visible}}@media (min-width:1500px){.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.case-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pack-planner-layout{grid-template-columns:minmax(340px,450px) minmax(0,1fr)}}@media (max-width:1320px){.planner-head-layout{grid-template-columns:1fr}.pack-planner-page .planner-head-layout-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-planner-page .planner-top-card-stats{grid-column:1/-1}.project-workspace-page{grid-template-rows:auto auto;grid-template-columns:1fr}.project-workspace-page>.form-card{height:auto;max-height:none}}html[data-embed-mode="1"] body,body[data-embed-mode="1"]{grid-template-rows:minmax(0,1fr)}html[data-embed-mode="1"] .topbar,body[data-embed-mode="1"] .topbar{display:none}html[data-embed-mode="1"] main,body[data-embed-mode="1"] main{max-width:none;margin:0;padding:0}html[data-embed-mode="1"] .pack-planner-page,body[data-embed-mode="1"] .pack-planner-page{padding:.72rem}.pack-planner-page{--planner-surface:rgb(var(--color-bg-surface));--planner-surface-elev:rgb(var(--color-bg-elevated));--planner-muted:rgb(var(--color-bg-muted));--planner-border:rgb(var(--color-border-default));--planner-border-strong:rgb(var(--color-border-strong));--planner-text:rgb(var(--color-text-on-light));--planner-text-soft:rgb(var(--color-text-on-light-secondary));--planner-text-muted:rgb(var(--color-text-on-light-muted));--planner-shadow:0 1px 2px #0f172a0f, 0 10px 26px #0f172a14;--planner-viewport-bg:#0c1218;--planner-viewport-bg-elev:#111b22;--planner-viewport-border:#2f404c;--planner-viewport-border-strong:#3f596c;--planner-viewport-text:#d6e8f4;--planner-viewport-text-soft:#bfd1de}.dark .pack-planner-page{--planner-surface:rgb(var(--color-bg-surface));--planner-surface-elev:rgb(var(--color-bg-elevated));--planner-muted:rgb(var(--color-bg-muted));--planner-border:rgb(var(--color-border-default));--planner-border-strong:rgb(var(--color-border-strong));--planner-text:rgb(var(--color-text-on-light));--planner-text-soft:rgb(var(--color-text-on-light-secondary));--planner-text-muted:rgb(var(--color-text-on-light-muted));--planner-shadow:0 1px 2px #02061733, 0 10px 26px #02061747;--planner-viewport-bg:#0c1218;--planner-viewport-bg-elev:#111b22;--planner-viewport-border:#2f404c;--planner-viewport-border-strong:#5f7a90;--planner-viewport-text:#d6e8f4;--planner-viewport-text-soft:#bfd1de}.pack-planner-page .small{color:var(--planner-text-soft)}.pack-planner-page .planner-control-card,.pack-planner-page .planner-top-card,.pack-planner-page .planner-truck-summary,.pack-planner-page .planner-weight-card,.pack-planner-page .planner-heatmap-card,.pack-planner-page .planner-sidebar,.pack-planner-page .planner-canvas-card{background:var(--planner-surface);border-color:var(--planner-border);color:var(--planner-text);box-shadow:var(--planner-shadow)}.pack-planner-page .planner-top-card-header h3,.pack-planner-page .planner-truck-summary-head h3,.pack-planner-page .planner-viewport-head h3,.pack-planner-page .planner-manifest-board-head h4,.pack-planner-page .planner-bol-summary-grid strong{color:var(--planner-text)}.pack-planner-page .planner-bol-empty{color:var(--planner-text-soft)}.pack-planner-page .planner-truck-project-pill,.pack-planner-page .planner-truck-dimensions,.pack-planner-page .planner-truck-capacity,.pack-planner-page .planner-truck-stat,.pack-planner-page .planner-cases-progress,.pack-planner-page .planner-heatmap-frame{background:var(--planner-muted);border-color:var(--planner-border);color:var(--planner-text-soft)}.pack-planner-page .planner-truck-stat-label{color:var(--planner-text-soft)}.pack-planner-page .planner-weight-cases-value{color:var(--planner-text)}.pack-planner-page .planner-cases-progress-fill{background:linear-gradient(90deg,#7f95ab,#b9c8d5)}.pack-planner-page .planner-heatmap-empty,.pack-planner-page .planner-heatmap-meta,.pack-planner-page .planner-heatmap-legend-label{color:var(--planner-text-muted)}.pack-planner-page .planner-viewport-toolgroup{background:var(--planner-surface-elev);border-color:var(--planner-border);color:var(--planner-text-soft);box-shadow:none}.pack-planner-page .planner-viewport-head-tools-only .planner-viewport-toolgroup{background:var(--planner-surface);border-radius:14px}.pack-planner-page .planner-viewport-toolrow-meta,.pack-planner-page .planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-meta{border-top-color:var(--planner-border)}.pack-planner-page .planner-viewport-toolrow button,.pack-planner-page .planner-viewport-toolrow select,.pack-planner-page .planner-viewport-toolgroup-versions .planner-viewport-toolrow-meta select,.pack-planner-page .planner-viewport-snap-overlay select,.pack-planner-page .planner-manifest-selection-tools button,.pack-planner-page .planner-case-type-card-actions button{min-height:var(--control-height);border-radius:var(--control-radius);border-color:var(--planner-border);background:var(--planner-surface);color:var(--planner-text)}.pack-planner-page .planner-viewport-toolrow button:hover,.pack-planner-page .planner-manifest-selection-tools button:hover,.pack-planner-page .planner-case-type-card-actions button:hover{border-color:var(--planner-border-strong);background:var(--planner-muted)}.pack-planner-page .planner-viewport-toolrow button.primary,.pack-planner-page .planner-case-type-card-actions button.primary,.pack-planner-page .planner-manifest-selection-tools button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pack-planner-page .planner-case-type-card-actions .planner-case-type-delete-btn{background:color-mix(in srgb, var(--accent) 12%, var(--planner-surface));border-color:color-mix(in srgb, var(--accent) 50%, var(--planner-border));color:color-mix(in srgb, var(--accent) 88%, #4a1a13)}.pack-planner-page .planner-case-type-card-actions .planner-case-type-delete-btn:hover{background:color-mix(in srgb, var(--accent) 18%, var(--planner-muted));border-color:color-mix(in srgb, var(--accent) 70%, var(--planner-border-strong))}.pack-planner-page .planner-version-pill{border-color:var(--planner-border-strong);background:var(--planner-muted);color:var(--planner-text)}.pack-planner-page .planner-loadbars-metrics-row .planner-version-pill{border-color:var(--planner-border);background:color-mix(in srgb, var(--planner-muted) 80%, var(--planner-surface));color:var(--planner-text-soft)}.pack-planner-page .planner-viewport-head-tools-only .planner-viewport-toolgroup-versions .planner-viewport-toolrow-meta select{border-color:var(--planner-border);background-color:var(--planner-surface);color:var(--planner-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .62rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2rem}.pack-planner-page .planner-case-type-card,.pack-planner-page .planner-manifest-card{background:var(--planner-surface);border-color:var(--planner-border);box-shadow:0 1px 2px #0f172a0f}.pack-planner-page .planner-case-type-card:hover,.pack-planner-page .planner-manifest-card:hover{border-color:var(--planner-border-strong);box-shadow:0 6px 16px #0f172a14}.pack-planner-page .planner-case-type-card.active,.pack-planner-page .planner-manifest-card.selected,.pack-planner-page .planner-manifest-card.batch-selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent), 0 8px 18px color-mix(in srgb, var(--accent) 16%, transparent)}.pack-planner-page .planner-viewport-snap-overlay,.pack-planner-page .planner-viewport-history-overlay button{background:color-mix(in srgb, var(--planner-viewport-bg) 90%, transparent);border-color:var(--planner-viewport-border);color:var(--planner-viewport-text-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pack-planner-page .planner-weight-value.planner-tone-safe{color:#127a44}.pack-planner-page .planner-weight-value.planner-tone-warn{color:#9a6a00}.pack-planner-page .planner-weight-value.planner-tone-over{color:#b63f3f}.pack-planner-page .viewport-card{background:var(--planner-viewport-bg);border-color:var(--planner-viewport-border);box-shadow:0 8px 24px #01070c52}.pack-planner-page .viewport-orientation-cube{background:var(--planner-viewport-bg-elev);border-color:var(--planner-viewport-border-strong)}.pack-planner-page .viewport-plan-2d-button{background:color-mix(in srgb, var(--planner-viewport-bg-elev) 88%, transparent);border-color:var(--planner-viewport-border);color:var(--planner-viewport-text-soft)}.pack-planner-page .viewport-plan-2d-button:hover{border-color:var(--planner-viewport-border-strong);color:var(--planner-viewport-text)}.pack-planner-page .viewport-plan-2d-button.active{background:color-mix(in srgb, var(--accent) 26%, var(--planner-viewport-bg-elev));border-color:color-mix(in srgb, var(--accent) 70%, var(--planner-viewport-border));color:#fff6ef}.pack-planner-page .autopack-modal-card{border-color:var(--planner-border);background:var(--planner-surface);color:var(--planner-text);box-shadow:var(--planner-shadow)}.pack-planner-page .autopack-modal-card .small{color:var(--planner-text-soft)}.pack-planner-page .autopack-modal-card input,.pack-planner-page .autopack-modal-card textarea,.pack-planner-page .autopack-modal-card select{border-color:var(--planner-border);background:var(--planner-surface);color:var(--planner-text)}.pack-planner-page .autopack-modal-card input::placeholder,.pack-planner-page .autopack-modal-card textarea::placeholder{color:var(--planner-text-muted)}.pack-planner-page .autopack-modal-card button{border-color:var(--planner-border);background:var(--planner-surface);color:var(--planner-text)}.pack-planner-page .autopack-modal-card button:hover{border-color:var(--planner-border-strong);background:var(--planner-muted)}.pack-planner-page .autopack-modal-card button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.pack-planner-page .snapshot-version-list{border-top-color:var(--planner-border)}.pack-planner-page .snapshot-version-list li,.pack-planner-page .placement-overrides-item{border-color:var(--planner-border);background:var(--planner-muted)}.pack-planner-page .placement-overrides-item .small,.pack-planner-page .placement-overrides-item-preview{color:var(--planner-text-soft)}.pack-planner-page .snapshot-version-item-meta{gap:.12rem;min-width:0;display:grid}.pack-planner-page .snapshot-version-note{color:var(--planner-text-soft);white-space:normal;word-break:break-word;line-height:1.28}.pack-planner-page .snapshot-version-note-empty{color:var(--planner-text-muted)}.planner-shell:not(.pack-planner-page) .hero-card,.planner-shell:not(.pack-planner-page) .project-card-item,.planner-shell:not(.pack-planner-page) .case-card-item,.planner-shell:not(.pack-planner-page) .truck-card-item,.planner-shell:not(.pack-planner-page) .btn-link,.planner-shell:not(.pack-planner-page) .quick-links a,.planner-shell:not(.pack-planner-page) .project-logo-preview,.planner-shell:not(.pack-planner-page) .project-card-logo,.planner-shell:not(.pack-planner-page) .truck-card-photo,.planner-shell:not(.pack-planner-page) .truck-photo-preview,.planner-shell:not(.pack-planner-page) .bulk-qty-list,.planner-shell:not(.pack-planner-page) .truck-etrack-fields,.planner-shell:not(.pack-planner-page) .workspace-search-dropdown,.planner-shell:not(.pack-planner-page) .workspace-search-suggestion{background:rgb(var(--color-bg-surface));border-color:rgb(var(--color-border-default));color:rgb(var(--color-text-on-light))}.planner-shell:not(.pack-planner-page) .case-library-toolbar,.planner-shell:not(.pack-planner-page) .truck-library-toolbar{background:rgb(var(--color-bg-surface));border-bottom-color:rgb(var(--color-border-subtle))}.planner-shell:not(.pack-planner-page) .case-library-toolbar-search-input,.planner-shell:not(.pack-planner-page) .case-library-toolbar-filter,.planner-shell:not(.pack-planner-page) .truck-library-toolbar-search,.planner-shell:not(.pack-planner-page) .truck-library-toolbar-filter{background:var(--field-bg);color:var(--field-text);border-color:rgb(var(--color-border-default))}.planner-shell:not(.pack-planner-page) .case-library-toolbar-filter,.planner-shell:not(.pack-planner-page) .truck-library-toolbar-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%2364758B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .62rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2rem}.planner-shell:not(.pack-planner-page) .case-card-check{background:rgb(var(--color-bg-muted));border-color:rgb(var(--color-border-strong));color:rgb(var(--color-text-on-light))}.planner-shell:not(.pack-planner-page) .case-card-check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.planner-shell:not(.pack-planner-page) .truck-card-photo-empty,.planner-shell:not(.pack-planner-page) .workspace-search-suggestion span{color:rgb(var(--color-text-on-light-muted))}.planner-shell.project-workspace-page .workspace-library-card,.planner-shell.project-workspace-page .workspace-manifest-card,.planner-shell.project-workspace-page .workspace-library-item,.planner-shell.project-workspace-page .case-library-row,.planner-shell.project-workspace-page .planner-manifest-card,.planner-shell.project-workspace-page .workspace-project-manifest-card,.planner-shell.project-workspace-page .planner-manifest-selection-tools{background:rgb(var(--color-bg-surface));border-color:rgb(var(--color-border-default));color:rgb(var(--color-text-on-light))}.planner-shell.project-workspace-page .workspace-library-head h3,.planner-shell.project-workspace-page .workspace-manifest-head h3,.planner-shell.project-workspace-page .workspace-library-item strong,.planner-shell.project-workspace-page .planner-manifest-card strong{color:rgb(var(--color-text-on-light))}.planner-shell.project-workspace-page .workspace-library-item .small,.planner-shell.project-workspace-page .planner-manifest-card .small,.planner-shell.project-workspace-page .workspace-manifest-head .small,.planner-shell.project-workspace-page .planner-manifest-selection-tools .small{color:rgb(var(--color-text-on-light-secondary))}.planner-shell.project-workspace-page .planner-manifest-select-toggle{background:rgb(var(--color-bg-muted));border-color:rgb(var(--color-border-strong));color:rgb(var(--color-text-on-light))}.planner-shell.project-workspace-page .planner-manifest-select-toggle.active{background:color-mix(in srgb, var(--accent) 14%, rgb(var(--color-bg-surface)));border-color:var(--accent);color:var(--accent)}.planner-shell.project-workspace-page .planner-manifest-card.batch-selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.planner-shell.project-workspace-page .workspace-manifest-grid{grid-auto-rows:minmax(230px,auto);align-content:start;max-height:none}.planner-shell.project-workspace-page .workspace-project-manifest-card{min-height:230px}.planner-shell select:disabled,.planner-shell input:disabled,.planner-shell textarea:disabled,.planner-shell button:disabled{opacity:.72}.planner-shell select:disabled{background-image:none!important}
