/* Dopetzcom V65 — All Orders styles. Add order-table/filter/modal changes here.
 * Shared V65 visual foundation: assets/core/base.css
 * Keep page-specific rules in this file so other pages remain isolated.
 */

.order-process-panel{
  width:min(1120px,96vw)!important;
  max-height:92vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  margin:0 auto;
}
#orderActionModal .orders-modal-head{flex-shrink:0;margin-bottom:12px}
#orderActionBody{overflow:auto;flex:1;min-height:0;padding:4px 2px 12px}
.order-process{display:flex;flex-direction:column;gap:18px}
.order-process-street{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.order-process-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.order-process-col .order-process-section,
.order-process-col .live-tracking-panel,
.order-process-col .order-draft-section,
.order-process-col .order-transport-section{
  border:1px solid #ece8f3;
  border-radius:12px;
  padding:14px;
  background:#fff;
}
.order-process-footer{justify-content:flex-end;padding-top:4px}
#orderActionModal .btn{
  display:inline-flex;align-items:center;gap:6px;border:1px solid #e2dfea;border-radius:8px;
  padding:8px 12px;background:#fff;color:#333044;font-size:12px;font-weight:700;cursor:pointer
}
#orderActionModal .btn-primary,#orderActionModal .orders-primary{background:#f59207;border-color:#f59207;color:#fff}
#orderActionModal .btn-secondary{background:#f7f6fa}
#orderActionModal .btn-sm{font-size:11px;padding:6px 10px}
#orderActionModal .form-input,#orderActionModal .form-select,#orderActionModal .form-textarea{
  width:100%;box-sizing:border-box;min-height:38px;border:1px solid #e1dce9;border-radius:8px;padding:8px 10px;font:inherit;background:#fff
}
#orderActionModal .form-label{display:block;font-size:11px;font-weight:700;color:#666;margin-bottom:6px}
@media (max-width:900px){
  .order-process-street{grid-template-columns:1fr}
  .order-process-kpis{grid-template-columns:1fr 1fr}
}
#orderActionModal.orders-modal{
  align-items:center;
  justify-content:center;
  z-index:1400;
  padding:max(16px,4vh) 16px;
  box-sizing:border-box;
}
.order-process-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.order-process-kpis>div{border:1px solid #e4e4eb;border-radius:10px;padding:12px;background:#fafafd}
.order-process-kpis span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#858593;font-weight:700}
.order-process-kpis b{display:block;margin-top:6px;font-size:14px;color:#20202c}
.order-process-section h3{margin:0 0 10px;font-size:13px;color:#2a2a38}
.order-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.order-process-grid label,.schedule-label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#666676}
.order-process-grid input,.order-process-grid select,.schedule-label textarea,.schedule-label input{height:40px;border:1px solid #d9d9e2;border-radius:8px;padding:0 10px;background:#fff;color:#222;font:500 13px inherit}
.schedule-label textarea{height:auto;padding:10px;resize:vertical}
.order-process-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.order-process-actions .orders-primary{width:auto;padding:0 16px}
.order-items-table{width:100%;border-collapse:collapse}
.order-items-table th{font-size:10px;letter-spacing:.05em;text-align:left;color:#858593;padding:8px 6px;border-bottom:1px solid #e5e5eb}
.order-items-table td{padding:10px 6px;border-bottom:1px solid #ededf1;font-size:12px;vertical-align:middle}
.order-item-cell{display:flex;align-items:center;gap:10px}
.order-item-cell img,.order-item-ph{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f3f0fa;display:grid;place-items:center;flex:0 0 40px}
.order-item-cell small{display:block;color:#88879a;margin-top:3px}
.order-addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-addr-grid h4{margin:0 0 6px;font-size:11px;color:#666}
.order-addr-grid pre{margin:0;white-space:pre-wrap;font:500 12px/1.45 Inter,Arial,sans-serif;background:#fafafd;border:1px solid #e4e4eb;border-radius:8px;padding:10px}
.order-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.order-history-list li{border:1px solid #eee;border-radius:8px;padding:8px 10px}
.order-history-list small{display:block;color:#888;margin-top:3px}
.orders-bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 0 4px;font-size:12px}
.orders-bulk-bar select{height:34px;border:1px solid #d9d9e2;border-radius:8px;padding:0 8px}
body.dark .order-process-col .order-process-section,
body.dark .order-process-col .live-tracking-panel,
body.dark .order-process-col .order-draft-section,
body.dark .order-process-col .order-transport-section{background:#20202a;border-color:#3c3a47}
#orderActionModal .order-transport-section .orders-primary{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px}
body.dark .order-process-kpis b,body.dark .order-process-section h3{color:#eee}
body.dark .order-process-grid input,body.dark .order-process-grid select,body.dark .schedule-label textarea{background:#1b1b27;color:#eee;border-color:#3a3844}
.order-status-panel{width:min(380px,92vw)!important;padding:18px 18px 16px}
.order-status-fields{display:grid;gap:12px;margin:0 0 16px}
.order-status-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#666676}
.order-status-fields select{height:40px;border:1px solid #d9d9e2;border-radius:8px;padding:0 10px;background:#fff;color:#222;font:500 13px inherit}
.order-status-actions{display:flex;justify-content:flex-end;gap:8px}
.order-status-actions .orders-primary{width:auto;min-width:92px;padding:0 16px}
.order-status-actions .orders-tool-btn{height:42px}
.order-action.status{color:#5b28d4;border-color:#d8c9fb;background:#f6f2ff}
.order-id-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.order-return-chip{display:inline-flex;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;background:#f3eefc;color:#6b3bc7;border:1px solid #e0d4f8}
.order-pos-chip{display:inline-flex;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;background:#efeafc;color:#5b28d4;border:1px solid #d8c9fb}
.order-return-chip.is-open{background:#fff4df;color:#a7650c;border-color:#f3d7a0}
.orders-table tbody tr.is-focused{outline:2px solid #7c4ee4;outline-offset:-2px;background:#f7f3ff}
.orders-suite{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px;padding:4px;border:1px solid #e6e4ef;border-radius:10px;background:#f7f6fb;width:fit-content;max-width:100%}
.orders-suite-tab{border:0;background:transparent;color:#5c5b6a;border-radius:8px;padding:8px 12px;font:650 12px Inter,Arial,sans-serif;cursor:pointer}
.orders-suite-tab:hover{color:#2d2c3a;background:#eeedf4}
.orders-suite-tab.is-active{background:#fff;color:#5b28d4;box-shadow:0 1px 0 #e4e2ea}
.order-return-list{margin:0 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.order-return-list li{border:1px solid #eceaf3;border-radius:8px;padding:8px 10px;font-size:12px;background:#fafafd}
body.dark .orders-suite{background:#1b1b24;border-color:#34333f}
body.dark .orders-suite-tab{color:#b5b4c2}
body.dark .orders-suite-tab:hover{background:#242430;color:#eee}
body.dark .orders-suite-tab.is-active{background:#2a2240;color:#c7aaff}
body.dark .order-return-chip{background:#2a2240;color:#c7aaff;border-color:#4c3d72}
body.dark .order-pos-chip{background:#2a2240;color:#c7aaff;border-color:#4c3d72}
body.dark .orders-table tbody tr.is-focused{background:#241b35;outline-color:#7c4ee4}
body.dark .order-return-list li{background:#20202b;border-color:#34333f}
body.dark .order-status-panel{background:#171720;border-color:#302f3c;color:#eee}
body.dark .order-status-panel .orders-modal-head h2{color:#fff}
body.dark .order-status-fields label{color:#a5a5b5}
body.dark .order-status-fields select{background:#20202c;color:#eee;border-color:#3a3a47}
body.dark .order-action.status{background:#241b35!important;color:#c7aaff!important;border-color:#4c3d72!important}
body.dark .order-action.status:hover{background:#2d2244!important}
#orderActionModal.orders-modal{
  align-items:center;
  justify-content:center;
  z-index:1400;
  padding:max(20px,5vh) 20px;
  box-sizing:border-box;
}
.order-schedule-panel{
  width:min(440px,92vw)!important;
  max-height:min(86vh,680px);
  overflow:auto;
  margin:0 auto;
  position:relative;
}
body.dark .order-schedule-panel{
  background:#171720;
  border-color:#302f3c;
  color:#eee;
}
body.dark .order-schedule-panel .orders-modal-head h2{color:#fff}