/* v0.10.289: simple four-level zone editor with actual two-direction rank editing. */
.zone-master-shell .zone-master-columns{display:flex;flex-direction:column;gap:12px;width:100%}
.zone-master-shell .zone-master-columns>section{width:100%;box-sizing:border-box;margin:0;min-width:0;padding:13px 15px}
.zone-master-shell .zone-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px}
.zone-master-shell .zone-section-head h3{margin:0;font-size:14px}
.zone-master-shell .zone-section-help{font-size:12px;color:#536e81}
.zone-master-shell .zone-master-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;align-items:end;margin:0}
.zone-master-shell .zone-master-editor .zone-master-note{grid-column:1/-1}
.zone-master-shell .zone-master-editor .zone-master-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}
.zone-master-shell .zone-product-head{margin:0 0 12px;gap:9px}
.zone-master-shell .zone-product-head h3{font-size:14px;white-space:nowrap}
.zone-master-shell .zone-route-example{white-space:normal}
.zone-master-shell .zone-list-scroll{max-height:330px;overflow:auto;border:1px solid #ccdae6;border-radius:3px}
.zone-master-shell .zone-list-table{width:100%;border-collapse:collapse;font-size:12px}
.zone-master-shell .zone-list-table th{position:sticky;top:0;background:#e7f0f6;text-align:center;padding:8px;border-bottom:1px solid #c7d6e0}
.zone-master-shell .zone-list-table td{padding:8px 12px;border-bottom:1px solid #e5edf3;text-align:center}
.zone-master-shell .zone-list-table td:nth-child(2){text-align:left}
.zone-master-shell .zone-list-table tr.zone-list-item{display:table-row;border:0;border-radius:0;min-height:0;box-shadow:none}
.zone-master-shell .zone-list-table tr.zone-list-item.selected{background:#d9ebf9;box-shadow:inset 3px 0 #2373a6}
.zone-master-shell .zone-list-table tr.zone-list-item:hover{background:#edf6fc;cursor:pointer}
.zone-master-shell .zone-products-table th:first-child{width:52px}
.zone-master-shell .zone-products-table th:nth-child(2){width:105px}
.zone-master-shell .zone-products-table th:last-child{min-width:155px}
.zone-master-shell .zone-rank-input{width:67px;min-height:28px;text-align:center;box-sizing:border-box;padding:2px 4px}
.zone-master-shell .zone-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:29px;font-size:20px;cursor:grab;user-select:none;color:#507b9a}
.zone-master-shell .zone-products-table tr.dragging{opacity:.5}
.zone-master-shell .zone-products-table tr.drag-target{outline:2px dashed #2877aa;outline-offset:-2px;background:#d9ecf9}
.zone-master-shell .zone-products-table tr[draggable=true]{cursor:grab}
@media(max-width:840px){.zone-master-shell .zone-master-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.zone-master-shell .zone-master-editor{grid-template-columns:1fr}.zone-master-shell .zone-product-head{align-items:stretch}.zone-master-shell .zone-product-head button{flex:1}}

#zone-select.hidden,#zone-product-picker.hidden{display:none!important}

/* v0.10.289: a compact zone CRUD header, two independent side-by-side master grids. */
.zone-master-shell .zone-master-columns{display:grid;grid-template-columns:minmax(305px,35fr) minmax(0,65fr);grid-template-areas:"editor editor" "list products";gap:12px;align-items:stretch;}
.zone-master-shell .zone-master-columns>.zone-editor-section{grid-area:editor}
.zone-master-shell .zone-master-columns>.zone-list-pane{grid-area:list}
.zone-master-shell .zone-master-columns>.zone-product-section{grid-area:products}
.zone-master-shell .zone-section-head .zone-editor-reset{margin-left:auto;font-size:12px;min-height:27px;padding:3px 10px}
.zone-master-shell .zone-master-editor .zone-master-actions button{min-width:75px}
.zone-master-shell .zone-list-scroll{max-height:485px;overflow:auto}
.zone-master-shell .zone-product-list{max-height:485px}
.zone-master-shell .zone-product-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.zone-master-shell .zone-product-head h3{width:100%}
.zone-master-shell .zone-route-example{flex:1 1 140px;margin-right:auto}
.zone-master-shell .zone-products-table{min-width:760px}
.zone-master-shell .zone-list-table{min-width:0}
.zone-master-shell .zone-list-table th,.zone-master-shell .zone-list-table td{padding:8px 5px;word-break:keep-all}
@media(max-width:1020px){.zone-master-shell .zone-master-columns{grid-template-columns:1fr;grid-template-areas:"editor" "list" "products"}.zone-master-shell .zone-list-scroll{max-height:240px}.zone-master-shell .zone-product-list{max-height:425px}}