.notice{padding:11px 13px;border-radius:8px;margin:0 0 15px;font-size:13px}
.notice.success{background:#eef9f0;border:1px solid #aed2b4}
.notice.error{background:#fff0f0;border:1px solid #d7aaaa}
.notice a{margin-left:8px;font-weight:800}
.badge{display:inline-block;padding:4px 7px;border-radius:6px;font-size:9px;line-height:1.2;font-weight:900;white-space:nowrap}
.badge.done{background:#111;color:#fff}
.badge.invoice{background:#222;color:#fff}
.badge.cod{background:#ededed;color:#111;border:1px solid #bbb}
.badge.neutral{background:#f3f3f3;color:#555;border:1px solid #ddd}
.source-id{display:block;margin-top:4px;color:#777;font-size:10px}
.mini-link{display:inline-block;margin:3px 6px 3px 0;font-size:12px;font-weight:800}
.inline-form{display:inline}
.link-danger,.button-link{border:0;background:none;padding:0;margin:0 6px 0 0;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:underline}
.link-danger{color:#a10f0f}
.button-link{color:#111}
.action-cell{white-space:nowrap}
.sender-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.settings-card,.editor-card{max-width:760px}
.field-help{display:block;margin-top:5px;font-weight:400;color:#666;font-size:11px;line-height:1.35}
.integration-note{margin-top:18px;padding-top:15px;border-top:1px solid #eee;color:#666;font-size:12px;line-height:1.5}
.btn.small{min-height:32px;padding:6px 9px;font-size:10px}
@media(max-width:850px){.sender-actions{justify-content:flex-start}.action-cell{white-space:normal}}


/* V1.6 - warehouse / bulk preparation */
.summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:10px;
  margin:0 0 14px;
}
.summary-card{
  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;
  padding:13px 14px;
  min-height:76px;
}
.summary-card span{
  display:block;
  color:#777;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.summary-card strong{
  display:block;
  margin-top:6px;
  font-size:21px;
  line-height:1.1;
}
.woo-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:0 0 12px;
}
.woo-tabs a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border:1px solid #ccc;
  border-radius:8px;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
}
.woo-tabs a.active{
  background:#111;
  color:#fff;
  border-color:#111;
}
.tab-count{
  display:inline-block;
  min-width:18px;
  padding:2px 5px;
  border-radius:10px;
  text-align:center;
  background:#e9e9e9;
  color:#111;
  font-size:9px;
}
.woo-tabs a.active .tab-count{
  background:#fff;
}
.bulk-panel{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px;
  margin:0 0 10px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  background:#fafafa;
}
.bulk-left{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.bulk-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:250px;
  font-size:10px;
  font-weight:900;
}
.bulk-field select{
  min-height:38px;
}
.bulk-stats{
  display:flex;
  gap:13px;
  flex-wrap:wrap;
  font-size:11px;
}
.bulk-stats b{
  font-size:13px;
}
.bulk-panel .btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.order-check{
  width:17px;
  height:17px;
}
.package-input{
  width:66px!important;
  min-width:66px!important;
  padding:6px 7px!important;
  text-align:center;
}
.row-muted{
  opacity:.63;
}
.status-note{
  display:block;
  margin-top:4px;
  font-size:9px;
  color:#777;
}
.woo-table td{
  vertical-align:middle;
}
.bulk-print-toolbar{
  position:sticky;
  top:8px;
  z-index:200;
  width:100mm;
  max-width:calc(100% - 20px);
  margin:0 auto 14px;
  padding:9px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:9px;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
}
.bulk-print-toolbar b{
  display:block;
  margin-bottom:7px;
  font-size:12px;
}
.bulk-print-toolbar button,
.bulk-print-toolbar a{
  display:inline-block;
  margin:3px;
  padding:8px 12px;
  border:1px solid #aaa;
  border-radius:7px;
  background:#eee;
  color:#111;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.bulk-print-toolbar .primary{
  background:#111;
  color:#fff;
  border-color:#111;
}
@media(max-width:1050px){
  .summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}
}
@media(max-width:650px){
  .summary-grid{grid-template-columns:1fr}
  .bulk-field{min-width:100%}
}


/* V1.7 shipment status and daily handover */
.history-search{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
}
.history-search select{
  min-height:38px;
}
.history-bulk-panel{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 10px;
  padding:12px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  background:#fafafa;
}
.history-bulk-left{
  display:flex;
  align-items:flex-end;
  gap:15px;
  flex-wrap:wrap;
}
.history-bulk-left label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:240px;
  font-size:10px;
  font-weight:900;
}
.history-bulk-left select{
  min-height:38px;
}
.history-bulk-panel .btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.shipment-status{
  display:inline-block;
  padding:5px 7px;
  border-radius:6px;
  font-size:9px;
  line-height:1.15;
  font-weight:900;
  white-space:nowrap;
  border:1px solid transparent;
}
.status-prepared{
  background:#f1f1f1;
  color:#111;
  border-color:#c9c9c9;
}
.status-handed{
  background:#111;
  color:#fff;
}
.status-delivered{
  background:#eaf7ed;
  color:#185f29;
  border-color:#aad5b3;
}
.status-returned{
  background:#fff3dd;
  color:#865500;
  border-color:#e2c386;
}
.status-cancelled{
  background:#fff0f0;
  color:#9e1111;
  border-color:#dfadad;
}
.row-status-control{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:6px;
  min-width:190px;
}
.row-status-control select{
  min-height:28px;
  max-width:150px;
  padding:4px 5px;
  font-size:10px;
}
.mini-status-save{
  min-height:28px;
  border:1px solid #aaa;
  border-radius:6px;
  background:#f4f4f4;
  padding:4px 7px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.handover-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 12px;
}
.handover-summary{
  margin-top:0;
}
@media(max-width:900px){
  .row-status-control{
    min-width:160px;
  }
}


/* V1.8 real dashboard, backup and security */
.login-sub{
  margin-top:-5px;
  color:#777;
  font-size:12px;
}
.dashboard-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.dashboard-head h1{
  margin:0;
}
.dashboard-head p{
  margin:5px 0 0;
  color:#777;
}
.dashboard-quick{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.dash-cards{
  display:grid;
  grid-template-columns:repeat(6,minmax(135px,1fr));
  gap:10px;
  margin-bottom:12px;
}
.dash-card{
  display:block;
  min-height:104px;
  padding:14px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
  color:#111;
  text-decoration:none;
}
.dash-card:hover{
  border-color:#999;
}
.dash-card span{
  display:block;
  color:#777;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.dash-card strong{
  display:block;
  margin-top:8px;
  font-size:28px;
  line-height:1;
}
.dash-card strong.money-big{
  font-size:20px;
  line-height:1.15;
}
.dash-card small{
  display:block;
  margin-top:7px;
  color:#777;
  font-size:10px;
}
.dashboard-columns{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:12px;
  margin-bottom:12px;
}
.dashboard-panel{
  margin:0;
}
.panel-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.panel-title h2{
  margin:0;
}
.panel-title p{
  margin:3px 0 0;
  color:#777;
  font-size:11px;
}
.seven-chart{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  align-items:end;
  gap:10px;
  height:205px;
  padding:8px 0 0;
}
.chart-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  height:100%;
}
.chart-value{
  min-height:18px;
  font-size:11px;
  font-weight:900;
}
.chart-track{
  position:relative;
  width:70%;
  flex:1;
  min-height:100px;
  border-radius:7px 7px 3px 3px;
  background:#f1f1f1;
  overflow:hidden;
}
.chart-bar{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:5px;
  background:#111;
  border-radius:6px 6px 2px 2px;
}
.chart-label{
  margin-top:6px;
  font-size:10px;
  font-weight:900;
}
.chart-pack{
  margin-top:2px;
  color:#888;
  font-size:8px;
}
.health-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #eee;
}
.health-row span{
  color:#666;
  font-size:11px;
}
.health-row strong{
  text-align:right;
  font-size:12px;
}
.health-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding-top:14px;
}
.dashboard-recent{
  margin-top:0;
}
.backup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);
  gap:12px;
  margin-bottom:12px;
}
.backup-create form{
  max-width:420px;
}
.backup-create select{
  min-height:40px;
}
.backup-note{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #eee;
  color:#666;
  font-size:11px;
}
.backup-note code,
.backup-create code{
  word-break:break-all;
}
.backup-runs{
  margin-top:12px;
}
.security-summary{
  grid-template-columns:repeat(3,minmax(160px,1fr));
}
.security-agent{
  max-width:360px;
  word-break:break-word;
  font-size:10px;
}
.audit-detail{
  max-width:420px;
  word-break:break-word;
  font-size:10px;
}
code{
  padding:2px 5px;
  border-radius:4px;
  background:#f3f3f3;
  font-family:Consolas,monospace;
}
@media(max-width:1250px){
  .dash-cards{
    grid-template-columns:repeat(3,minmax(140px,1fr));
  }
}
@media(max-width:900px){
  .dashboard-columns,
  .backup-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .dash-cards,
  .security-summary{
    grid-template-columns:1fr 1fr;
  }
  .seven-chart{
    gap:4px;
  }
}
@media(max-width:430px){
  .dash-cards,
  .security-summary{
    grid-template-columns:1fr;
  }
}

/* ================= V2.0 OPERATIONS SUITE ================= */
.status-pill,.cod-pill{display:inline-block;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:900;white-space:nowrap}
.status-pill.ok{background:#eaf7ed;color:#185f29;border:1px solid #aad5b3}.status-pill.off{background:#f2f2f2;color:#777;border:1px solid #ccc}
.row-status-control{flex-wrap:wrap;min-width:270px}.row-status-control .row-courier-select,.row-status-control .row-reason-select{max-width:125px;min-height:28px;padding:4px;font-size:9px}
.cod-summary{grid-template-columns:repeat(4,minmax(160px,1fr))}.cod-settle-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px;padding:12px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.cod-settle-bar label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:900}.cod-settle-bar select,.cod-settle-bar input{min-height:38px}.cod-amount{width:110px!important;min-width:110px!important}.cod-pending{background:#f1f1f1}.cod-partial{background:#fff3dd;color:#865500}.cod-paid{background:#eaf7ed;color:#185f29}.cod-returned,.cod-cancelled{background:#fff0f0;color:#9e1111}
.scan-btn{background:#111!important;color:#fff!important}.scan-shell{max-width:620px;margin:0 auto}.scan-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.camera-box{position:relative;overflow:hidden;border-radius:12px;background:#111;aspect-ratio:4/3}.camera-box video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;left:20%;right:20%;top:25%;bottom:25%;border:3px solid #fff;border-radius:12px}.scan-message{padding:10px 0;color:#555;text-align:center}.scan-buttons,.scan-manual{display:flex;gap:8px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.scan-manual{margin-top:18px;padding-top:15px;border-top:1px solid #eee}.scan-shipment{background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px;text-align:center}.scan-receipt{font-size:18px;font-weight:900}.scan-person{font-size:25px;font-weight:900;margin-top:10px}.scan-phone{font-size:19px;font-weight:900;margin-top:5px}.scan-city{font-size:30px;font-weight:900;margin:13px 0 4px}.scan-address{font-size:16px;font-weight:700}.scan-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;text-align:left}.scan-info-grid div{border:1px solid #ddd;border-radius:9px;padding:10px}.scan-info-grid span{display:block;font-size:9px;color:#777;font-weight:900}.scan-info-grid b{display:block;margin-top:4px}.scan-actions{display:grid;gap:9px}.scan-actions label{text-align:left}.scan-action{border:0;border-radius:10px;padding:15px;font-size:14px;font-weight:900;cursor:pointer}.scan-action.handed{background:#111;color:#fff}.scan-action.delivered{background:#dff4e4;color:#155924}.scan-action.returned{background:#fff0dd;color:#814e00}
.report-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.report-summary{grid-template-columns:repeat(6,minmax(130px,1fr))}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid a{display:block;padding:16px;border:1px solid #ddd;border-radius:10px;color:#111;text-decoration:none;font-weight:900}.quick-grid a:hover{border-color:#888}.role-help{margin-top:16px;padding-top:14px;border-top:1px solid #eee;color:#666;font-size:11px;line-height:1.6}.settings-divider{margin-top:10px;padding-top:15px;border-top:1px solid #ddd}.settings-divider h2{margin-bottom:3px}.settings-divider p{margin-top:0;color:#666;font-size:11px}
@media(max-width:1100px){.report-summary{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.report-two{grid-template-columns:1fr}.cod-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.scan-info-grid,.quick-grid,.cod-summary,.report-summary{grid-template-columns:1fr}}
.report-two:has(> section:nth-child(3)){grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.report-two:has(> section:nth-child(3)){grid-template-columns:1fr}}

/* =========================================================
   V2.1.1 MOBILE WAREHOUSE — CLEAN APP UI
   ========================================================= */
.mwh-app{display:none}
@media(max-width:760px){
:root{--mwh-bg:#f5f6f8;--mwh-card:#fff;--mwh-text:#0f1115;--mwh-muted:#7a8088;--mwh-border:#e3e6ea;--mwh-black:#111317;--mwh-success-bg:#eaf7ee;--mwh-success:#17612b;--mwh-return-bg:#fff5e9;--mwh-return:#8a5400}
body.mobile-scan-mode{margin:0;padding:0;background:var(--mwh-bg);color:var(--mwh-text);overflow-x:hidden}
body.mobile-scan-mode>header{display:none!important}
body.mobile-scan-mode>main{width:100%;max-width:none;margin:0;padding:0 0 84px!important}
body.sheet-open{overflow:hidden}
.mwh-app{display:block;min-height:100vh;background:var(--mwh-bg);padding:0 14px 94px}
.mwh-topbar,.mwh-queue-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px 14px;padding:13px 16px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--mwh-border);backdrop-filter:blur(12px)}
.mwh-brand{font-size:21px;font-weight:1000;letter-spacing:-.6px;line-height:1}
.mwh-today{margin-top:4px;color:var(--mwh-muted);font-size:10px;font-weight:700}
.mwh-mini-stats{display:flex;gap:6px;align-items:center}
.mwh-mini-stats span{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 8px;border-radius:10px;background:#f0f1f3;color:var(--mwh-muted);font-size:8px;font-weight:800;line-height:1.1}
.mwh-mini-stats b{color:var(--mwh-text);font-size:13px;line-height:1.1}
.mwh-scanner-card{overflow:hidden;margin-bottom:14px;border:1px solid var(--mwh-border);border-radius:20px;background:var(--mwh-card);box-shadow:0 8px 30px rgba(20,24,30,.07)}
.mwh-camera{position:relative;width:100%;aspect-ratio:1/1.05;overflow:hidden;background:#0d0f12}
.mwh-camera video{width:100%;height:100%;object-fit:cover}
.mwh-scan-frame{position:absolute;left:17%;right:17%;top:19%;bottom:19%;border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}
.mwh-scan-frame .corner{position:absolute;width:44px;height:44px}
.mwh-scan-frame .corner:before,.mwh-scan-frame .corner:after{content:"";position:absolute;background:#fff;border-radius:4px}
.mwh-scan-frame .corner:before{width:44px;height:4px}.mwh-scan-frame .corner:after{width:4px;height:44px}
.mwh-scan-frame .tl{left:-1px;top:-1px}.mwh-scan-frame .tr{right:-1px;top:-1px;transform:rotate(90deg)}.mwh-scan-frame .br{right:-1px;bottom:-1px;transform:rotate(180deg)}.mwh-scan-frame .bl{left:-1px;bottom:-1px;transform:rotate(270deg)}
.mwh-scan-line{position:absolute;left:8%;right:8%;top:50%;height:2px;border-radius:99px;background:#fff;opacity:.95;animation:mwhScan211 2s ease-in-out infinite}
@keyframes mwhScan211{0%,100%{transform:translateY(-78px);opacity:.25}50%{transform:translateY(78px);opacity:1}}
.mwh-camera-label{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(12,14,17,.72);color:#fff;font-size:9px;font-weight:1000;letter-spacing:1.2px}
.mwh-scan-status{padding:12px 16px 5px;min-height:34px;text-align:center;color:var(--mwh-muted);font-size:11px;font-weight:800}
.mwh-scan-status.ok{color:var(--mwh-success)}.mwh-scan-status.warn{color:var(--mwh-return)}.mwh-scan-status.error{color:#a01d1d}
.mwh-camera-actions{display:flex;justify-content:center;gap:8px;padding:10px 14px 14px}
.mwh-camera-btn{min-height:44px;min-width:90px;border:1px solid var(--mwh-border);border-radius:12px;background:#f2f3f5;color:var(--mwh-text);font-size:10px;font-weight:1000}
.mwh-camera-btn.primary{background:var(--mwh-black);border-color:var(--mwh-black);color:#fff}.mwh-camera-btn.active{background:#fff6c8;border-color:#dfbd4e}
.mwh-manual{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 14px 16px}
.mwh-manual input{min-height:46px;border:1px solid var(--mwh-border);border-radius:12px;background:#f8f9fa;padding:0 13px;font-size:15px;font-weight:950;text-transform:uppercase}
.mwh-manual button{min-width:92px;border:0;border-radius:12px;background:#e9ebee;font-size:10px;font-weight:1000}
.mwh-section-title{margin:20px 2px 8px;color:var(--mwh-muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px}
.mwh-recent-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;padding:12px 13px;border:1px solid var(--mwh-border);border-radius:14px;background:#fff;color:var(--mwh-text);text-decoration:none}
.mwh-recent-row b{display:block;font-size:13px}.mwh-recent-row span{display:block;margin-top:2px;color:var(--mwh-muted);font-size:9px}.mwh-recent-right{text-align:right}.mwh-recent-right span{color:var(--mwh-text);font-weight:950}.mwh-recent-right small{color:#9499a1;font-size:8px}
.mwh-shipment-card{padding-bottom:122px}
.mwh-shipment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.mwh-receipt{font-size:20px;font-weight:1000;letter-spacing:-.4px}.mwh-person{font-size:28px;line-height:1.05;font-weight:1000;letter-spacing:-.7px}
.mwh-phone{display:inline-flex;align-items:center;margin-top:8px;padding:8px 11px;border:1px solid var(--mwh-border);border-radius:11px;background:#fff;color:var(--mwh-text);text-decoration:none;font-size:16px;font-weight:950}
.mwh-city{margin-top:18px;font-size:34px;line-height:.95;font-weight:1000;letter-spacing:-1px}
.mwh-address{display:block;margin-top:10px;padding:14px;border:1px solid var(--mwh-border);border-radius:15px;background:#fff;color:var(--mwh-text);text-decoration:none;box-shadow:0 3px 12px rgba(20,24,30,.03)}
.mwh-address span,.mwh-note span,.mwh-courier-label>span,.mwh-big-info span{display:block;margin-bottom:5px;color:var(--mwh-muted);font-size:9px;font-weight:1000;letter-spacing:.5px}
.mwh-address b{display:block;font-size:15px;line-height:1.35}.mwh-address small{display:inline-block;margin-top:8px;color:#525861;font-size:9px;font-weight:950}
.mwh-big-info{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:10px}
.mwh-big-info>div{min-height:104px;padding:14px;border:1px solid var(--mwh-border);border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(20,24,30,.03)}
.mwh-big-info strong{display:block;margin-top:10px;font-size:31px;line-height:1;font-weight:1000}
.mwh-big-info .payment.cod{background:var(--mwh-black);color:#fff;border-color:var(--mwh-black)}.mwh-big-info .payment.cod span{color:#bfc4ca}.mwh-big-info .payment strong{font-size:23px;line-height:1.05}
.mwh-note{margin-top:10px;padding:13px;border:1px solid #edd8a7;border-radius:14px;background:#fff9e8}.mwh-note b{display:block;font-size:13px;line-height:1.35}
.mwh-courier-label{display:block;margin-top:10px;padding:12px 13px;border:1px solid var(--mwh-border);border-radius:15px;background:#fff}
.mwh-courier-label select{width:100%;min-height:46px;border:0;border-radius:10px;background:#f3f4f6;padding:0 11px;font-size:14px;font-weight:950}
.mwh-fixed-actions{position:fixed;left:0;right:0;bottom:64px;z-index:42;display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:6px;padding:8px 9px;background:rgba(255,255,255,.98);border-top:1px solid var(--mwh-border);box-shadow:0 -6px 24px rgba(20,24,30,.06)}
.mwh-main-action{min-height:62px;border:0;border-radius:14px;padding:7px 4px;font-weight:1000}.mwh-main-action small{display:block;margin-bottom:5px;font-size:17px}.mwh-main-action span{display:block;font-size:9px;letter-spacing:.1px}
.mwh-main-action.handed{background:var(--mwh-black);color:#fff}.mwh-main-action.delivered{background:var(--mwh-success-bg);color:var(--mwh-success)}.mwh-main-action.returned{background:var(--mwh-return-bg);color:var(--mwh-return)}
.mwh-return-sheet{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.16s ease}.mwh-return-sheet.open{visibility:visible;opacity:1}
.mwh-sheet-backdrop{position:absolute;inset:0;background:rgba(13,15,18,.48)}
.mwh-sheet{position:absolute;left:0;right:0;bottom:0;padding:10px 14px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;transform:translateY(100%);transition:.2s ease}
.mwh-return-sheet.open .mwh-sheet{transform:translateY(0)}
.mwh-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:99px;background:#c5c8cc}.mwh-sheet h2{margin:0 0 12px;font-size:18px}
.mwh-reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mwh-reason-option input{position:absolute;opacity:0}
.mwh-reason-option span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:7px;border:1px solid var(--mwh-border);border-radius:12px;background:#f7f8f9;text-align:center;font-size:10px;font-weight:950}
.mwh-reason-option input:checked+span{background:var(--mwh-black);border-color:var(--mwh-black);color:#fff}
.mwh-return-note{display:block;margin-top:10px}.mwh-return-note span{display:block;margin-bottom:5px;color:var(--mwh-muted);font-size:9px;font-weight:950}.mwh-return-note textarea{width:100%;border:1px solid var(--mwh-border);border-radius:11px;padding:9px;font-size:13px}
.mwh-sheet-buttons{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:11px}.mwh-sheet-buttons button{min-height:50px;border:0;border-radius:12px;font-size:10px;font-weight:1000}.mwh-sheet-buttons .cancel{background:#eef0f2}.mwh-sheet-buttons .confirm{background:#8e2d16;color:#fff}
.mwh-save-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden;opacity:0;background:#f2fbf4;transition:.15s ease}.mwh-save-overlay.show{visibility:visible;opacity:1}
.mwh-save-check{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:#1f7a36;color:#fff;font-size:58px;font-weight:1000}.mwh-save-title{margin-top:16px;color:#155b28;font-size:28px;font-weight:1000}.mwh-save-sub{margin-top:6px;color:#467052;font-size:13px;font-weight:800}
.mwh-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);min-height:64px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.99);border-top:1px solid var(--mwh-border)}
.mwh-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a9098;text-decoration:none;font-size:8px;font-weight:900}.mwh-bottom-nav a>span{font-size:19px;line-height:1}.mwh-bottom-nav a.active{color:var(--mwh-text)}
.mwh-queue-head{justify-content:flex-start}.mwh-back{display:flex;align-items:center;justify-content:center;width:39px;height:39px;margin-right:2px;border-radius:11px;background:#eef0f2;color:var(--mwh-text);text-decoration:none;font-size:30px;line-height:1}
.mwh-queue-list{display:grid;gap:8px}.mwh-queue-card{display:block;padding:13px;border:1px solid var(--mwh-border);border-radius:15px;background:#fff;color:var(--mwh-text);text-decoration:none;box-shadow:0 3px 12px rgba(20,24,30,.03)}
.mwh-qc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mwh-qc-top>b{font-size:14px}.mwh-qc-name{margin-top:9px;font-size:18px;line-height:1.1;font-weight:1000}.mwh-qc-city{margin-top:4px;font-size:23px;line-height:1;font-weight:1000}
.mwh-qc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mwh-qc-meta span{padding:5px 7px;border-radius:8px;background:#f2f3f5;font-size:9px}
.mwh-qc-return{margin-top:8px;padding:7px;border-radius:9px;background:var(--mwh-return-bg);color:var(--mwh-return);font-size:9px;font-weight:950}.mwh-qc-open{margin-top:9px;text-align:right;color:#5d636b;font-size:9px;font-weight:1000}
.mwh-empty{padding:42px 15px;border:1px dashed #c7cbd0;border-radius:15px;background:#fff;text-align:center}.mwh-empty b,.mwh-empty span{display:block}.mwh-empty span{margin-top:4px;color:var(--mwh-muted);font-size:10px}
}
@media(min-width:761px){
.mwh-app{display:block}.mwh-bottom-nav,.mwh-fixed-actions{position:static}.mwh-fixed-actions{margin-top:12px}
.mwh-scanner-card,.mwh-shipment-card,.mwh-recent,.mwh-queue-app{max-width:720px;margin-left:auto;margin-right:auto}.mwh-camera{max-height:520px}.mwh-return-sheet{position:fixed}
}


/* =========================================================
   V2.1.2 HAMBURGER + MOBILE LAYOUT FIX
   ========================================================= */

.app-brand a{
  color:inherit;
  text-decoration:none;
}

.mnav-wrap{
  position:relative;
  display:none;
}

.mnav-toggle{
  width:43px;
  height:43px;
  padding:0;
  border:1px solid #dedfe2;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}

.mnav-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:3px;
  background:#111;
  transition:transform .18s ease,opacity .18s ease;
}

.mnav-wrap.open .mnav-toggle span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
.mnav-wrap.open .mnav-toggle span:nth-child(2){
  opacity:0;
}
.mnav-wrap.open .mnav-toggle span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

.mnav-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:500;
  width:min(300px,calc(100vw - 24px));
  max-height:min(72vh,620px);
  overflow-y:auto;
  overscroll-behavior:contain;
  visibility:hidden;
  opacity:0;
  transform:translateY(-7px) scale(.985);
  transform-origin:top right;
  border:1px solid #dedfe2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 16px 50px rgba(15,17,21,.18);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}

.mnav-wrap.open .mnav-dropdown{
  visibility:visible;
  opacity:1;
  transform:none;
}

.mnav-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  position:sticky;
  top:0;
  z-index:2;
  padding:12px 13px;
  border-bottom:1px solid #eceef0;
  background:#fff;
}

.mnav-head b{
  font-size:11px;
  letter-spacing:.7px;
}

.mnav-head small{
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7a8088;
  font-size:9px;
}

.mnav-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:8px;
}

.mnav-link{
  display:flex!important;
  align-items:center;
  min-height:44px;
  padding:9px 10px!important;
  border:1px solid #eceef0!important;
  border-radius:10px!important;
  background:#f7f8f9!important;
  color:#17191d!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal!important;
}

.mnav-link.active{
  background:#111317!important;
  color:#fff!important;
  border-color:#111317!important;
}

.mnav-link.logout{
  color:#9b1d1d!important;
  background:#fff4f4!important;
  border-color:#efd3d3!important;
}

/* Global responsive header */
@media(max-width:900px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  .app-header{
    position:sticky;
    top:0;
    z-index:100;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:61px!important;
    width:100%!important;
    max-width:100%!important;
    padding:9px 12px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e3e6ea!important;
    box-shadow:none!important;
  }

  .app-brand{
    min-width:0;
    font-size:16px!important;
    line-height:1!important;
    white-space:nowrap;
  }

  .app-header > .desktop-nav{
    display:none!important;
  }

  .app-header > .mnav-wrap{
    display:block;
    margin-left:auto;
    flex:0 0 auto;
  }

  .app-header .mnav-toggle{
    display:flex;
  }

  main{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* General page shift/overflow protection */
  .card,
  .pagehead,
  .dashboard-head,
  .dashboard-columns,
  .dashboard-panel,
  .dashboard-recent,
  .backup-grid,
  .bulk-panel,
  .history-bulk-panel,
  .cod-settle-bar,
  .handover-actions,
  .settings-card,
  .editor-card,
  .cols{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .pagehead,
  .dashboard-head{
    align-items:stretch!important;
  }

  .pagehead > *,
  .dashboard-head > *{
    min-width:0!important;
    max-width:100%!important;
  }

  .search,
  .history-search{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .search input,
  .search select,
  .search button,
  .history-search input,
  .history-search select,
  .history-search button,
  .bulk-field,
  .history-bulk-left label,
  .cod-settle-bar label{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .history-bulk-panel,
  .bulk-panel,
  .cod-settle-bar{
    align-items:stretch!important;
  }

  .history-bulk-left,
  .bulk-left{
    width:100%!important;
    min-width:0!important;
  }

  .table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }

  .table > table{
    width:max-content!important;
    min-width:760px!important;
    max-width:none!important;
  }

  .history-table{
    min-width:1050px!important;
  }

  .woo-table{
    min-width:980px!important;
  }

  .row-status-control{
    min-width:250px!important;
  }

  input,
  select,
  textarea,
  button{
    max-width:100%;
    box-sizing:border-box;
  }

  img,
  video,
  canvas,
  svg{
    max-width:100%;
  }

  .dashboard-quick,
  .handover-actions,
  .health-actions{
    width:100%;
  }

  .dashboard-quick .btn,
  .handover-actions .btn{
    flex:1 1 auto;
    text-align:center;
  }
}

/* Scanner has its own topbar, so hide global header and use embedded hamburger */
@media(max-width:760px){
  body.mobile-scan-mode > .app-header{
    display:none!important;
  }

  .mwh-topbar{
    overflow:visible!important;
  }

  .mwh-topbar-copy{
    min-width:0;
    flex:1 1 auto;
  }

  .mwh-topbar-right{
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
    flex:0 0 auto;
  }

  .mwh-topbar-right > .mnav-wrap,
  .mwh-queue-menu > .mnav-wrap{
    display:block;
    flex:0 0 auto;
  }

  .mwh-topbar-right .mnav-toggle,
  .mwh-queue-menu .mnav-toggle{
    display:flex;
    width:40px;
    height:40px;
    border-radius:11px;
    background:#f0f1f3;
    border-color:#e2e4e7;
  }

  .mwh-topbar-right .mnav-dropdown,
  .mwh-queue-menu .mnav-dropdown{
    position:fixed;
    top:68px;
    right:10px;
    width:min(310px,calc(100vw - 20px));
    max-height:calc(100vh - 150px);
  }

  .mwh-mini-stats{
    flex-shrink:1!important;
    min-width:0;
  }

  .mwh-mini-stats span{
    min-width:54px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .mwh-queue-head{
    overflow:visible!important;
  }

  .mwh-queue-title{
    min-width:0;
    flex:1 1 auto;
  }

  .mwh-queue-menu{
    margin-left:auto;
    flex:0 0 auto;
  }

  .mwh-brand,
  .mwh-city,
  .mwh-person,
  .mwh-address b,
  .mwh-note b{
    overflow-wrap:anywhere;
  }

  .mwh-big-info{
    min-width:0!important;
  }

  .mwh-big-info > div{
    min-width:0!important;
    overflow:hidden;
  }

  .mwh-big-info strong{
    overflow-wrap:anywhere;
  }

  .mwh-fixed-actions{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
  }

  .mwh-main-action{
    min-width:0!important;
    overflow:hidden;
  }

  .mwh-main-action span{
    overflow-wrap:anywhere;
  }
}

@media(max-width:430px){
  .mnav-links{
    grid-template-columns:1fr;
  }

  .mwh-mini-stats span{
    min-width:48px!important;
    font-size:7px!important;
  }

  .mwh-mini-stats b{
    font-size:12px!important;
  }

  .mwh-topbar{
    padding-left:12px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   V2.1.3 RESPONSIVE STABILITY
   ========================================================= */

.mobile-table-scroll{
  width:100%;
  max-width:100%;
}

@media(max-width:900px){
  .mobile-table-scroll{
    display:block;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    border-radius:inherit;
  }

  .mobile-table-scroll > table{
    width:100%;
    min-width:900px;
    max-width:none;
    margin:0;
  }

  main,
  main > *,
  .card,
  .cols,
  .grid{
    min-width:0;
  }

  .pagehead,
  .dashboard-head{
    max-width:100%;
  }

  .pagehead h1,
  .dashboard-head h1{
    overflow-wrap:anywhere;
  }
}

@media(max-width:520px){
  main{
    padding-left:10px;
    padding-right:10px;
  }

  body.mobile-scan-mode main{
    padding-left:0!important;
    padding-right:0!important;
  }

  .card{
    padding-left:12px;
    padding-right:12px;
  }

  .pagehead h1{
    font-size:23px;
  }

  .btn{
    max-width:100%;
    white-space:normal;
  }
}


/* =========================================================
   V2.2 WOO SYNC CENTER
   ========================================================= */

.woo-sync-state{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}

.woo-sync-state > div{
  padding:15px;
  border:1px solid #dfe2e6;
  border-radius:14px;
  background:#fff;
}

.woo-sync-state span{
  display:block;
  color:#777;
  font-size:11px;
  font-weight:800;
}

.woo-sync-state strong{
  display:block;
  margin-top:6px;
  font-size:24px;
  line-height:1;
}

.woo-sync-state.has-fail > div:last-child{
  border-color:#e0b0b0;
  background:#fff5f5;
}

.woo-manual-sync{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.woo-manual-sync h2{
  margin:0 0 5px;
}

.woo-manual-sync p{
  margin:0;
  max-width:700px;
  color:#666;
  font-size:12px;
}

.woo-manual-sync form{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.woo-manual-sync input{
  width:160px;
  text-transform:uppercase;
  font-weight:900;
}

.woo-sync-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.woo-sync-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.woo-sync-tabs a{
  padding:8px 11px;
  border:1px solid #ddd;
  border-radius:9px;
  background:#f7f7f7;
  color:#222;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
}

.woo-sync-tabs a.active{
  background:#111;
  color:#fff;
  border-color:#111;
}

.woo-sync-table{
  width:100%;
  min-width:1050px;
}

.sync-badge,
.sync-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  padding:3px 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:950;
}

.sync-ok,
.sync-step.yes{
  background:#e7f5eb;
  color:#17632d;
}

.sync-fail{
  background:#fff0f0;
  color:#9a1d1d;
}

.sync-pending{
  background:#fff7df;
  color:#7b5700;
}

.sync-step.no{
  background:#f0f1f2;
  color:#888;
}

.sync-error{
  margin-top:5px;
  max-width:260px;
}

.sync-error summary{
  cursor:pointer;
  color:#8b1c1c;
  font-size:9px;
  font-weight:900;
}

.sync-error div{
  margin-top:5px;
  padding:7px;
  border-radius:7px;
  background:#fff2f2;
  color:#761515;
  font-size:9px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.woo-settings-info{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:12px;
  border:1px solid #dfe2e6;
  border-radius:11px;
  background:#f7f8f9;
}

.woo-settings-info b{
  width:100%;
  margin-bottom:3px;
  font-size:11px;
}

.woo-settings-info span{
  padding:4px 7px;
  border-radius:6px;
  background:#fff;
  border:1px solid #e3e5e8;
  font-family:monospace;
  font-size:10px;
}

@media(max-width:900px){
  .woo-sync-state{
    grid-template-columns:1fr 1fr;
  }

  .woo-manual-sync{
    align-items:stretch;
    flex-direction:column;
  }

  .woo-manual-sync form{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }

  .woo-manual-sync input{
    width:100%;
  }

  .woo-sync-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .woo-sync-toolbar form,
  .woo-sync-toolbar form .btn{
    width:100%;
  }
}

@media(max-width:480px){
  .woo-sync-state{
    gap:7px;
  }

  .woo-sync-state > div{
    padding:11px;
  }

  .woo-sync-state strong{
    font-size:19px;
  }
}


/* =========================================================
   V2.3 OPERATIONS DASHBOARD
   ========================================================= */

.v23-head{
  margin-bottom:12px;
}

.v23-alert-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 11px;
  padding:11px 13px;
  border:1px solid #e6c06e;
  border-radius:12px;
  background:#fff8e8;
  color:#5e4300;
  text-decoration:none;
}

.v23-alert-strip strong,
.v23-alert-strip span{
  display:block;
}

.v23-alert-strip strong{
  font-size:12px;
}

.v23-alert-strip span{
  margin-top:2px;
  color:#876a27;
  font-size:10px;
}

.v23-alert-strip > b{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 8px;
  border-radius:10px;
  background:#8a6100;
  color:#fff;
  font-size:16px;
}

.v23-kpi-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(120px,1fr));
  gap:9px;
  margin-bottom:11px;
}

.v23-kpi{
  min-width:0;
  min-height:112px;
  padding:13px;
  border:1px solid #dfe2e6;
  border-radius:13px;
  background:#fff;
  color:#111;
  text-decoration:none;
  transition:border-color .15s ease,transform .15s ease;
}

.v23-kpi:hover{
  border-color:#9fa4aa;
  transform:translateY(-1px);
}

.v23-kpi span{
  display:block;
  color:#747a81;
  font-size:9px;
  font-weight:950;
  letter-spacing:.4px;
}

.v23-kpi strong{
  display:block;
  margin-top:9px;
  font-size:29px;
  line-height:1;
}

.v23-kpi strong.money{
  font-size:18px;
  line-height:1.12;
  overflow-wrap:anywhere;
}

.v23-kpi small{
  display:block;
  margin-top:8px;
  color:#7a8088;
  font-size:9px;
  line-height:1.25;
}

.v23-kpi.good{
  border-color:#c7dfce;
  background:#fbfffc;
}

.v23-kpi.warning{
  border-color:#ead29c;
  background:#fffdf7;
}

.v23-kpi.danger{
  border-color:#e4b2b2;
  background:#fff8f8;
}

.v23-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);
  gap:11px;
  margin-bottom:11px;
}

.v23-secondary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin-bottom:11px;
}

.v23-panel{
  margin:0;
}

.v23-chart-legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 9px;
}

.v23-chart-legend span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#6d737a;
  font-size:9px;
  font-weight:850;
}

.v23-chart-legend i{
  display:block;
  width:9px;
  height:9px;
  border-radius:3px;
  background:#111;
}

.v23-chart-legend i.handed{
  opacity:.72;
}

.v23-chart-legend i.delivered{
  opacity:.46;
}

.v23-chart-legend i.returned{
  opacity:.22;
}

.v23-seven-chart{
  display:grid;
  grid-template-columns:repeat(7,minmax(50px,1fr));
  gap:7px;
  min-height:210px;
}

.v23-day{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}

.v23-bars{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  width:100%;
  height:145px;
  padding:8px 5px 0;
  border-radius:9px;
  background:#f7f8f9;
}

.v23-bar{
  display:block;
  width:18%;
  min-height:3px;
  border-radius:4px 4px 1px 1px;
  background:#111;
}

.v23-bar.handed{
  opacity:.72;
}

.v23-bar.delivered{
  opacity:.46;
}

.v23-bar.returned{
  opacity:.22;
}

.v23-day > b{
  margin-top:5px;
  font-size:11px;
}

.v23-day > span{
  margin-top:2px;
  font-size:9px;
  font-weight:900;
}

.v23-day > small{
  margin-top:2px;
  color:#888;
  font-size:8px;
}

.v23-status-list{
  display:grid;
  gap:6px;
}

.v23-status-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border:1px solid #eceef0;
  border-radius:9px;
  background:#fafafa;
  color:#222;
  text-decoration:none;
}

.v23-status-list span{
  color:#666;
  font-size:10px;
  font-weight:800;
}

.v23-status-list strong{
  font-size:13px;
}

.v23-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:5px;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid #eee;
}

.v23-flow div{
  min-width:0;
  text-align:center;
}

.v23-flow span{
  display:block;
  color:#888;
  font-size:8px;
}

.v23-flow strong{
  display:block;
  margin-top:3px;
  font-size:17px;
}

.v23-flow i{
  color:#aaa;
  font-style:normal;
}

.v23-couriers{
  display:grid;
  gap:7px;
}

.v23-couriers > div{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(110px,1fr) auto;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid #eceef0;
  border-radius:9px;
  background:#fafafa;
}

.v23-couriers b{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:11px;
}

.v23-couriers span{
  color:#777;
  font-size:9px;
}

.v23-couriers strong{
  text-align:right;
  font-size:10px;
}

.v23-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(90px,1fr));
  gap:7px;
}

.v23-quick-grid a{
  display:flex;
  min-height:76px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px;
  border:1px solid #e2e4e7;
  border-radius:11px;
  background:#fafafa;
  color:#1d2024;
  text-decoration:none;
  text-align:center;
}

.v23-quick-grid b{
  font-size:16px;
}

.v23-quick-grid span{
  font-size:9px;
  font-weight:900;
}

.v23-attention{
  margin-bottom:11px;
}

.v23-attention-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.v23-attention-box{
  min-width:0;
  overflow:hidden;
  border:1px solid #e3e5e8;
  border-radius:11px;
  background:#fff;
}

.v23-attention-box.warn{
  border-color:#ead29c;
}

.v23-attention-box.danger{
  border-color:#e3b0b0;
}

.v23-attention-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  background:#fafafa;
  border-bottom:1px solid #eceef0;
}

.v23-attention-box.warn .v23-attention-title{
  background:#fffaf0;
}

.v23-attention-box.danger .v23-attention-title{
  background:#fff5f5;
}

.v23-attention-title b,
.v23-attention-title span{
  display:block;
}

.v23-attention-title b{
  font-size:10px;
}

.v23-attention-title span{
  margin-top:2px;
  color:#777;
  font-size:8px;
}

.v23-attention-title > strong{
  font-size:18px;
}

.v23-attention-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border-bottom:1px solid #f0f1f2;
  color:#222;
  text-decoration:none;
}

.v23-attention-row:last-child{
  border-bottom:0;
}

.v23-attention-row div{
  min-width:0;
}

.v23-attention-row b,
.v23-attention-row span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.v23-attention-row b{
  font-size:9px;
}

.v23-attention-row span{
  margin-top:2px;
  max-width:250px;
  color:#777;
  font-size:8px;
}

.v23-attention-row small{
  flex:0 0 auto;
  color:#777;
  text-align:right;
  font-size:8px;
}

.v23-empty{
  padding:22px 10px;
  color:#888;
  text-align:center;
  font-size:10px;
}

.v23-empty.small{
  padding:14px 9px;
}

.v23-recent{
  margin-top:0;
}

.v23-recent-table{
  width:100%;
  min-width:930px;
}

.v23-receipt-link{
  color:#111;
  font-weight:950;
}

.v23-sync{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:29px;
  min-height:22px;
  padding:2px 6px;
  border-radius:999px;
  font-size:8px;
  font-weight:1000;
  text-decoration:none;
}

.v23-sync.ok{
  background:#e6f5ea;
  color:#17612b;
}

.v23-sync.fail{
  background:#fff0f0;
  color:#9c1e1e;
}

.v23-sync.neutral{
  background:#f1f2f3;
  color:#888;
}

@media(max-width:1350px){
  .v23-kpi-grid{
    grid-template-columns:repeat(4,minmax(130px,1fr));
  }
}

@media(max-width:1000px){
  .v23-main-grid,
  .v23-secondary-grid{
    grid-template-columns:1fr;
  }

  .v23-attention-grid{
    grid-template-columns:1fr;
  }

  .v23-quick-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:760px){
  .v23-head{
    align-items:stretch!important;
  }

  .v23-head .dashboard-quick{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .v23-head .dashboard-quick .btn{
    width:100%;
  }

  .v23-alert-strip{
    padding:10px 11px;
  }

  .v23-alert-strip span{
    line-height:1.35;
  }

  .v23-kpi-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .v23-kpi{
    min-height:101px;
    padding:11px;
  }

  .v23-kpi strong{
    font-size:25px;
  }

  .v23-kpi strong.money{
    font-size:16px;
  }

  .v23-seven-chart{
    gap:3px;
    min-height:190px;
  }

  .v23-bars{
    height:124px;
    padding-left:3px;
    padding-right:3px;
  }

  .v23-chart-legend{
    gap:7px;
  }

  .v23-couriers > div{
    grid-template-columns:1fr auto;
  }

  .v23-couriers span{
    grid-column:1/-1;
    grid-row:2;
  }

  .v23-couriers strong{
    grid-column:2;
    grid-row:1;
  }

  .v23-quick-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:430px){
  .v23-kpi-grid{
    grid-template-columns:1fr 1fr;
  }

  .v23-kpi span{
    font-size:8px;
  }

  .v23-kpi small{
    font-size:8px;
  }

  .v23-seven-chart{
    min-width:500px;
  }

  .v23-panel:has(.v23-seven-chart){
    overflow-x:auto;
  }
}


/* =========================================================
   V2.3.1 DASHBOARD POLISH
   ========================================================= */

/* Desktop grouped dropdown navigation */
@media(min-width:901px){
  .app-header{
    min-height:58px!important;
    padding:0 24px!important;
    gap:20px!important;
  }

  .app-brand{
    flex:0 0 auto;
    font-size:18px!important;
  }

  .desktop-nav-v231{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    margin-left:auto;
    min-width:0;
  }

  .desktop-nav-v231 > a,
  .desktop-nav-v231 summary{
    display:flex;
    align-items:center;
    min-height:36px;
    padding:0 11px;
    border-radius:9px;
    color:#f2f2f2;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    list-style:none;
  }

  .desktop-nav-v231 summary::-webkit-details-marker{
    display:none;
  }

  .desktop-nav-v231 > a:hover,
  .desktop-nav-v231 summary:hover,
  .desktop-nav-v231 .dnav-group.active > summary,
  .desktop-nav-v231 .dnav-home.active{
    background:#252525;
    color:#fff;
  }

  .dnav-group{
    position:relative;
  }

  .dnav-group summary span{
    margin-left:5px;
    color:#a9a9a9;
    font-size:10px;
    transition:transform .15s ease;
  }

  .dnav-group[open] summary span{
    transform:rotate(180deg);
  }

  .dnav-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    z-index:800;
    display:grid;
    width:205px;
    padding:7px;
    border:1px solid #dfe2e5;
    border-radius:13px;
    background:#fff;
    box-shadow:0 16px 45px rgba(0,0,0,.18);
  }

  .dnav-group:last-of-type .dnav-dropdown{
    left:auto;
    right:0;
  }

  .dnav-item{
    display:block;
    padding:10px 11px;
    border-radius:8px;
    color:#17191c;
    text-decoration:none;
    font-size:10px;
    font-weight:850;
  }

  .dnav-item:hover{
    background:#f1f2f4;
  }

  .dnav-item.active{
    background:#111317;
    color:#fff;
  }

  .dnav-logout{
    margin-left:3px;
    color:#ffdddd!important;
  }
}

/* Overall dashboard density */
.v23-head{
  margin-bottom:9px!important;
}

.v23-head h1{
  margin-bottom:2px!important;
}

.v23-head p{
  margin-top:0!important;
}

.v23-kpi-grid{
  gap:7px!important;
  margin-bottom:9px!important;
}

.v23-kpi{
  min-height:96px!important;
  padding:11px!important;
  border-radius:12px!important;
}

.v23-kpi strong{
  margin-top:7px!important;
  font-size:27px!important;
}

.v23-kpi strong.money{
  font-size:17px!important;
}

.v23-kpi small{
  margin-top:6px!important;
}

.v23-main-grid,
.v23-secondary-grid{
  gap:9px!important;
  margin-bottom:9px!important;
}

.v23-panel{
  padding:14px!important;
}

.v23-panel .panel-title{
  margin-bottom:8px!important;
}

.v23-panel .panel-title h2{
  margin-bottom:2px!important;
}

.v23-panel .panel-title p{
  margin-top:0!important;
}

/* Compact 7-day chart */
.v23-seven-chart{
  min-height:176px!important;
}

.v23-bars{
  height:111px!important;
  padding-top:6px!important;
}

.v23-day > b{
  margin-top:4px!important;
}

.v23-chart-legend{
  margin-bottom:6px!important;
}

.v23-status-list{
  gap:5px!important;
}

.v23-status-list a{
  padding:7px 9px!important;
}

.v23-flow{
  margin-top:8px!important;
  padding-top:8px!important;
}

.v23-couriers{
  gap:5px!important;
}

.v23-couriers > div{
  padding:7px 9px!important;
}

/* Unified line icons */
.v23-quick-grid{
  gap:6px!important;
}

.v23-quick-grid a{
  min-height:68px!important;
  gap:5px!important;
  border-radius:10px!important;
  background:#fbfbfc!important;
}

.v23-quick-grid a:hover{
  border-color:#aab0b6;
  background:#f5f6f7!important;
}

.v231-icon{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
}

.v231-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:#17191d;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.v23-quick-grid span{
  font-size:9px!important;
}

/* Attention cards slightly tighter */
.v23-attention{
  padding:14px!important;
  margin-bottom:9px!important;
}

.v23-attention-grid{
  gap:7px!important;
}

.v23-attention-title{
  padding:8px 9px!important;
}

.v23-attention-row{
  padding:7px 9px!important;
}

/* Recent table density */
.v23-recent{
  padding:14px!important;
}

.v23-recent-table th,
.v23-recent-table td{
  padding-top:7px!important;
  padding-bottom:7px!important;
}

/* Desktop max content width for visual balance */
@media(min-width:1200px){
  body > main{
    max-width:1220px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:1100px) and (min-width:901px){
  .desktop-nav-v231 > a,
  .desktop-nav-v231 summary{
    padding-left:8px;
    padding-right:8px;
    font-size:9px;
  }

  .app-header{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:12px!important;
  }
}

@media(max-width:760px){
  .v23-kpi{
    min-height:92px!important;
  }

  .v23-panel{
    padding:12px!important;
  }

  .v23-seven-chart{
    min-height:160px!important;
  }

  .v23-bars{
    height:98px!important;
  }

  .v23-quick-grid a{
    min-height:64px!important;
  }
}


/* =========================================================
   V2.3.3 REFINED GROUPED DESKTOP MENU
   Keeps V2.3.1 structure, improves typography + affordance
   ========================================================= */

@media(min-width:901px){
  .app-header{
    min-height:68px!important;
    padding:0 22px!important;
    gap:22px!important;
    background:#101214!important;
    border-bottom:1px solid #25292e!important;
    box-shadow:0 5px 18px rgba(0,0,0,.08)!important;
  }

  .app-brand{
    display:flex!important;
    align-items:center!important;
    min-height:68px!important;
    flex:0 0 auto!important;
    font-size:19px!important;
    font-weight:1000!important;
    letter-spacing:-.25px!important;
  }

  .app-brand a{
    color:#fff!important;
    text-decoration:none!important;
  }

  .desktop-nav-v231{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
    min-width:0!important;
  }

  /* HOME + LOGOUT */
  .desktop-nav-v231 > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 15px!important;
    border:1px solid #343941!important;
    border-radius:11px!important;
    background:#191c20!important;
    color:#f7f8f9!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
    transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
  }

  .desktop-nav-v231 > a:hover{
    background:#25292f!important;
    border-color:#4b525d!important;
    transform:translateY(-1px)!important;
  }

  .desktop-nav-v231 .dnav-home.active{
    background:#fff!important;
    color:#111317!important;
    border-color:#fff!important;
  }

  .desktop-nav-v231 .dnav-logout{
    color:#ffdddd!important;
    background:#25191a!important;
    border-color:#4a2c2f!important;
  }

  .desktop-nav-v231 .dnav-logout:hover{
    background:#382124!important;
    border-color:#704047!important;
  }

  /* GROUP BUTTONS */
  .dnav-group{
    position:relative!important;
  }

  .desktop-nav-v231 .dnav-group > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 15px!important;
    border:1px solid #343941!important;
    border-radius:11px!important;
    background:#191c20!important;
    color:#f7f8f9!important;
    cursor:pointer!important;
    list-style:none!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
    transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  .desktop-nav-v231 .dnav-group > summary::-webkit-details-marker{
    display:none!important;
  }

  .desktop-nav-v231 .dnav-group > summary:hover{
    background:#25292f!important;
    border-color:#4b525d!important;
    transform:translateY(-1px)!important;
  }

  .desktop-nav-v231 .dnav-group.active > summary,
  .desktop-nav-v231 .dnav-group[open] > summary{
    background:#fff!important;
    color:#111317!important;
    border-color:#fff!important;
  }

  .desktop-nav-v231 .dnav-group > summary span{
    margin-left:7px!important;
    color:#9ba2aa!important;
    font-size:12px!important;
    font-weight:900!important;
    transition:transform .14s ease!important;
  }

  .desktop-nav-v231 .dnav-group.active > summary span,
  .desktop-nav-v231 .dnav-group[open] > summary span{
    color:#555c64!important;
  }

  .desktop-nav-v231 .dnav-group[open] > summary span{
    transform:rotate(180deg)!important;
  }

  /* DROPDOWN */
  .desktop-nav-v231 .dnav-dropdown{
    position:absolute!important;
    top:calc(100% + 9px)!important;
    left:0!important;
    z-index:850!important;
    display:grid!important;
    min-width:235px!important;
    width:max-content!important;
    max-width:310px!important;
    gap:5px!important;
    padding:8px!important;
    border:1px solid #dfe3e7!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 16px 42px rgba(15,18,22,.18)!important;
    overflow:hidden!important;
  }

  .desktop-nav-v231 .dnav-group:last-of-type .dnav-dropdown{
    left:auto!important;
    right:0!important;
  }

  .desktop-nav-v231 .dnav-item{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 13px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:#fafbfc!important;
    color:#17191d!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    transition:background .12s ease,border-color .12s ease,transform .12s ease!important;
  }

  .desktop-nav-v231 .dnav-item:hover{
    background:#f2f4f6!important;
    border-color:#e0e4e8!important;
    transform:translateX(2px)!important;
  }

  .desktop-nav-v231 .dnav-item.active{
    background:#111317!important;
    color:#fff!important;
    border-color:#111317!important;
  }
}

/* fit nicely on smaller desktop widths without making fonts tiny */
@media(max-width:1180px) and (min-width:901px){
  .app-header{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:14px!important;
  }

  .desktop-nav-v231{
    gap:6px!important;
  }

  .desktop-nav-v231 > a,
  .desktop-nav-v231 .dnav-group > summary{
    min-height:40px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    font-size:11px!important;
  }

  .app-brand{
    font-size:17px!important;
  }
}

@media(max-width:1010px) and (min-width:901px){
  .desktop-nav-v231 > a,
  .desktop-nav-v231 .dnav-group > summary{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* Mobile remains V2.1.2 hamburger */
@media(max-width:900px){
  .desktop-nav-v231{
    display:none!important;
  }
}


/* =========================================================
   V2.4 COURIER TRACKING
   ========================================================= */

.tracking-ready{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 7px;
  border-radius:999px;
  background:#e8f5eb;
  color:#17622c;
  font-size:9px;
  font-weight:950;
}

.tracking-layout{
  display:grid;
  grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);
  gap:12px;
}

.tracking-summary{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.tracking-summary > span{
  margin-top:10px;
  color:#777;
  font-size:9px;
  font-weight:950;
  letter-spacing:.5px;
}

.tracking-summary > span:first-child{
  margin-top:0;
}

.tracking-summary > strong{
  margin-top:4px;
  font-size:15px;
}

.tracking-number-large{
  font-size:27px!important;
  line-height:1.05;
  overflow-wrap:anywhere;
}

.tracking-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.tracking-provider-note{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:11px;
  border:1px solid #e1e4e7;
  border-radius:10px;
  background:#f8f9fa;
}

.tracking-provider-note b{
  font-size:11px;
}

.tracking-provider-note span{
  color:#70767e;
  font-size:10px;
}

.tracking-history-cell{
  min-width:150px;
}

.tracking-history-cell b{
  display:block;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
}

.tracking-mini-btn,
.tracking-add-link,
.tracking-edit-link,
.v24-track-mini,
.v24-track-add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:4px;
  min-height:24px;
  padding:3px 7px;
  border-radius:7px;
  text-decoration:none;
  font-size:8px;
  font-weight:950;
}

.tracking-mini-btn,
.v24-track-mini{
  background:#111317;
  color:#fff;
}

.tracking-add-link,
.v24-track-add{
  background:#eef1f3;
  color:#111317;
  border:1px solid #dfe3e7;
}

.tracking-edit-link{
  color:#5d636b;
  background:transparent;
}

.mwh-tracking-card{
  margin-top:10px;
  padding:12px;
  border:1px solid #dfe3e7;
  border-radius:15px;
  background:#fff;
  box-shadow:0 3px 12px rgba(20,24,30,.03);
}

.mwh-tracking-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.mwh-tracking-head span{
  display:block;
  margin-bottom:3px;
  color:#7a8088;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.6px;
}

.mwh-tracking-head b{
  display:block;
  font-size:12px;
}

.mwh-tracking-head strong{
  max-width:55%;
  overflow-wrap:anywhere;
  text-align:right;
  font-size:15px;
  line-height:1.1;
}

.mwh-tracking-head em{
  color:#999;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}

.mwh-tracking-actions{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:7px;
  margin-top:10px;
}

.mwh-track-copy,
.mwh-track-open{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  border:0;
  border-radius:11px;
  font-size:9px;
  font-weight:1000;
  text-decoration:none;
}

.mwh-track-copy{
  background:#eef0f2;
  color:#111317;
}

.mwh-track-open{
  background:#111317;
  color:#fff;
}

.mwh-track-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-top:10px;
}

.mwh-track-form input{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:0 11px;
  border:1px solid #d7dbe0;
  border-radius:11px;
  background:#f8f9fa;
  font-size:13px;
  font-weight:900;
}

.mwh-track-form button{
  min-height:44px;
  padding:0 13px;
  border:0;
  border-radius:11px;
  background:#111317;
  color:#fff;
  font-size:9px;
  font-weight:1000;
}

.v24-track-mini,
.v24-track-add{
  margin-left:4px;
  margin-top:0;
}

@media(max-width:900px){
  .tracking-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .mwh-shipment-card{
    padding-bottom:130px;
  }

  .mwh-track-form{
    grid-template-columns:1fr auto;
  }
}

@media(max-width:420px){
  .mwh-track-form{
    grid-template-columns:1fr;
  }

  .mwh-track-form button{
    width:100%;
  }

  .mwh-tracking-actions{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   V2.4.1 SCAN WORKSPACE — DESKTOP / TABLET FIX
   Mobile layout remains unchanged.
   ========================================================= */

@media(min-width:761px){

  body.mobile-scan-mode{
    background:#f3f4f6;
  }

  body.mobile-scan-mode > main{
    width:100%;
    max-width:1220px;
    margin:0 auto;
    padding:22px 22px 44px!important;
  }

  .mwh-app{
    display:block;
    min-height:auto;
    background:transparent;
    padding:0;
  }

  /* top workspace summary */
  .mwh-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 14px;
    padding:15px 17px;
    border:1px solid #dfe3e7;
    border-radius:15px;
    background:#fff;
    box-shadow:0 4px 18px rgba(18,23,30,.04);
  }

  .mwh-topbar-copy{
    display:flex;
    align-items:center;
    gap:16px;
  }

  .mwh-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:78px;
    min-height:38px;
    padding:0 12px;
    border-radius:10px;
    background:#111317;
    color:#fff;
    font-size:14px;
    font-weight:1000;
    letter-spacing:.5px;
  }

  .mwh-today{
    color:#737a83;
    font-size:11px;
    font-weight:750;
  }

  .mwh-today b{
    color:#17191c;
    font-weight:950;
  }

  .mwh-topbar-right{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .mwh-mini-stats{
    display:flex;
    align-items:center;
    gap:7px;
  }

  .mwh-mini-stats span{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:36px;
    padding:0 11px;
    border:1px solid #e3e6e9;
    border-radius:9px;
    background:#f8f9fa;
    color:#747a82;
    font-size:9px;
    font-weight:850;
  }

  .mwh-mini-stats b{
    color:#15181c;
    font-size:13px;
    font-weight:1000;
  }

  /* alerts */
  .mwh-alert{
    margin:0 0 13px;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid #e2e5e8;
    background:#fff;
  }

  .mwh-alert b,
  .mwh-alert span{
    display:block;
  }

  .mwh-alert b{
    font-size:10px;
    font-weight:1000;
  }

  .mwh-alert span{
    margin-top:3px;
    font-size:11px;
  }

  .mwh-alert.error{
    border-color:#edc5c5;
    background:#fff7f7;
    color:#8b1f1f;
  }

  /* =====================================================
     SHIPMENT WORKSPACE
     ===================================================== */

  .mwh-shipment-card{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);
    column-gap:16px;
    row-gap:0;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent;
  }

  .mwh-shipment-card > .mwh-shipment-head,
  .mwh-shipment-card > .mwh-person,
  .mwh-shipment-card > .mwh-phone,
  .mwh-shipment-card > .mwh-city,
  .mwh-shipment-card > .mwh-address,
  .mwh-shipment-card > .mwh-big-info,
  .mwh-shipment-card > .mwh-note,
  .mwh-shipment-card > .mwh-tracking-card{
    grid-column:1;
  }

  .mwh-shipment-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:16px 18px 12px;
    border:1px solid #dfe3e7;
    border-bottom:0;
    border-radius:16px 16px 0 0;
    background:#fff;
  }

  .mwh-receipt{
    font-size:21px;
    line-height:1;
    font-weight:1000;
    letter-spacing:-.4px;
  }

  .mwh-shipment-head .shipment-status{
    min-height:28px;
    padding:5px 10px;
    border-radius:999px;
    font-size:9px;
    font-weight:950;
  }

  .mwh-person{
    padding:8px 18px 4px;
    border-left:1px solid #dfe3e7;
    border-right:1px solid #dfe3e7;
    background:#fff;
    color:#101317;
    font-size:31px;
    line-height:1.05;
    font-weight:1000;
    letter-spacing:-.7px;
  }

  .mwh-phone{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:calc(100% - 36px);
    margin:7px 18px 0;
    padding:9px 11px;
    border:1px solid #dfe3e7;
    border-radius:10px;
    background:#f7f8f9;
    color:#13161a;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
  }

  .mwh-city{
    padding:17px 18px 2px;
    border-left:1px solid #dfe3e7;
    border-right:1px solid #dfe3e7;
    background:#fff;
    color:#111317;
    font-size:24px;
    line-height:1;
    font-weight:1000;
    letter-spacing:-.35px;
  }

  .mwh-address{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "label map"
      "address map";
    align-items:center;
    gap:2px 12px;
    margin:0;
    padding:10px 18px 15px;
    border-left:1px solid #dfe3e7;
    border-right:1px solid #dfe3e7;
    background:#fff;
    color:#13161a;
    text-decoration:none;
  }

  .mwh-address span{
    grid-area:label;
    color:#7a8189;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.65px;
  }

  .mwh-address b{
    grid-area:address;
    font-size:12px;
    line-height:1.35;
  }

  .mwh-address small{
    grid-area:map;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 10px;
    border:1px solid #dfe3e7;
    border-radius:9px;
    background:#f7f8f9;
    color:#343a42;
    font-size:8px;
    font-weight:950;
    white-space:nowrap;
  }

  .mwh-big-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:0 18px 16px;
    border-left:1px solid #dfe3e7;
    border-right:1px solid #dfe3e7;
    background:#fff;
  }

  .mwh-big-info > div{
    min-height:79px;
    padding:12px 13px;
    border:1px solid #e0e4e7;
    border-radius:12px;
    background:#f8f9fa;
  }

  .mwh-big-info span{
    display:block;
    color:#747b84;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.55px;
  }

  .mwh-big-info strong{
    display:block;
    margin-top:7px;
    color:#111317;
    font-size:22px;
    line-height:1;
    font-weight:1000;
  }

  .mwh-big-info .payment.cod{
    background:#111317;
    border-color:#111317;
  }

  .mwh-big-info .payment.cod span{
    color:#aeb5bd;
  }

  .mwh-big-info .payment.cod strong{
    color:#fff;
  }

  .mwh-note{
    padding:12px 18px;
    border-left:1px solid #dfe3e7;
    border-right:1px solid #dfe3e7;
    border-top:1px solid #eef0f2;
    background:#fff9ec;
  }

  .mwh-note span{
    display:block;
    color:#8b6b1b;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.6px;
  }

  .mwh-note b{
    display:block;
    margin-top:4px;
    color:#4e3a0c;
    font-size:12px;
    line-height:1.35;
  }

  /* tracking visually belongs to left shipment card */
  .mwh-tracking-card{
    margin:0!important;
    padding:14px 18px 17px!important;
    border:1px solid #dfe3e7!important;
    border-top:1px solid #eef0f2!important;
    border-radius:0 0 16px 16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  .mwh-tracking-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:9px;
  }

  .mwh-tracking-head span{
    display:block;
    margin:0 0 3px;
    color:#7a8189;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.65px;
  }

  .mwh-tracking-head b{
    font-size:12px;
    font-weight:950;
  }

  .mwh-tracking-head strong{
    max-width:50%;
    overflow-wrap:anywhere;
    text-align:right;
    font-size:16px;
    font-weight:1000;
  }

  .mwh-tracking-head em{
    color:#969ca3;
    font-size:10px;
    font-style:normal;
    font-weight:850;
  }

  .mwh-tracking-actions{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:7px;
    margin:0 0 8px;
  }

  .mwh-track-copy,
  .mwh-track-open{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:39px;
    border:0;
    border-radius:10px;
    font-size:9px;
    font-weight:1000;
    text-decoration:none;
  }

  .mwh-track-copy{
    background:#eef0f2;
    color:#171a1e;
  }

  .mwh-track-open{
    background:#111317;
    color:#fff;
  }

  .mwh-track-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    margin:0;
  }

  .mwh-track-form input{
    min-width:0;
    width:100%;
    min-height:42px;
    padding:0 11px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#f8f9fa;
    font-size:13px;
    font-weight:900;
  }

  .mwh-track-form button{
    min-height:42px;
    padding:0 13px;
    border:0;
    border-radius:10px;
    background:#111317;
    color:#fff;
    font-size:9px;
    font-weight:1000;
  }

  /* right operations panel */
  .mwh-action-form{
    grid-column:2;
    grid-row:1 / span 20;
    align-self:start;
    position:sticky;
    top:90px;
    display:block;
    margin:0;
    padding:16px;
    border:1px solid #dfe3e7;
    border-radius:16px;
    background:#fff;
    box-shadow:0 4px 18px rgba(18,23,30,.04);
  }

  .mwh-action-form::before{
    content:"ОПЕРАЦИИ";
    display:block;
    margin:0 0 12px;
    color:#656d76;
    font-size:9px;
    font-weight:1000;
    letter-spacing:.8px;
  }

  .mwh-courier-label{
    display:block;
    margin:0 0 12px;
  }

  .mwh-courier-label > span{
    display:block;
    margin-bottom:6px;
    color:#6e757e;
    font-size:9px;
    font-weight:1000;
    letter-spacing:.55px;
  }

  .mwh-courier-label select{
    width:100%;
    min-height:47px;
    padding:0 12px;
    border:1px solid #d9dde1;
    border-radius:11px;
    background:#f8f9fa;
    color:#15181c;
    font-size:12px;
    font-weight:850;
  }

  .mwh-fixed-actions{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .mwh-main-action{
    display:grid!important;
    grid-template-columns:36px 1fr!important;
    align-items:center!important;
    justify-items:start!important;
    min-height:55px!important;
    padding:0 14px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    font-weight:1000!important;
    cursor:pointer!important;
  }

  .mwh-main-action small{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    border-radius:8px!important;
    font-size:15px!important;
  }

  .mwh-main-action span{
    display:block!important;
    font-size:11px!important;
    letter-spacing:.2px!important;
  }

  .mwh-main-action.handed{
    background:#111317!important;
    border-color:#111317!important;
    color:#fff!important;
  }

  .mwh-main-action.handed small{
    background:#25292f!important;
  }

  .mwh-main-action.delivered{
    background:#edf7ef!important;
    border-color:#cfe5d4!important;
    color:#17612b!important;
  }

  .mwh-main-action.delivered small{
    background:#dff0e3!important;
  }

  .mwh-main-action.returned{
    background:#fff6eb!important;
    border-color:#ead6b9!important;
    color:#855300!important;
  }

  .mwh-main-action.returned small{
    background:#f9ead6!important;
  }

  .mwh-main-action:hover{
    transform:translateY(-1px);
    filter:brightness(.985);
  }

  /* Return popup - hidden until open */
  .mwh-return-sheet{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.16s ease!important;
  }

  .mwh-return-sheet.open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .mwh-sheet-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(10,13,17,.48)!important;
    backdrop-filter:blur(2px);
  }

  .mwh-sheet{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:2!important;
    width:min(620px,calc(100vw - 40px))!important;
    max-height:calc(100vh - 60px)!important;
    overflow:auto!important;
    padding:18px!important;
    border:1px solid #dfe3e7!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 28px 70px rgba(0,0,0,.22)!important;
    transform:translateY(10px) scale(.985)!important;
    transition:.16s ease!important;
  }

  .mwh-return-sheet.open .mwh-sheet{
    transform:translateY(0) scale(1)!important;
  }

  .mwh-sheet-handle{
    display:none!important;
  }

  .mwh-sheet h2{
    margin:0 0 14px!important;
    font-size:20px!important;
    font-weight:1000!important;
  }

  .mwh-reason-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mwh-reason-option{
    position:relative;
  }

  .mwh-reason-option input{
    position:absolute!important;
    opacity:0!important;
  }

  .mwh-reason-option span{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:48px!important;
    padding:0 13px!important;
    border:1px solid #dfe3e7!important;
    border-radius:11px!important;
    background:#f8f9fa!important;
    color:#171a1e!important;
    font-size:10px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  .mwh-reason-option input:checked + span{
    background:#111317!important;
    border-color:#111317!important;
    color:#fff!important;
  }

  .mwh-return-note{
    display:block!important;
    margin-top:11px!important;
  }

  .mwh-return-note span{
    display:block!important;
    margin-bottom:6px!important;
    color:#69717a!important;
    font-size:9px!important;
    font-weight:950!important;
  }

  .mwh-return-note textarea{
    width:100%!important;
    min-height:90px!important;
    padding:10px!important;
    border:1px solid #d9dde1!important;
    border-radius:11px!important;
    font-size:12px!important;
    resize:vertical!important;
  }

  .mwh-sheet-buttons{
    display:grid!important;
    grid-template-columns:.75fr 1.25fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  .mwh-sheet-buttons button{
    min-height:47px!important;
    border:0!important;
    border-radius:11px!important;
    font-size:9px!important;
    font-weight:1000!important;
  }

  .mwh-sheet-buttons .cancel{
    background:#eef0f2!important;
    color:#171a1e!important;
  }

  .mwh-sheet-buttons .confirm{
    background:#8e2d16!important;
    color:#fff!important;
  }

  /* Desktop does not need duplicate bottom mobile navigation */
  .mwh-bottom-nav{
    display:none!important;
  }

  /* =====================================================
     EMPTY SCANNER SCREEN
     ===================================================== */

  .mwh-scanner-card{
    max-width:880px!important;
    margin:0 auto 14px!important;
    padding:14px!important;
    border:1px solid #dfe3e7!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 20px rgba(18,23,30,.05)!important;
  }

  .mwh-camera{
    position:relative!important;
    width:100%!important;
    height:430px!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#0d0f12!important;
  }

  .mwh-camera video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .mwh-scan-frame{
    position:absolute!important;
    left:28%!important;
    right:28%!important;
    top:17%!important;
    bottom:17%!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:22px!important;
    box-shadow:0 0 0 999px rgba(0,0,0,.22)!important;
  }

  .mwh-scan-frame .corner{
    position:absolute!important;
    width:38px!important;
    height:38px!important;
  }

  .mwh-scan-frame .corner:before,
  .mwh-scan-frame .corner:after{
    content:""!important;
    position:absolute!important;
    background:#fff!important;
    border-radius:4px!important;
  }

  .mwh-scan-frame .corner:before{
    width:38px!important;
    height:4px!important;
  }

  .mwh-scan-frame .corner:after{
    width:4px!important;
    height:38px!important;
  }

  .mwh-scan-frame .tl{left:-1px!important;top:-1px!important}
  .mwh-scan-frame .tr{right:-1px!important;top:-1px!important;transform:rotate(90deg)!important}
  .mwh-scan-frame .br{right:-1px!important;bottom:-1px!important;transform:rotate(180deg)!important}
  .mwh-scan-frame .bl{left:-1px!important;bottom:-1px!important;transform:rotate(270deg)!important}

  .mwh-scan-line{
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    top:50%!important;
    height:2px!important;
    border-radius:99px!important;
    background:#fff!important;
    opacity:.95!important;
    animation:mwhScan241 2s ease-in-out infinite!important;
  }

  @keyframes mwhScan241{
    0%,100%{transform:translateY(-92px);opacity:.25}
    50%{transform:translateY(92px);opacity:1}
  }

  .mwh-camera-label{
    position:absolute!important;
    left:50%!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    background:rgba(12,14,17,.72)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:1000!important;
    letter-spacing:1px!important;
  }

  .mwh-scan-status{
    min-height:35px!important;
    padding:12px 4px 5px!important;
    text-align:center!important;
    color:#707780!important;
    font-size:11px!important;
    font-weight:850!important;
  }

  .mwh-camera-actions{
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 0 12px!important;
  }

  .mwh-camera-btn{
    min-width:110px!important;
    min-height:42px!important;
    border:1px solid #dfe3e7!important;
    border-radius:10px!important;
    background:#eef0f2!important;
    color:#16191d!important;
    font-size:9px!important;
    font-weight:1000!important;
  }

  .mwh-camera-btn.primary{
    background:#111317!important;
    border-color:#111317!important;
    color:#fff!important;
  }

  .mwh-manual{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    max-width:580px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  .mwh-manual input{
    min-height:45px!important;
    padding:0 12px!important;
    border:1px solid #d9dde1!important;
    border-radius:10px!important;
    background:#f8f9fa!important;
    font-size:14px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }

  .mwh-manual button{
    min-width:105px!important;
    border:0!important;
    border-radius:10px!important;
    background:#111317!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:1000!important;
  }

  .mwh-recent{
    max-width:880px!important;
    margin:0 auto!important;
  }

  .mwh-section-title{
    margin:16px 2px 8px!important;
    color:#747b83!important;
    font-size:9px!important;
    font-weight:1000!important;
    letter-spacing:.65px!important;
    text-transform:uppercase!important;
  }

  .mwh-recent-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:7px!important;
    padding:11px 13px!important;
    border:1px solid #dfe3e7!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#171a1e!important;
    text-decoration:none!important;
  }

  .mwh-recent-row b{
    display:block!important;
    font-size:12px!important;
  }

  .mwh-recent-row span{
    display:block!important;
    margin-top:2px!important;
    color:#707780!important;
    font-size:9px!important;
  }

  .mwh-recent-right{
    text-align:right!important;
  }

  .mwh-recent-right span{
    color:#171a1e!important;
    font-weight:950!important;
  }

  .mwh-recent-right small{
    color:#9298a0!important;
    font-size:8px!important;
  }
}

/* Tablet workspace stacks cleanly */
@media(max-width:980px) and (min-width:761px){
  .mwh-shipment-card{
    grid-template-columns:1fr;
    gap:12px;
  }

  .mwh-shipment-card > .mwh-shipment-head,
  .mwh-shipment-card > .mwh-person,
  .mwh-shipment-card > .mwh-phone,
  .mwh-shipment-card > .mwh-city,
  .mwh-shipment-card > .mwh-address,
  .mwh-shipment-card > .mwh-big-info,
  .mwh-shipment-card > .mwh-note,
  .mwh-shipment-card > .mwh-tracking-card,
  .mwh-action-form{
    grid-column:1;
  }

  .mwh-action-form{
    grid-row:auto;
    position:static;
  }

  .mwh-fixed-actions{
    grid-template-columns:repeat(3,1fr)!important;
  }

  .mwh-main-action{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    min-height:72px!important;
  }
}


/* =========================================================
   V2.4.2 PAYMENT METHOD CORRECTION
   ========================================================= */

.mwh-payment-edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  min-height:27px;
  padding:3px 8px;
  border-radius:8px;
  background:rgba(255,255,255,.13);
  color:inherit;
  text-decoration:none;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.2px;
}

.mwh-big-info .payment.invoice .mwh-payment-edit{
  background:#e9ecef;
  color:#171a1e;
}

.mwh-payment-locked{
  display:block;
  margin-top:8px;
  color:inherit;
  opacity:.65;
  font-size:8px;
  font-weight:950;
}

.history-payment-cell{
  min-width:120px;
}

.payment-history-edit{
  display:inline-flex;
  margin-top:4px;
  min-height:22px;
  align-items:center;
  padding:2px 7px;
  border:1px solid #dde1e5;
  border-radius:7px;
  background:#f5f6f7;
  color:#171a1e;
  text-decoration:none;
  font-size:8px;
  font-weight:950;
}

.payment-edit-layout{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:12px;
}

.payment-current-card{
  align-self:start;
}

.payment-eyebrow{
  display:block;
  color:#7a8189;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.65px;
}

.payment-current-method{
  display:block;
  margin-top:9px;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.35px;
}

.payment-current-amount{
  display:block;
  margin-top:8px;
  font-size:20px;
}

.payment-current-card > small{
  display:block;
  margin-top:5px;
  color:#777e86;
  font-size:9px;
}

.payment-shipment-status{
  margin-top:16px;
  padding:11px;
  border:1px solid #e1e4e7;
  border-radius:11px;
  background:#f8f9fa;
}

.payment-shipment-status span,
.payment-shipment-status b{
  display:block;
}

.payment-shipment-status span{
  color:#7a8189;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.55px;
}

.payment-shipment-status b{
  margin-top:4px;
  font-size:11px;
}

.payment-courier-warning,
.payment-reprint-note{
  margin-top:10px;
  padding:11px;
  border-radius:11px;
  font-size:10px;
  line-height:1.4;
}

.payment-courier-warning{
  border:1px solid #ead09a;
  background:#fff9ec;
  color:#654800;
}

.payment-courier-warning b,
.payment-courier-warning span{
  display:block;
}

.payment-courier-warning span{
  margin-top:3px;
}

.payment-reprint-note{
  border:1px solid #dfe3e7;
  background:#f8f9fa;
  color:#656d76;
}

.payment-choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.payment-choice{
  position:relative;
  cursor:pointer;
}

.payment-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.payment-choice > span{
  display:block;
  min-height:126px;
  padding:13px;
  border:1px solid #dfe3e7;
  border-radius:13px;
  background:#f9fafb;
  transition:.14s ease;
}

.payment-choice > span i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#e9ecef;
  color:#111317;
  font-size:11px;
  font-style:normal;
  font-weight:1000;
}

.payment-choice > span b{
  display:block;
  margin-top:10px;
  font-size:12px;
}

.payment-choice > span small{
  display:block;
  margin-top:5px;
  color:#707780;
  font-size:9px;
  line-height:1.35;
}

.payment-choice input:checked + span{
  border-color:#111317;
  background:#111317;
  color:#fff;
  box-shadow:0 5px 16px rgba(17,19,23,.10);
}

.payment-choice input:checked + span i{
  background:#fff;
  color:#111317;
}

.payment-choice input:checked + span small{
  color:#c7ccd2;
}

.payment-cod-field{
  display:block;
  margin-top:12px;
}

.payment-cod-field > span{
  display:block;
  margin-bottom:6px;
  color:#707780;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.55px;
}

.payment-amount-input{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  overflow:hidden;
  border:1px solid #d8dde1;
  border-radius:11px;
  background:#f8f9fa;
}

.payment-amount-input input{
  width:100%;
  min-height:49px;
  border:0;
  outline:0;
  padding:0 13px;
  background:transparent;
  font-size:18px;
  font-weight:1000;
}

.payment-amount-input b{
  padding:0 13px;
  color:#666d75;
  font-size:10px;
}

.payment-ack{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:12px;
  padding:11px;
  border:1px solid #e5c984;
  border-radius:11px;
  background:#fff8e6;
  color:#5f4300;
}

.payment-ack input{
  margin-top:2px;
}

.payment-ack span{
  font-size:10px;
  font-weight:850;
  line-height:1.4;
}

.payment-impact{
  margin-top:12px;
  padding:11px;
  border:1px solid #e1e4e7;
  border-radius:11px;
  background:#f7f8f9;
}

.payment-impact b,
.payment-impact span{
  display:block;
}

.payment-impact b{
  font-size:10px;
}

.payment-impact span{
  margin-top:3px;
  color:#6c737b;
  font-size:9px;
  line-height:1.4;
}

.payment-impact strong{
  color:#8a5a00;
  font-size:9px;
}

.payment-save-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:14px;
}

.payment-locked{
  padding:14px;
  border:1px solid #e4b7b7;
  border-radius:12px;
  background:#fff6f6;
  color:#842020;
}

.payment-locked b,
.payment-locked span{
  display:block;
}

.payment-locked b{
  font-size:10px;
  letter-spacing:.4px;
}

.payment-locked span{
  margin-top:5px;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:800px){
  .payment-edit-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .payment-choice-grid{
    grid-template-columns:1fr;
  }

  .payment-choice > span{
    min-height:auto;
  }

  .payment-save-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .payment-save-actions .btn{
    width:100%;
  }
}


/* =========================================================
   V2.4.6 WOO LIVE ORDER NOTIFICATIONS
   ========================================================= */

.woo-live-alert{
  position:fixed;
  top:78px;
  right:18px;
  z-index:1500;
}

.woo-live-bell{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid #d8dde2;
  border-radius:14px;
  background:#fff;
  color:#15181c;
  box-shadow:0 8px 26px rgba(17,22,29,.13);
  cursor:pointer;
}

.woo-live-bell:hover{
  background:#f6f7f8;
}

.woo-live-bell svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.woo-live-bell.has-new{
  border-color:#111317;
  animation:wooBellPulse246 1.8s ease-in-out infinite;
}

@keyframes wooBellPulse246{
  0%,100%{box-shadow:0 8px 26px rgba(17,22,29,.13)}
  50%{box-shadow:0 8px 26px rgba(17,22,29,.13),0 0 0 7px rgba(17,19,23,.08)}
}

.woo-live-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:#c62626;
  color:#fff;
  font-size:8px;
  font-weight:1000;
}

.woo-live-panel{
  position:absolute;
  top:55px;
  right:0;
  width:380px;
  max-height:min(620px,calc(100vh - 145px));
  overflow:auto;
  border:1px solid #dde1e5;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 60px rgba(15,20,27,.20);
}

.woo-live-panel-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid #eceff1;
  background:#fff;
}

.woo-live-panel-head b,
.woo-live-panel-head span{
  display:block;
}

.woo-live-panel-head b{
  font-size:13px;
}

.woo-live-panel-head span{
  margin-top:3px;
  color:#737a82;
  font-size:9px;
  line-height:1.35;
}

.woo-live-close{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  flex:0 0 auto;
  padding:0;
  border:0;
  border-radius:8px;
  background:#eef0f2;
  color:#171a1e;
  font-size:18px;
  cursor:pointer;
}

.woo-live-status{
  display:flex;
  align-items:center;
  gap:7px;
  margin:10px 12px 0;
  padding:8px 9px;
  border:1px solid #e2e5e8;
  border-radius:9px;
  background:#f8f9fa;
  color:#656d76;
  font-size:9px;
  font-weight:850;
}

.woo-live-status i{
  display:block;
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:999px;
  background:#9299a1;
}

.woo-live-status.ok i{
  background:#2d8a48;
}

.woo-live-status.error{
  border-color:#efcaca;
  background:#fff6f6;
  color:#922a2a;
}

.woo-live-status.error i{
  background:#c92c2c;
}

.woo-live-status.loading i{
  animation:wooStatusBlink246 .9s ease-in-out infinite;
}

@keyframes wooStatusBlink246{
  50%{opacity:.25}
}

.woo-live-orders{
  display:grid;
  gap:7px;
  padding:10px 12px;
}

.woo-live-empty{
  padding:18px 10px;
  color:#8a9097;
  text-align:center;
  font-size:10px;
}

.woo-live-order{
  display:block;
  padding:10px 11px;
  border:1px solid #e2e5e8;
  border-radius:11px;
  background:#fafbfb;
  color:#171a1e;
  text-decoration:none;
}

.woo-live-order:hover{
  border-color:#cfd4d9;
  background:#f5f6f7;
}

.woo-live-order-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.woo-live-order-top b{
  font-size:10px;
}

.woo-live-order-top span{
  color:#111317;
  font-size:10px;
  font-weight:950;
}

.woo-live-order > strong{
  display:block;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.woo-live-order > small{
  display:block;
  margin-top:3px;
  color:#727982;
  font-size:9px;
}

.woo-live-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:0 12px 12px;
}

.woo-live-actions button,
.woo-live-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:5px 8px;
  border:1px solid #dfe3e7;
  border-radius:9px;
  background:#f6f7f8;
  color:#16191d;
  text-decoration:none;
  text-align:center;
  font-size:8px;
  font-weight:1000;
  cursor:pointer;
}

.woo-live-actions a{
  background:#111317;
  border-color:#111317;
  color:#fff;
}

.woo-live-toast-stack{
  position:fixed;
  top:78px;
  right:78px;
  z-index:1600;
  display:grid;
  gap:8px;
  width:min(400px,calc(100vw - 30px));
  pointer-events:none;
}

.woo-live-toast{
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid #d9dde1;
  border-radius:14px;
  background:#fff;
  color:#171a1e;
  text-decoration:none;
  box-shadow:0 18px 48px rgba(15,20,27,.19);
  opacity:0;
  transform:translateY(-8px) scale(.985);
  transition:.22s ease;
  pointer-events:auto;
}

.woo-live-toast.show{
  opacity:1;
  transform:translateY(0) scale(1);
}

.woo-live-toast-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:43px;
  height:43px;
  border-radius:11px;
  background:#111317;
  color:#fff;
}

.woo-live-toast-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.woo-live-toast-copy{
  min-width:0;
}

.woo-live-toast-copy span,
.woo-live-toast-copy b,
.woo-live-toast-copy small{
  display:block;
}

.woo-live-toast-copy span{
  color:#727982;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.65px;
}

.woo-live-toast-copy b{
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.woo-live-toast-copy small{
  margin-top:3px;
  color:#656d76;
  font-size:9px;
}

.woo-live-toast > button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:8px;
  background:#eef0f2;
  color:#171a1e;
  font-size:16px;
  cursor:pointer;
}

@media(max-width:760px){
  .woo-live-alert{
    top:70px;
    right:10px;
  }

  .woo-live-bell{
    width:42px;
    height:42px;
    border-radius:12px;
  }

  .woo-live-panel{
    position:fixed;
    top:118px;
    left:10px;
    right:10px;
    width:auto;
    max-height:calc(100vh - 138px);
  }

  .woo-live-toast-stack{
    top:70px;
    left:10px;
    right:62px;
    width:auto;
  }

  .woo-live-toast{
    grid-template-columns:38px minmax(0,1fr) 26px;
  }

  .woo-live-toast-icon{
    width:38px;
    height:38px;
  }
}


/* =========================================================
   V2.4.7 WOO PRICE SPLIT + TABLE OVERFLOW FIX
   ========================================================= */

.woo-price-prefill{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:-2px;
}

.woo-price-prefill > div{
  padding:10px 11px;
  border:1px solid #dfe3e7;
  border-radius:10px;
  background:#f8f9fa;
}

.woo-price-prefill span,
.woo-price-prefill b{
  display:block;
}

.woo-price-prefill span{
  color:#747b83;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.55px;
}

.woo-price-prefill b{
  margin-top:4px;
  color:#111317;
  font-size:13px;
}

/* The Woo table may be wider than the dashboard content area.
   Scroll the table itself, never the entire page. */
.woo-orders-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
}

.woo-table-scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}

.woo-table-scroll .woo-table{
  width:100%!important;
  min-width:1080px!important;
  max-width:none!important;
  margin:0!important;
  table-layout:fixed;
}

.woo-table th,
.woo-table td{
  padding:8px 7px!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere;
}

.woo-table th{
  font-size:9px!important;
  white-space:nowrap;
}

.woo-table td{
  font-size:10px!important;
}

.woo-table th:nth-child(1),
.woo-table td:nth-child(1){width:36px!important}

.woo-table th:nth-child(2),
.woo-table td:nth-child(2){width:82px!important}

.woo-table th:nth-child(3),
.woo-table td:nth-child(3){width:112px!important}

.woo-table th:nth-child(4),
.woo-table td:nth-child(4){width:145px!important}

.woo-table th:nth-child(5),
.woo-table td:nth-child(5){width:105px!important}

.woo-table th:nth-child(6),
.woo-table td:nth-child(6){width:90px!important}

.woo-table th:nth-child(7),
.woo-table td:nth-child(7){width:125px!important}

.woo-table th:nth-child(8),
.woo-table td:nth-child(8){width:115px!important}

.woo-table th:nth-child(9),
.woo-table td:nth-child(9){width:62px!important}

.woo-table th:nth-child(10),
.woo-table td:nth-child(10){width:92px!important}

.woo-table th:nth-child(11),
.woo-table td:nth-child(11){width:100px!important}

.woo-price-cell span{
  display:block;
  color:#6f767e;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.45px;
}

.woo-price-cell > b{
  display:block;
  margin-top:2px;
  white-space:nowrap;
  font-size:11px;
}

.woo-price-cell > small{
  display:block;
  margin-top:5px;
  color:#7a8189;
  font-size:7px;
  line-height:1.3;
}

.woo-price-cell > small strong{
  color:#25292e;
  font-size:8px;
}

.woo-table td:last-child{
  white-space:normal;
}

.woo-table td:last-child .mini-link{
  display:inline-flex;
  margin:2px 3px 2px 0;
}

@media(max-width:700px){
  .woo-price-prefill{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V2.4.8 COD PRICE CHOICE
   ========================================================= */

.woo-price-choice-block{
  margin-top:-2px;
  padding:12px;
  border:1px solid #d9dde2;
  border-radius:13px;
  background:#f7f8f9;
}

.woo-price-choice-block.disabled{
  opacity:.52;
  pointer-events:none;
}

.woo-price-choice-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}

.woo-price-choice-title b,
.woo-price-choice-title span{
  display:block;
}

.woo-price-choice-title b{
  font-size:10px;
  font-weight:1000;
}

.woo-price-choice-title span{
  margin-top:3px;
  color:#707780;
  font-size:9px;
}

.woo-price-choice-title small{
  flex:0 0 auto;
  color:#737a82;
  font-size:8px;
  font-weight:900;
}

.woo-price-choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  gap:8px;
}

.woo-price-choice{
  position:relative;
  cursor:pointer;
}

.woo-price-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.woo-price-choice > span,
.woo-shipping-info{
  display:block;
  min-height:102px;
  padding:11px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#fff;
}

.woo-price-choice > span{
  transition:.14s ease;
}

.woo-price-choice:hover > span{
  border-color:#aeb5bd;
}

.woo-price-choice.selected > span,
.woo-price-choice input:checked + span{
  border-color:#111317;
  background:#111317;
  color:#fff;
  box-shadow:0 6px 18px rgba(17,19,23,.10);
}

.woo-price-choice i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:#eef0f2;
  color:#171a1e;
  font-size:9px;
  font-style:normal;
  font-weight:1000;
}

.woo-price-choice em{
  display:block;
  margin-top:7px;
  color:#686f77;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.45px;
}

.woo-price-choice b{
  display:block;
  margin-top:3px;
  font-size:14px;
}

.woo-price-choice small{
  display:block;
  margin-top:5px;
  color:#757c84;
  font-size:8px;
  line-height:1.25;
}

.woo-price-choice input:checked + span em,
.woo-price-choice input:checked + span small{
  color:#cbd0d5;
}

.woo-price-choice input:checked + span i{
  background:#fff;
  color:#111317;
}

.woo-shipping-info{
  background:#eef1f3;
}

.woo-shipping-info span,
.woo-shipping-info b,
.woo-shipping-info small{
  display:block;
}

.woo-shipping-info span{
  color:#6d747c;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.45px;
}

.woo-shipping-info b{
  margin-top:8px;
  font-size:13px;
}

.woo-shipping-info small{
  margin-top:7px;
  color:#858b92;
  font-size:8px;
}

.cod-basis-chip{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  margin-top:4px!important;
  padding:2px 6px;
  border-radius:999px;
  background:#111317;
  color:#fff!important;
  font-size:7px!important;
  font-weight:1000!important;
}

.cod-basis-chip.alt{
  background:#eef0f2;
  color:#171a1e!important;
}

@media(max-width:760px){
  .woo-price-choice-grid{
    grid-template-columns:1fr;
  }

  .woo-price-choice > span,
  .woo-shipping-info{
    min-height:auto;
  }

  .woo-price-choice-title{
    display:block;
  }

  .woo-price-choice-title small{
    display:block;
    margin-top:5px;
  }
}


/* =========================================================
   V2.4.11 ADMIN-ONLY PREPARED SHIPMENT EDIT
   ========================================================= */

.admin-edit-link{
  border:1px solid #111317!important;
  background:#111317!important;
  color:#fff!important;
}

.woo-source-price{
  margin-top:4px!important;
  color:#9a9fa5!important;
  font-size:7px!important;
}

.admin-edit-warning{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid #dfc98d;
  border-radius:11px;
  background:#fff9e9;
  color:#5d470b;
}

.admin-edit-warning b{
  flex:0 0 auto;
  font-size:9px;
  font-weight:1000;
}

.admin-edit-warning span{
  font-size:9px;
  line-height:1.4;
}

.admin-shipment-edit-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(245px,.55fr);
  gap:12px;
}

.admin-woo-name-hints{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:-2px;
}

.admin-woo-name-hints button{
  min-height:31px;
  padding:5px 9px;
  border:1px solid #dce0e4;
  border-radius:8px;
  background:#f5f6f7;
  color:#171a1e;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
}

.admin-woo-name-hints button:hover{
  background:#eceff1;
}

.admin-price-choice{
  display:grid;
  grid-template-columns:1fr 1fr .75fr;
  gap:8px;
  padding:10px;
  border:1px solid #dfe3e7;
  border-radius:12px;
  background:#f7f8f9;
}

.admin-price-choice.disabled{
  opacity:.48;
  pointer-events:none;
}

.admin-price-choice label{
  position:relative;
  margin:0;
  cursor:pointer;
}

.admin-price-choice label input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.admin-price-choice label > span,
.admin-price-choice > div{
  display:block;
  min-height:72px;
  padding:10px;
  border:1px solid #dde1e5;
  border-radius:10px;
  background:#fff;
}

.admin-price-choice label input:checked + span{
  border-color:#111317;
  background:#111317;
  color:#fff;
}

.admin-price-choice small,
.admin-price-choice b{
  display:block;
}

.admin-price-choice small{
  color:#747b83;
  font-size:8px;
  font-weight:950;
}

.admin-price-choice b{
  margin-top:7px;
  font-size:13px;
}

.admin-price-choice label input:checked + span small{
  color:#c8cdd2;
}

.admin-edit-save{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  padding-top:4px;
}

.admin-edit-side{
  align-self:start;
  position:sticky;
  top:88px;
}

.admin-edit-side > span{
  display:block;
  margin-top:13px;
  color:#7a8189;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.55px;
}

.admin-edit-side > span:first-child{
  margin-top:0;
}

.admin-edit-side > b{
  display:block;
  margin-top:4px;
  overflow-wrap:anywhere;
  font-size:12px;
}

.admin-edit-note{
  margin-top:17px;
  padding:10px;
  border:1px solid #dfe3e7;
  border-radius:10px;
  background:#f7f8f9;
  color:#707780;
  font-size:9px;
  line-height:1.45;
}

@media(max-width:880px){
  .admin-shipment-edit-layout{
    grid-template-columns:1fr;
  }

  .admin-edit-side{
    position:static;
  }
}

@media(max-width:600px){
  .admin-price-choice{
    grid-template-columns:1fr;
  }

  .admin-edit-warning{
    display:block;
  }

  .admin-edit-warning span{
    display:block;
    margin-top:4px;
  }

  .admin-edit-save{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .admin-edit-save .btn{
    width:100%;
  }
}


/* =========================================================
   V2.4.12 GLOBAL LIST PAGINATION — MAX 50 ROWS
   ========================================================= */

.list-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin:10px 0 2px;
  padding:9px 10px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#fff;
}

.list-pagination-info{
  display:flex;
  align-items:center;
  gap:5px;
  color:#747b83;
  font-size:8px;
  font-weight:850;
}

.list-pagination-info b{
  color:#171a1e;
  font-size:9px;
  font-weight:1000;
}

.list-pagination-nav{
  display:flex;
  align-items:center;
  gap:4px;
}

.list-pagination-nav a,
.list-pagination-nav span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 7px;
  border:1px solid #dfe3e7;
  border-radius:8px;
  background:#f7f8f9;
  color:#171a1e;
  text-decoration:none;
  font-size:9px;
  font-weight:1000;
}

.list-pagination-nav a:hover{
  border-color:#b8bec4;
  background:#eef0f2;
}

.list-pagination-nav .current{
  border-color:#111317;
  background:#111317;
  color:#fff;
}

.list-pagination-nav .disabled{
  opacity:.35;
}

.mwh-queue-app .list-pagination{
  margin:9px 0 76px;
}

@media(max-width:620px){
  .list-pagination{
    display:block;
  }

  .list-pagination-info{
    justify-content:center;
    margin-bottom:7px;
  }

  .list-pagination-nav{
    justify-content:center;
    flex-wrap:wrap;
  }

  .list-pagination-nav a,
  .list-pagination-nav span{
    min-width:32px;
    height:32px;
  }
}


/* =========================================================
   V2.4.13 GLOBAL ROW ACTION ICONS
   ========================================================= */

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

table td.row-action-cell{
  white-space:nowrap!important;
}

.row-action-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  margin:2px 3px 2px 0!important;
  padding:0!important;
  border:1px solid #d8dde2!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202429!important;
  text-decoration:none!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.row-action-icon svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}

.row-action-icon:hover{
  border-color:#aeb5bc!important;
  background:#f3f5f6!important;
  color:#111317!important;
}

.row-action-icon[data-action-icon="edit"]{
  background:#111317!important;
  border-color:#111317!important;
  color:#fff!important;
}

.row-action-icon[data-action-icon="edit"]:hover{
  background:#2a2d31!important;
  border-color:#2a2d31!important;
}

.row-action-icon[data-action-icon="pdf"]{
  background:#f7f8f9!important;
}

.row-action-icon[data-action-icon="delete"]{
  border-color:#ebcccc!important;
  background:#fff7f7!important;
  color:#a52525!important;
}

.row-action-icon[data-action-icon="delete"]:hover{
  border-color:#d8a9a9!important;
  background:#ffeded!important;
}

/* WooCommerce action column: keep all icons on one compact row */
.woo-table td:last-child,
.woo-sync-table td:last-child{
  min-width:112px!important;
  width:112px!important;
  white-space:nowrap!important;
}

.woo-table td:last-child .row-action-icon,
.woo-sync-table td:last-child .row-action-icon{
  margin-right:3px!important;
}

/* Prevent text links left over in the same action cell from pushing width */
.row-action-cell > br{
  display:none!important;
}

/* Generic tables can keep a narrow action column */
table th:last-child:empty,
table td.row-action-cell:last-child{
  width:1%!important;
  min-width:max-content!important;
}

/* Mobile: slightly larger tap target while remaining compact */
@media(max-width:760px){
  .row-action-icon{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:9px!important;
  }

  .row-action-icon svg{
    width:16px!important;
    height:16px!important;
  }
}


/* =========================================================
   V2.4.13.2 WOO RIGHT-SIDE COLUMN ALIGNMENT FIX
   ========================================================= */

/*
 * Keep STATUS and ACTION columns visually separated.
 * The long "Предадена на курир" badge must never collide
 * with the icon buttons.
 */
.woo-table th:nth-child(10),
.woo-table td:nth-child(10){
  width:138px!important;
  min-width:138px!important;
  max-width:138px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow:visible!important;
}

.woo-table th:nth-child(11),
.woo-table td:nth-child(11){
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

/* Status cell */
.woo-table td:nth-child(10){
  vertical-align:middle!important;
}

.woo-table td:nth-child(10) .shipment-status,
.woo-table td:nth-child(10) .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:122px!important;
  min-height:24px!important;
  margin:0!important;
  padding:4px 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
  font-size:7.5px!important;
  line-height:1!important;
}

.woo-table td:nth-child(10) .status-note{
  display:block!important;
  margin-top:4px!important;
  max-width:122px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8a9096!important;
  font-size:7px!important;
}

/* Action cell */
.woo-table td.woo-row-actions,
.woo-table td:nth-child(11){
  text-align:left!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}

.woo-row-actions{
  display:table-cell!important;
}

.woo-row-actions .row-action-icon{
  margin:2px 4px 2px 0!important;
}

.woo-row-actions .row-action-icon:last-child{
  margin-right:0!important;
}

/*
 * Three 31px icons + gaps fit cleanly inside 118px.
 * Two icons remain aligned to the same left edge.
 */
.woo-row-actions .row-action-icon{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
}

/* Prevent generic last-column rules from fighting this page */
.woo-table td.row-action-cell:last-child{
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
}

/* Slightly rebalance the two columns before status */
.woo-table th:nth-child(8),
.woo-table td:nth-child(8){
  width:108px!important;
}

.woo-table th:nth-child(9),
.woo-table td:nth-child(9){
  width:58px!important;
}

/* The Woo table keeps its own horizontal safety scroll, but desktop
   should fit the current 11 columns cleanly at normal width. */
.woo-table-scroll .woo-table{
  min-width:1040px!important;
}

@media(max-width:1100px){
  .woo-table th:nth-child(10),
  .woo-table td:nth-child(10){
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }

  .woo-table th:nth-child(11),
  .woo-table td:nth-child(11),
  .woo-table td.row-action-cell:last-child{
    width:114px!important;
    min-width:114px!important;
    max-width:114px!important;
  }
}


/* =========================================================
   V2.5 OPERATIONS POLISH
   ========================================================= */

.handover-invoice-card small{
  display:block;
  margin-top:5px;
  color:#777e86;
  font-size:8px;
  font-weight:850;
}

/* Five attention cards look balanced instead of forcing narrow columns. */
@media(min-width:1001px){
  .v23-attention-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* The extra tracking / courier-delay attention rows should remain compact. */
.v23-attention-row[href^="tracking.php"] b,
.v23-attention-row[href^="scan.php"] b{
  max-width:235px;
}

/* Tracking admin page: clearly expose the public QR destination. */
.tracking-public-box{
  width:100%;
  margin-top:14px;
  padding:11px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#f7f8f9;
}

.tracking-public-box span,
.tracking-public-box b,
.tracking-public-box small{
  display:block;
}

.tracking-public-box span{
  color:#747b83;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.55px;
}

.tracking-public-box b{
  margin-top:4px;
  font-size:11px;
}

.tracking-public-box small{
  margin-top:4px;
  color:#737a82;
  font-size:9px;
  line-height:1.4;
}

.tracking-public-box a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  margin-top:9px;
  padding:4px 8px;
  border-radius:8px;
  background:#111317;
  color:#fff;
  text-decoration:none;
  font-size:8px;
  font-weight:1000;
}

@media(max-width:760px){
  .tracking-public-box a{
    width:100%;
    min-height:38px;
  }
}


/* =========================================================
   V2.5.2 WOO ORDER CONTENTS — SCREEN ONLY
   ========================================================= */

.woo-order-id-cell{
  min-width:98px!important;
}

.woo-products-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  min-height:24px;
  margin-top:5px;
  padding:3px 6px;
  border:1px solid #dfe3e7;
  border-radius:7px;
  background:#f7f8f9;
  color:#25292e;
  cursor:pointer;
  font:inherit;
  text-align:left;
}

.woo-products-toggle:hover{
  border-color:#b8bec5;
  background:#eef1f3;
}

.woo-products-toggle svg{
  flex:0 0 auto;
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.woo-products-toggle span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  font-weight:950;
}

.woo-products-toggle i{
  flex:0 0 auto;
  margin-left:1px;
  color:#777f87;
  font-size:9px;
  font-style:normal;
  transition:transform .15s ease;
}

.woo-products-toggle.open i{
  transform:rotate(180deg);
}

.woo-products-detail-row[hidden]{
  display:none!important;
}

.woo-products-detail-row td{
  padding:0!important;
  border-top:0!important;
  background:#f5f7f8!important;
}

.woo-products-panel{
  margin:0 8px 8px;
  padding:10px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,20,25,.035);
}

.woo-products-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid #eceff1;
}

.woo-products-panel-head span,
.woo-products-panel-head b{
  display:block;
}

.woo-products-panel-head span{
  color:#7b828a;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.5px;
}

.woo-products-panel-head b{
  margin-top:2px;
  font-size:10px;
}

.woo-products-panel-head > strong{
  flex:0 0 auto;
  padding:5px 7px;
  border-radius:999px;
  background:#f0f2f4;
  font-size:8px;
}

.woo-products-list{
  display:grid;
  gap:5px;
  margin-top:8px;
}

.woo-product-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:46px;
  padding:7px 8px;
  border:1px solid #e8ebee;
  border-radius:9px;
  background:#fbfcfc;
}

.woo-product-qty{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:32px;
  border-radius:8px;
  background:#111317;
  color:#fff;
  font-size:10px;
  font-weight:1000;
}

.woo-product-copy{
  min-width:0;
}

.woo-product-copy > b{
  display:block;
  overflow-wrap:anywhere;
  color:#171a1e;
  font-size:9.5px;
  line-height:1.25;
}

.woo-product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  margin-top:4px;
}

.woo-product-meta span{
  color:#7a8188;
  font-size:7.5px;
}

.woo-product-meta strong{
  color:#34393f;
  font-weight:950;
}

.woo-products-note{
  margin-top:8px;
  color:#848b92;
  font-size:7.5px;
  line-height:1.4;
}

@media(max-width:760px){
  .woo-products-panel{
    margin:0 4px 6px;
    padding:8px;
  }

  .woo-products-panel-head{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .woo-product-item{
    grid-template-columns:38px minmax(0,1fr);
  }

  .woo-product-qty{
    width:38px;
    height:36px;
  }

  .woo-products-toggle span{
    font-size:8px;
  }
}
.bilsoft-pagehead{align-items:flex-end}.bilsoft-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card .bilsoft-date{font-size:18px;letter-spacing:0}.bilsoft-control-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.bilsoft-control-card>div:first-child{display:grid;gap:5px}.bilsoft-control-card span{font-size:12px;color:var(--muted,#667085)}.bilsoft-control-actions{display:flex;gap:8px;flex-wrap:wrap}.bilsoft-control-actions form{margin:0}.bilsoft-control-actions button:disabled{opacity:.45;cursor:not-allowed}.bilsoft-tabs{margin-top:0}.bilsoft-documents{overflow:auto}.bilsoft-documents table{min-width:980px}.bilsoft-documents td{vertical-align:top}.bilsoft-doc-no{display:block;margin-top:7px}.bilsoft-address,.bilsoft-items{display:block;max-width:330px;margin-top:5px;color:#667085;font-size:11px;line-height:1.35;white-space:normal}.bilsoft-prefill-summary{display:grid;gap:5px;padding:12px 14px;border:1px solid #b8e0d0;border-radius:10px;background:#edf9f4}.bilsoft-prefill-summary b{font-size:11px;color:#087247}.bilsoft-prefill-summary span{font-size:12px;line-height:1.45}.bilsoft-runs{margin-top:18px}.bilsoft-runs h2{margin:0 0 12px}.bilsoft-runs>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #e5e7eb}.bilsoft-runs>div:first-of-type{border-top:0}.bilsoft-runs span{font-size:12px;color:#667085}.bilsoft-documents .empty{padding:25px;text-align:center;color:#667085}
@media(max-width:900px){.bilsoft-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bilsoft-control-card{align-items:flex-start;flex-direction:column}.bilsoft-runs>div{flex-direction:column;gap:3px}}
@media(max-width:560px){.bilsoft-summary-grid{grid-template-columns:1fr}.bilsoft-control-actions{width:100%}.bilsoft-control-actions form,.bilsoft-control-actions button{width:100%}}