:root{--bg:#f3f5f8;--panel:#fff;--text:#16202a;--muted:#6b7785;--line:#dce2e8;--primary:#1565c0;--danger:#b42318;--ok:#067647}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;font-size:14px}
header{height:52px;background:#0f2741;color:white;display:flex;align-items:center;padding:0 16px;gap:14px;position:sticky;top:0;z-index:10}
.brand{font-size:18px;font-weight:800}
nav{display:flex;gap:4px}
header a{color:white;text-decoration:none;padding:7px 9px;border-radius:7px;font-size:14px}
header a:hover{background:#ffffff18}
.user{margin-left:auto;font-size:13px}
main{max-width:1440px;margin:auto;padding:14px 16px}
h1{margin:0 0 12px;font-size:26px;line-height:1.2}
h2{margin:0 0 10px;font-size:17px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px #00000008}
.stats{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:12px}
.stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:11px 12px;min-height:78px}
.stats b{display:block;font-size:23px;line-height:1.15}
.stats span,.muted{color:var(--muted)}
.stats.compact{margin-top:10px}
.yard-map{display:grid;grid-template-columns:repeat(12,minmax(58px,1fr));grid-template-rows:repeat(8,52px);gap:6px;overflow:auto}
.bay-card{border:1px solid var(--line);background:#eef5ff;border-radius:9px;text-decoration:none;color:var(--text);padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.12}
.bay-card strong{font-size:15px}
.bay-card span{font-size:12px}
.bay-card small{color:var(--muted);font-size:11px}
.work-grid{display:grid;grid-template-columns:260px minmax(440px,1fr) 280px;gap:10px}
.work-grid .panel{margin:0}
.stack{display:grid;gap:8px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.two{display:grid;grid-template-columns:1fr 1fr;gap:7px}
label{display:grid;gap:4px;font-size:12px;font-weight:600}
input,select,textarea,button,.button{font:inherit;border:1px solid #c9d2dc;border-radius:8px;padding:8px;background:white;color:var(--text)}
textarea{min-height:60px}
button,.button{cursor:pointer;text-decoration:none;text-align:center}
button.primary,.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
button.big{padding:11px;font-weight:800}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}
.results{display:grid;gap:4px;max-height:180px;overflow:auto}
.result{text-align:left;display:flex;justify-content:space-between;gap:7px}
.result span{color:var(--muted);font-size:11px}
.detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin:9px 0}
.detail p{margin:4px 0}
.bay-grid{--rows:5;display:grid;grid-template-columns:44px repeat(var(--rows),minmax(70px,1fr));gap:5px;align-items:stretch;overflow:auto}
.bay-title{grid-column:1/-1;font-weight:800;text-align:center;font-size:18px;padding:3px}
.slot{min-height:46px;font-size:11px;font-weight:800;padding:6px}
.slot.occupied{background:var(--primary);color:white;border-color:var(--primary)}
.slot.empty{background:white;color:#111}
.tier-label,.row-label{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}
.sentence{padding:10px;border-radius:9px;background:#eef5ff;line-height:1.6}
.flash{padding:10px 12px;border-radius:9px;margin-bottom:10px}
.flash.error{background:#fee4e2;color:var(--danger)}
.flash.success{background:#dcfae6;color:var(--ok)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.mini-card{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:7px}
.mini-card h3{margin:0;font-size:16px}
.check{display:flex;align-items:center;gap:6px}
.check input{width:auto}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.chips span,.badge{background:#eef5ff;border-radius:999px;padding:6px 8px}
table{width:100%;border-collapse:collapse;font-size:12px}
th,td{border-bottom:1px solid var(--line);padding:7px;text-align:left}
.login-body{min-height:100vh;display:grid;place-items:center;background:#0f2741}
.login-card{width:min(390px,92vw);background:white;border-radius:14px;padding:22px;display:grid;gap:12px}
.login-card h1{margin:0}
.login-card p{margin-top:-6px;color:var(--muted)}
@media(max-width:1050px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .work-grid{grid-template-columns:1fr}
  .left-panel,.right-panel{order:0}.center-panel{order:1}.right-panel{order:2}
  .yard-map{grid-template-columns:repeat(12,74px)}
}
@media(max-width:650px){
  body{font-size:13px}
  header{height:auto;min-height:54px;flex-wrap:wrap;padding:8px 10px;gap:4px}
  .brand{font-size:17px}
  nav{order:3;width:100%;overflow:auto}
  header a{padding:6px 8px;font-size:13px;white-space:nowrap}
  .user{font-size:11px}
  main{padding:10px}
  h1{font-size:21px;margin-bottom:10px}
  h2{font-size:16px}
  .stats{grid-template-columns:repeat(2,1fr);gap:7px}
  .stats>div{padding:9px 10px;min-height:68px}
  .stats b{font-size:20px}
  .panel{padding:10px;margin-bottom:10px}
  .bay-grid{grid-template-columns:40px repeat(var(--rows),66px)}
  .slot{min-height:44px}
  .yard-map{grid-template-columns:repeat(12,66px);grid-template-rows:repeat(8,48px)}
}
@media print{header,.no-print{display:none!important}body{background:white}main{max-width:none;padding:0}.panel{box-shadow:none;border:0}.report{padding:0}}

/* Admin bay cards: keep fields inside each card */
.cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.mini-card{min-width:0;overflow:hidden}
.mini-card .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mini-card .two>label{min-width:0}
.mini-card input,.mini-card select,.mini-card textarea{width:100%;min-width:0;max-width:100%}
.mini-card input[type="number"]{padding:7px 8px}

@media(max-width:900px){
  .cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
@media(max-width:650px){
  .cards{grid-template-columns:1fr}
}


/* Yard visual structures */
.yard-map{position:relative;grid-auto-rows:52px;align-items:stretch}
.map-structure{z-index:1;min-width:0;border:2px solid var(--structure-border);background:var(--structure-bg);color:var(--structure-text);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;overflow:hidden;pointer-events:none;opacity:.94}
.map-structure strong{font-size:13px;line-height:1.15;word-break:keep-all}
.map-structure.kind-road{border-style:dashed;border-radius:4px;opacity:.72}
.map-structure.kind-gate{border-style:double;border-width:3px}
.map-structure.kind-zone{border-style:dashed;background:color-mix(in srgb,var(--structure-bg) 72%,transparent)}
.bay-card{position:relative;z-index:2}
.label-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;align-items:end}
.label-grid>div{display:flex;align-items:end}
.color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.color-row input[type="color"]{width:100%;height:38px;padding:3px}
.structure-cards .mini-card{border-left:4px solid #8794a3}
details{margin-top:10px}summary{cursor:pointer;font-weight:700;padding:7px 0}
@media(max-width:650px){.yard-map{grid-auto-rows:48px}.map-structure strong{font-size:12px}.label-grid{grid-template-columns:1fr}.color-row{grid-template-columns:repeat(3,1fr)}}

/* Admin delete controls */
.admin-actions{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
button.danger,.danger{background:#fff;color:var(--danger);border-color:#f0aaa3;font-weight:700}
button.danger:hover,.danger:hover{background:#fff1f0}
.external-chips{align-items:center}
.chip-form{display:inline-flex;align-items:center;background:#eef5ff;border-radius:999px;overflow:hidden;border:1px solid #d8e6fa}
.chip-form span{background:transparent;border-radius:0;padding:6px 4px 6px 9px}
.chip-delete{border:0;border-left:1px solid #d8e6fa;border-radius:0;background:transparent;color:var(--danger);padding:5px 8px;font-weight:900;line-height:1}
.chip-delete:hover{background:#fff1f0}
@media(max-width:650px){.admin-actions{grid-template-columns:1fr 88px}}

/* Work screen layout: prevent move/in-out form controls from overflowing */
.work-grid{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(300px,340px)}
.work-grid>*,.left-panel,.center-panel,.right-panel,.right-panel form,.right-panel label{min-width:0}
.right-panel input,.right-panel select,.right-panel textarea,.right-panel button{width:100%;min-width:0;max-width:100%}
.right-panel .two{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.right-panel .two>label{min-width:0}
.right-panel .sentence{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.center-panel select{max-width:100%;min-width:0}
@media(max-width:1200px){
  .work-grid{grid-template-columns:minmax(210px,240px) minmax(0,1fr) minmax(280px,310px);gap:8px}
}
@media(max-width:1050px){
  .work-grid{grid-template-columns:1fr}
  .right-panel input,.right-panel select,.right-panel textarea,.right-panel button{width:100%}
}

/* Work bay quick navigation: A/B/C/D -> 1..n */
.bay-quick-nav{display:grid;gap:7px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:10px}
.bay-group-tabs,.bay-number-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.bay-group-btn,.bay-number-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9d2dc;color:var(--text);font-weight:800;line-height:1;padding:0;transition:background .12s,border-color .12s,color .12s,font-size .12s}
.bay-group-btn{width:52px;height:42px;font-size:18px;border-radius:9px}
.bay-number-btn{width:44px;height:38px;font-size:15px;border-radius:8px}
.bay-group-btn.is-active,.bay-number-btn.is-active{color:#ef5350;background:#fff5f5;border-color:#ff8a80;font-weight:950}
.bay-group-btn.is-active{font-size:23px}
.bay-number-btn.is-active{font-size:19px}
.selected-bay-line{font-size:12px;color:var(--muted);min-height:22px;display:flex;align-items:center;gap:7px}
.selected-bay-line strong{color:#ef5350;font-size:18px;line-height:1;font-weight:950}
@media(max-width:650px){
  .bay-group-tabs,.bay-number-tabs{gap:6px}
  .bay-group-btn{width:48px;height:40px;font-size:17px}
  .bay-group-btn.is-active{font-size:21px}
  .bay-number-btn{width:42px;height:38px;font-size:15px}
  .bay-number-btn.is-active{font-size:18px}
  .selected-bay-line strong{font-size:17px}
}

/* Search selector + admin container management */
.search-controls{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:7px}
.search-controls select,.search-controls input{width:100%;min-width:0}
.result span{display:block;font-size:11px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.admin-container-entry{display:flex;align-items:center;justify-content:space-between;gap:14px}
.admin-container-entry h2{margin-bottom:4px}.admin-container-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.page-head h1{margin-bottom:3px}
.container-admin-search{display:grid;grid-template-columns:minmax(150px,190px) minmax(220px,1fr) minmax(130px,160px) auto;gap:8px;align-items:end}
.container-admin-search label{min-width:0}.container-admin-search input,.container-admin-search select{width:100%;min-width:0}
.admin-container-table-wrap{overflow-x:auto;margin-top:10px}.admin-container-table{width:100%;border-collapse:collapse;min-width:820px}.admin-container-table th,.admin-container-table td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-container-table th{font-size:12px;color:var(--muted);white-space:nowrap}.admin-container-table td{font-size:13px}.admin-container-table .is-deleted{opacity:.68}.deleted-badge{display:inline-block;margin-top:3px;padding:2px 6px;border-radius:999px;background:#f3f3f3;color:#777;font-size:10px;font-weight:700}
@media(max-width:760px){.admin-container-entry,.page-head{align-items:stretch;flex-direction:column}.container-admin-search{grid-template-columns:1fr 1fr}.container-admin-search label:nth-child(2){grid-column:1/-1}.container-admin-search button{width:100%}}

/* Internal container work and independent load/work-status corner indicators */
.slot.occupied{position:relative;min-height:53px;padding:20px 4px 5px;overflow:hidden}
.slot-num{display:block;font-size:11px;line-height:1.15;overflow-wrap:anywhere}
.slot-flag{position:absolute;top:3px;padding:2px 4px;border-radius:4px;font-size:9px;font-weight:850;line-height:1;white-space:nowrap}
.slot-work-now{left:3px;color:#053a23;background:#65ee9d}
.slot-work-done{left:3px;color:#364657;background:#d9e4ef}
.slot-full{right:3px;color:#fff;background:#e54553}
.slot-empty-load{right:3px;color:#223445;background:#fff;border:1px solid #d4dfea}
.internal-work-panel{padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.internal-work-panel summary{display:flex;align-items:center;gap:7px}
.internal-work-panel summary .is-working{color:#078447;font-weight:800}
.internal-work-panel .two{grid-template-columns:repeat(2,minmax(0,1fr))}
.internal-work-panel input,.internal-work-panel select,.internal-work-panel button{min-width:0;max-width:100%;width:100%}
.work-mini-heading{font-size:13px;margin:11px 0 7px}
.work-status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;margin:8px 0}
.work-label{border-radius:5px;padding:3px 6px;font-size:10px;font-weight:800}
.work-label-active{color:#053a23;background:#65ee9d}.work-label-done{background:#e3e9ef;color:#445262}
.inventory-list{display:grid;gap:5px}.inventory-item{padding:7px;background:#f6f9fc;border:1px solid var(--line);border-radius:8px;font-size:11px;min-width:0;overflow-wrap:anywhere;display:grid;gap:3px}
.inventory-item span{font-weight:750;color:#175da8}.work-small-note{font-size:10px;line-height:1.5}
.work-action-form{margin:9px 0 12px;border-top:1px solid var(--line);padding-top:10px}
.work-finish-btn{background:#eef5ff;color:#1f5797;font-weight:800}
.work-history{display:grid;gap:8px}.work-session{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;min-width:0}
.work-session-head{display:grid;gap:4px;font-size:10px}.work-session-head span{color:var(--muted)}
.work-session p{font-size:11px;margin:5px 0;overflow-wrap:anywhere}
.work-event{border-top:1px solid var(--line);font-size:10px;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.work-event small{color:var(--muted);font-size:9px}.work-event.is-voided{text-decoration:line-through;opacity:.6}
.internal-work-panel .work-void-btn{font-size:10px;flex:none;width:auto;padding:5px;color:#a52323}
.work-inline-message{font-size:11px;margin-top:6px;color:#087b42;min-height:15px}.work-inline-message.is-error{color:#b42318}


/* Centered internal work beneath bay visualization; keep the search sidebar short. */
.left-panel>.new-container-panel{margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#f6f9fe}
.left-panel>.new-container-panel summary{padding:3px 0;font-size:13px}
.left-panel>.new-container-panel[open]{padding-bottom:12px}
.left-panel>h2{margin-bottom:10px}
.center-panel>.internal-work-panel{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafcff;max-width:100%;min-width:0}
.center-panel>.internal-work-panel>summary{font-size:15px;min-height:36px;display:flex;align-items:center;gap:8px}
.center-panel>.internal-work-panel #internalWorkContent{min-width:0}
.center-panel>.internal-work-panel .inventory-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px}
.center-panel>.internal-work-panel .work-action-form{max-width:560px}
.center-panel>.internal-work-panel .internal-history-panel{margin-top:14px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px}
.center-panel>.internal-work-panel .internal-history-panel>summary{padding:5px 0}
.center-panel>.internal-work-panel .internal-history-panel[open]>.work-history{margin-top:10px}
.center-panel>.internal-work-panel .work-history{max-height:350px;overflow:auto;overscroll-behavior:contain}
.center-panel>.internal-work-panel [hidden]{display:none!important}
@media(max-width:650px){
  .center-panel>.internal-work-panel{padding:10px}
  .center-panel>.internal-work-panel .inventory-list{grid-template-columns:1fr}
  .center-panel>.internal-work-panel .work-history{max-height:320px}
}


/* Compact visual move/in-out wizard. Keeps form fields used by the existing backend. */
.move-visual-panel{min-width:0}
.move-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px}
.right-panel .move-tabs button{min-width:0;width:100%;max-width:100%;padding:9px 2px;font-weight:850;font-size:12px;border-radius:8px;white-space:normal}
.move-tabs button.is-active{background:#e9f2ff;color:#1357a5;border-color:#3987dd}
.move-tabs button:disabled{opacity:.45;cursor:not-allowed}
.move-flow{padding:10px;background:#f5f9ff;border:1px solid #dce8f6;border-radius:11px;display:grid;gap:7px;margin-bottom:11px}
.move-flow-container{font-size:11px;color:#54667b;display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap}
.move-flow-container strong{font-size:13px;color:#152637;overflow-wrap:anywhere}
.move-flow-stop{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;padding:10px;background:#fff;border:1px solid #cfdde9;border-radius:8px;min-width:0}
.move-flow-stop.destination{border-color:#98c2ef;background:#ecf6ff}
.move-flow-stop strong{font-size:13px;overflow-wrap:anywhere;word-break:break-word}
.move-flow-tag{font-size:10px;font-weight:900;color:#4c6278}
.move-flow-arrow{text-align:center;line-height:1;font-size:22px;color:#2675c8;font-weight:900}
.move-dest-area{display:grid;gap:9px;min-width:0}
.move-dest-area[hidden]{display:none!important}
.move-dest-label{display:grid;gap:3px;font-size:12px;margin-top:3px}
.move-dest-label .muted{font-size:10px}
.move-dest-scroll{max-width:100%;overflow-x:auto;padding-bottom:3px}
.move-mini-grid{--mini-cols:5;display:grid;grid-template-columns:28px repeat(var(--mini-cols),minmax(36px,1fr));gap:3px;width:100%;min-width:0}
.move-mini-axis{display:flex;align-items:center;justify-content:center;font-size:10px;color:#627082;white-space:nowrap}
.move-mini-message{grid-column:1/-1;min-width:0;width:100%;margin:0;padding:9px 6px;text-align:center;color:#52687e;font-size:11px;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}
.right-panel button.move-mini-slot{width:auto;min-width:0;max-width:none;padding:7px 1px;font-size:10px;font-weight:800;border-radius:5px;min-height:36px;background:white}
.move-mini-slot:disabled{cursor:not-allowed;opacity:.55;background:#f0f3f7}
.move-mini-slot.is-occupied{background:#c3d7ec;color:#294a6d;border-color:#a6c3df}
.right-panel button.move-mini-slot.is-selected{background:#e4f8ec;border:2px solid #168647;color:#0d6a38;opacity:1}
.move-slot-inputs label{min-width:0}
.move-ext-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.right-panel .move-ext-buttons button{padding:9px 6px;min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}
.move-ext-buttons button.is-active{background:#e4f8ec;border-color:#168647;color:#0d6a38;font-weight:850}
.move-ext-fallback{font-size:11px}
.move-hint{font-size:11px;line-height:1.55;color:#52687e;margin:5px 0 0}
.right-panel .move-submit{min-height:44px;font-size:13px}
.move-submit:disabled{opacity:.58;cursor:not-allowed}
@media(max-width:1050px){.move-visual-panel{order:2}.move-mini-grid{grid-template-columns:28px repeat(var(--mini-cols),minmax(39px,1fr))}}

/* Container GRADE / LOT visualization (integrated with prior move text fix) */
.bay-color-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0 8px;font-size:12px;color:var(--muted)}
.bay-color-controls button{width:auto!important;min-width:64px;padding:5px 12px;font-weight:800;border-radius:7px;background:#fff;color:var(--text)}
.bay-color-controls button.is-active{background:#234d79;color:#fff;border-color:#234d79}
.bay-grid .slot.slot-colored{background:var(--slot-fill,#1565C0);border-color:var(--slot-fill,#1565C0);color:white}
.bay-grid .slot.slot-colored .slot-num{display:inline-block;align-self:center;justify-self:center;max-width:100%;background:rgba(7,16,27,.88);color:#fff;padding:3px 4px;border-radius:4px;line-height:1.15;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bay-color-legend{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0 12px;min-height:20px}
.color-legend-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:#fff;max-width:100%;overflow-wrap:anywhere}
.color-legend-chip i{width:13px;height:13px;border:1px solid #0002;border-radius:3px;flex:none}
@media(max-width:650px){.bay-color-controls{margin-top:7px}.bay-color-legend{gap:4px}}

/* Destination visual bay selector: same group-number hierarchy as the center map. */
.dest-bay-nav{display:grid;gap:7px;min-width:0;border:1px solid #e0e8f3;border-radius:10px;padding:9px;background:#f8fbff}
.dest-bay-groups,.dest-bay-numbers{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.right-panel .dest-bay-nav .bay-group-btn{width:43px;height:39px;min-width:43px;max-width:43px;font-size:16px;padding:0;flex:0 0 43px}
.right-panel .dest-bay-nav .bay-number-btn{width:38px;height:37px;min-width:38px;max-width:38px;font-size:14px;padding:0;flex:0 0 38px}
.right-panel .dest-bay-nav .bay-group-btn.is-active{font-size:20px}
.right-panel .dest-bay-nav .bay-number-btn.is-active{font-size:18px}
.dest-bay-fallback{font-size:11px;color:#536779;min-width:0}
.dest-bay-fallback summary{cursor:pointer}
.dest-bay-fallback label{margin-top:6px}
.right-panel .move-mini-slot.has-container{position:relative;background:var(--mini-fill,#2164ad);color:white;border:1px solid #54779a;opacity:1;min-height:41px;padding:11px 1px 3px;overflow:hidden}
.right-panel .move-mini-slot.has-container:disabled{opacity:1}
.move-mini-number{display:block;max-width:100%;width:100%;background:#121c29;color:white;border-radius:3px;padding:3px 1px;font-size:10px;letter-spacing:0.1px;overflow:hidden}
.move-mini-state{position:absolute;top:1px;right:2px;font-size:8px;border-radius:3px;font-weight:900;line-height:1;padding:2px}
.move-mini-state.is-full{background:#f04452;color:white}
.move-mini-state.is-empty{background:white;color:#273648}
@media(max-width:650px){.right-panel .dest-bay-nav .bay-group-btn{width:44px;min-width:44px;max-width:44px}.right-panel .dest-bay-nav .bay-number-btn{width:40px;min-width:40px;max-width:40px}}

/* Verified unloaded containers are white in every 2D bay and destination picker. */
.bay-grid .slot.slot-colored.is-empty-container{--slot-fill:#fff!important;background:#fff!important;border:2px solid #8fa2b6!important;color:#223445}
.right-panel .move-mini-slot.has-container.is-empty-container{--mini-fill:#fff!important;background:#fff!important;border:2px solid #8fa2b6!important;color:#223445}
.work-empty-btn{background:#fff7eb;border:1px solid #bd7d24;color:#694109;font-weight:900}
.work-empty-btn:hover{background:#ffe6ba}

/* 2026-09-28: outbound office -> pending inbound -> yard, full lifetime history */
.pending-intake-panel,.full-history-panel{border:1px solid #a4b8ca;border-radius:12px;padding:12px;margin:14px 0;background:#f8fbff}
.pending-intake-panel>summary,.full-history-panel>summary{cursor:pointer;font-weight:750;display:list-item;line-height:1.45}
.pending-count{float:right;background:#dbeafe;border-radius:14px;padding:1px 9px}
.pending-intake-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.pending-intake-item{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px;border:1px solid #aac8e7;border-radius:10px;background:white;cursor:pointer;white-space:normal}
.pending-intake-item strong{font-size:1.06rem}
.pending-intake-item span,.pending-intake-item small{color:#4c5e70}
.pending-intake-item em{color:#0b5795;font-weight:700;font-style:normal}
.trip-pending-notice{background:#fff3d8;border:1px solid #deb96b;border-radius:9px;padding:9px;line-height:1.55}
.full-history-content{margin-top:10px;max-height:65vh;overflow:auto;overflow-wrap:anywhere}
.full-history-content h3{margin:17px 0 7px}
.history-event{border:1px solid #d9e3ed;background:white;border-radius:9px;padding:10px;margin:7px 0;line-height:1.6;overflow-wrap:anywhere}
.history-event p{margin:3px 0}
.office-page{max-width:1100px;margin:0 auto}
.office-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.office-summary>span{display:inline-block;padding:12px 16px;background:#eef5fc;border:1px solid #d3e3f1;border-radius:9px}
.office-dispatch-panel{margin:14px 0;padding:18px}
.office-dispatch-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.office-dispatch-head h2{margin:0}
.office-dispatch-head p{margin:5px 0 14px}
.office-stage{background:#fff0c2;border-radius:25px;padding:5px 11px;font-weight:700;white-space:nowrap}
.office-stage.ready{background:#d9f6e7}
.office-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}
.office-fields label{min-width:0;display:flex;flex-direction:column;gap:6px;font-weight:600}
.office-fields input,.office-fields select{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
.office-form-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.office-ready-fields p{overflow-wrap:anywhere}
@media(max-width:640px){.office-fields{grid-template-columns:1fr}.office-dispatch-panel{padding:12px}}


/* 2026-09-28: sectioned administration + office container number lookup */
.admin-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:16px;align-items:start}
.admin-sidebar{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;position:sticky;top:65px}
.admin-sidebar strong{padding:7px 9px;margin-bottom:3px}
.admin-sidebar a{display:block;color:var(--text);text-decoration:none;border-radius:8px;padding:12px 10px;font-weight:650;border:1px solid transparent}
.admin-sidebar a:hover,.admin-sidebar a.is-active{background:#e8f2ff;color:#0b58a0;border-color:#bdd7f5}
.admin-main{min-width:0}.admin-section{scroll-margin-top:75px}.admin-section[hidden]{display:none!important}
.office-admin-base-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:11px;margin:12px 0 16px}
.office-admin-base-fields>div{grid-column:1/-1}.office-admin-base-fields input{width:100%;min-width:0}
.office-admin-new{max-width:550px;padding:12px 0}.office-admin-new input,.office-admin-new select,.office-admin-new textarea{width:100%;min-width:0}
.office-number-search{margin:14px 0 10px}.office-number-search>label{font-size:15px;font-weight:800;margin-bottom:8px}
.office-search-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:9px}
.office-search-row input{width:100%;min-width:0;font-size:16px}
.office-search-row .button{display:inline-flex;align-items:center;justify-content:center}
.office-number-search .muted{margin:8px 0 0;font-size:12px}
.office-fields textarea{width:100%;max-width:100%;min-width:0;min-height:65px}
@media(max-width:820px){.admin-layout{grid-template-columns:1fr;gap:10px}.admin-sidebar{display:flex;gap:6px;overflow-x:auto;position:static;padding:8px;scrollbar-width:thin}.admin-sidebar strong{display:none}.admin-sidebar a{white-space:nowrap;padding:9px 11px}.admin-section{scroll-margin-top:100px}}
@media(max-width:500px){.office-search-row{grid-template-columns:minmax(0,1fr) auto}.office-search-row .button{grid-column:1/-1;width:100%}}

/* 2026-09-28: office split-pane queue, fixed editor and in-place pre-inbound edits */
.office-page-split{max-width:1400px;width:100%;margin:0 auto}
.office-page-heading p{margin:0 0 10px}
.office-page-split .office-number-search{margin:10px 0 8px;padding:12px 14px}
.office-page-split .office-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.office-status-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:9px;border:1px solid #cbd8e5;background:#fff;color:#344a5d;text-decoration:none;font-weight:750}
.office-status-tab:hover{background:#eef6ff}
.office-status-tab.is-active{background:#e7f1ff;border-color:#6b9ccf;color:#115aa1;box-shadow:inset 0 -3px 0 #2674c5}
.office-status-tab strong{font-size:16px}
.office-match-count{align-self:center;font-size:12px;color:var(--muted)}
.office-workspace{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr);gap:14px;align-items:start}
.office-page-split .office-workspace>.panel{margin:0;min-width:0}
.office-list-column,.office-editor-column{position:sticky;top:65px;display:flex;flex-direction:column;min-height:360px;max-height:calc(100dvh - 80px);overflow:hidden}
.office-list-heading{flex:0 0 auto;border-bottom:1px solid var(--line);padding-bottom:10px;display:grid;gap:3px}
.office-list-heading h2{margin:0}
.office-list-heading .muted{font-size:12px}
.office-list-scroll{min-height:130px;overflow-y:auto;overflow-x:hidden;flex:1;overscroll-behavior:contain;padding:7px 2px 4px 0;scrollbar-gutter:stable}
.office-list-entry{display:flex;align-items:center;gap:8px;border:1px solid #d6dfe8;border-radius:10px;margin-bottom:8px;background:#fff;transition:background .15s,border-color .15s}
.office-list-entry:hover{border-color:#91b7dc;background:#f8fbff}
.office-list-entry.is-selected{border:2px solid #2779c5;background:#edf6ff}
.office-list-select{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:none;background:transparent;padding:12px;white-space:normal}
.office-list-select strong{font-size:17px;letter-spacing:.02em;overflow-wrap:anywhere}
.office-list-select small,.office-list-meta{font-size:12px;color:#586a7c;overflow-wrap:anywhere}
.office-list-edit{flex:0 0 auto;margin:0 9px 0 0;border:1px solid #4e92ce;color:#145b99;font-weight:800;background:#eef7ff;padding:7px 10px}
.office-list-edit:hover{background:#dcefff}
.office-list-arrow{font-size:26px;color:#839ab0;padding:0 10px 0 0}
.office-list-footer{margin:7px 0 0;font-size:12px}
.office-list-empty{color:var(--muted);padding:16px 8px;line-height:1.5}
.office-editor-column{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.office-editor[hidden],.office-edit-form[hidden],.office-ready-detail[hidden]{display:none!important}
.office-editor{min-width:0;padding-bottom:2px}
.office-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:14px}
.office-editor-head h2{font-size:23px;letter-spacing:.035em;margin:2px 0}
.office-editor-head p{margin:5px 0 0;line-height:1.4}
.office-editor-eyebrow{font-size:12px;color:#567491;font-weight:700}
.office-edit-form .office-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.office-edit-form .office-fields label{font-size:13px}
.office-edit-form .office-fields input,.office-edit-form .office-fields select,.office-edit-form .office-fields textarea{min-height:40px;font-size:15px}
.office-edit-form .office-form-actions{display:block;margin:17px 0 0}
.office-form-actions .muted{line-height:1.5;font-size:12px}
.office-form-buttons{display:flex;gap:9px;flex-wrap:wrap}
.office-form-buttons button{padding:11px 15px;font-weight:800}
.office-ready-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}
.office-ready-grid>div{padding:10px;border:1px solid #e0e6ed;border-radius:8px;display:grid;gap:5px;min-width:0}
.office-ready-grid small{color:var(--muted);font-size:11px}
.office-ready-grid strong{overflow-wrap:anywhere}
.office-ready-edit-button{font-weight:800}
.office-ready-detail .muted{line-height:1.5}
@media(max-width:790px){
  .office-workspace{grid-template-columns:minmax(0,1fr);gap:10px}
  .office-list-column,.office-editor-column{position:static;max-height:none;min-height:0}
  .office-list-scroll{max-height:230px;overflow-y:auto;min-height:80px}
  .office-editor-column{max-height:none;overflow:visible}
}
@media(max-width:440px){
  .office-status-tab{font-size:12px;padding:9px 11px}
  .office-ready-grid{grid-template-columns:minmax(0,1fr)}
  .office-editor-head{flex-wrap:wrap}
}

/* Legacy yard reference: searchable and bounded list for large first-time imports. */
.pending-intake-list{max-height:330px;overflow:auto;overscroll-behavior:contain;}
.pending-filter-label{display:grid;gap:5px;margin:9px 0;font-weight:700;}
.pending-filter-label input{width:100%;} .pending-intake-item[hidden]{display:none!important;}
.pending-excel-location{font-weight:700;color:#965c12!important;}
.home-pending-info{padding:9px 12px;background:#fff7e7;border:1px solid #ecd09a;border-radius:9px;}