#no75-panel { padding:28px; }
#no75-panel [hidden] { display:none !important; }
.no75-search { margin:20px 0 24px; }
.no75-search label { display:block; font-weight:700; margin-bottom:8px; }
#no75-search-input { display:block; width:100%; max-width:560px; box-sizing:border-box; }
#no75-search-summary { margin:10px 0; color:#606975; }
.no75-search-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:8px; }
.no75-search-result { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; padding:12px 16px; border:1px solid #73b591; border-radius:8px; background:#e5f4eb; color:#145d3b; text-align:left; cursor:pointer; }
.no75-search-result strong { max-width:100%; overflow-wrap:anywhere; }
.no75-search-result span { font-size:14px; }
.no75-search-result:focus-visible { outline:3px solid #cf1226; outline-offset:2px; }
.no75-cell.search-match { box-shadow:0 0 0 3px #176a43; }
.warehouse-section-tabs { flex-wrap:wrap; }
#no75-dialog [hidden] { display:none !important; }
.no75-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.no75-heading h2 { margin:0 0 8px; }
.no75-heading p,.no75-area > p { color:#606975; }
.no75-legend { font-size:14px; color:#606975; }
.no75-legend span { color:#176a43; font-weight:700; }
.no75-areas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.no75-area { border:1px solid #dfe3e8; border-radius:14px; padding:18px; min-width:0; background:#fff; }
.no75-area h3 { font-size:23px; margin:0; }
.no75-rack { display:grid; grid-template-columns:minmax(0,1fr) minmax(44px,.65fr) minmax(0,1fr); gap:12px; }
.no75-top { grid-column:1 / -1; }
.no75-left { grid-column:1; grid-row:2; }
.no75-right { grid-column:3; grid-row:2; }
.no75-passage { grid-column:2; grid-row:2; text-align:center; padding-top:60px; color:#9098a2; font-size:13px; }
.no75-side h4 { margin:12px 0 8px; font-size:13px; color:#606975; }
.no75-cells { display:grid; gap:6px; }
.no75-top .no75-cells { grid-template-columns:repeat(var(--no75-top-count),minmax(0,1fr)); }
.no75-cell { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:100%; min-width:0; min-height:64px; padding:8px 4px; background:#f4f5f7; border:1px solid #d8dde3; border-radius:8px; color:#606975; cursor:pointer; }
.no75-cell.occupied { background:#e5f4eb; border-color:#73b591; color:#145d3b; }
.no75-position { font-size:12px; font-weight:700; }
.no75-cell strong { font-size:13px; line-height:1.3; max-width:100%; overflow-wrap:anywhere; }
.no75-cell:focus-visible { outline:3px solid #cf1226; outline-offset:2px; }
.no75-cell:hover { box-shadow:0 0 0 2px #8c97a433; }
#no75-dialog { width:min(520px,calc(100vw - 28px)); }
#no75-dialog input { width:100%; margin-top:8px; }
.no75-help { font-size:14px; color:#606975; }
@media(max-width:1050px) { .no75-areas { grid-template-columns:1fr; } }
@media(max-width:500px) { .no75-area { padding:10px; } .no75-rack { gap:6px; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); } .no75-heading { flex-wrap:wrap; } .no75-top .no75-cell strong { font-size:11px; } .no75-side h4 { font-size:12px; } }

@media(max-width:500px) { #no75-panel { padding:18px 14px; } }