.orders-shell{padding-top:calc(18px + env(safe-area-inset-top))}
.orders-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px;padding-right:64px}
.orders-header h1{margin:0;font-size:clamp(30px,5vw,42px);line-height:1.05}
.orders-header .beta-pill{flex:0 0 auto;margin:0}
.orders-eyebrow,.panel-kicker{margin:0 0 4px;color:#8ea0b4;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.orders-shell>.status{min-height:18px;margin:4px 2px 6px;font-size:12px}
.orders-shell .users-panel{margin:10px 0;padding:14px;border-radius:16px;box-shadow:0 10px 28px #0003}
.orders-shell .users-panel h2{margin:0;font-size:18px}
.orders-shell .panel-heading{margin-bottom:10px}
.orders-list,.products-admin{display:grid;gap:7px}
.orders-list{max-height:min(57dvh,620px);overflow-y:auto;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52667c #0b121b}
.order-admin{padding:11px;border:1px solid #2d3b4b;border-radius:12px;background:#0b121b}
.order-admin.is-billed,.order-admin.is-processed,.product-row.is-inactive{opacity:.58}
.order-head{display:flex;justify-content:space-between;gap:12px}
.order-head strong{font-size:14px}
.order-head small,.product-row small{display:block;margin-top:3px;color:#9eacbd;font-size:11px}
.order-items{margin:8px 0;color:#dce6ef;font-size:13px;line-height:1.45}
.order-controls{display:grid;grid-template-columns:150px minmax(180px,1fr) auto auto;gap:6px;align-items:center}
.order-controls select,.order-controls input,.product-form textarea{min-height:40px;padding:8px;border:1px solid #3a4859;border-radius:9px;background:#09111b;color:#fff;font:inherit}
.order-controls button{min-height:40px;padding-block:7px}
.billed-check,.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px;white-space:nowrap}
.billed-check input,.check-row input{width:auto!important;min-height:0}
.product-form{margin:10px 0;padding:12px;border:1px solid #344355;border-radius:12px;background:#0b121b}
.product-form[hidden]{display:none}
.product-form .wide{grid-column:1/-1}
.product-form textarea{width:100%;min-height:86px;resize:vertical}
.form-actions,.product-actions{display:flex;gap:6px;flex-wrap:wrap}
.form-actions{margin-top:9px}
.product-row{display:grid;grid-template-columns:20px 54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid #2d3b4b;border-radius:11px;background:#0b121b;transition:border-color .15s,transform .15s}
.product-row img{width:54px;height:54px;border-radius:8px;object-fit:cover;background:#18222e}
.product-actions button{min-height:38px;padding:7px 10px;font-size:12px}
.product-actions .danger{background:#582a31;color:#ffd7dc}
.catalog-tabs{display:flex;gap:5px;margin:8px 0 6px;padding:3px;border:1px solid #ffffff18;border-radius:11px;background:#0b121b;overflow:auto}
.catalog-tabs button{min-height:38px;padding:7px 12px;border-radius:8px;background:transparent;color:#aebdcd;font-size:12px;white-space:nowrap}
.catalog-tabs button.is-active{background:#263f35;color:#9af0b5;box-shadow:inset 0 0 0 1px #68e18f55}
.order-tabs button.is-active{background:#243750;color:#b9d8ff;box-shadow:inset 0 0 0 1px #70b8ff55}
.product-state-tabs{margin-top:0}
.drag-help{margin:0 0 8px;color:#9eacbd;font-size:11px}
.drag-handle{color:#8190a1;font-size:20px;cursor:grab;user-select:none}
.product-row.is-dragging{opacity:.35}
.product-row.drag-over{border-color:#68e18f;transform:translateY(3px)}
.manual-order-panel .product-form{margin-bottom:0}
.manual-items{display:grid;gap:6px;margin:8px 0 12px}
.manual-item,.manual-total{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2d3b4b;border-radius:10px;background:#09111b;color:#dce6ef}
.manual-item button{min-height:32px;padding:4px 10px;border-radius:9px;background:#582a31;color:#ffd7dc}
.manual-total{grid-template-columns:minmax(0,1fr) auto;background:#122437;font-weight:850}
@media(max-width:720px){
  .orders-header{padding-right:58px}
  .orders-header .beta-pill{position:absolute;top:calc(18px + env(safe-area-inset-top));right:72px}
  .orders-shell .users-panel{padding:11px}
  .orders-list{max-height:none;overflow:visible;padding-right:0}
  .order-controls{grid-template-columns:1fr}
  .order-head{align-items:flex-start}
  .order-head b{white-space:nowrap}
  .product-row{grid-template-columns:18px 48px 1fr}
  .product-row img{width:48px;height:48px}
  .product-actions{grid-column:1/-1}
  .drag-help{display:none}
  .manual-item,.manual-total{grid-template-columns:1fr auto}
  .manual-item button{grid-column:1/-1}
}
