/* AquaFlow V34.2.11 — iPhone Order Command Center EXACT
   Visual target: approved high-fidelity iPhone order-management mockup. */

@media (max-width: 760px) {
  body.orders-iphone-focus-v3431{
    background:#f7fbff!important;
  }
  body.orders-iphone-focus-v3431 #workspace-header,
  body.orders-iphone-focus-v3431 #workspace-daybar,
  body.orders-iphone-focus-v3431 > #sync-status,
  body.orders-iphone-focus-v3431 .shell > #sync-status{
    display:none!important;
  }
  body.orders-iphone-focus-v3431 .shell{
    padding-top:8px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  body.orders-iphone-focus-v3431 #orders.view.active{
    display:block!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Header: P + AQUAFLOW + title/date | search | notification | create */
  #orders .order-iphone-head-v3431{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:64px!important;
    margin:0 0 8px!important;
    padding:2px 0 8px!important;
    border-bottom:0!important;
  }
  #orders .order-iphone-brand-v3431{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }
  #orders .order-iphone-logo-v3431{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#168cff,#236ff2)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(8,120,239,.17)!important;
    font-size:23px!important;
    font-weight:950!important;
  }
  #orders .order-iphone-brand-v3431>div{min-width:0!important}
  #orders .order-iphone-brand-v3431 small{
    display:block!important;
    color:#0878ef!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
  }
  #orders .order-iphone-brand-v3431 h2{
    margin:3px 0 1px!important;
    color:#143653!important;
    font-size:18px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #orders .order-iphone-brand-v3431 .order-command-subtitle-v3430{
    display:block!important;
    margin:3px 0 0!important;
    color:#667f95!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #orders .order-iphone-head-actions-v3431{
    display:grid!important;
    grid-template-columns:38px 38px auto!important;
    gap:6px!important;
    align-items:center!important;
  }
  #orders .order-iphone-icon-button-v3431{
    display:grid!important;
    width:38px!important;
    height:38px!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #dbe6ef!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#123c66!important;
    box-shadow:0 3px 10px rgba(27,62,93,.035)!important;
  }
  #orders .order-iphone-icon-button-v3431 svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #orders .order-iphone-head-actions-v3431 .order-create-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:94px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#168cff,#0878ef)!important;
    box-shadow:0 7px 16px rgba(8,120,239,.16)!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  #orders .order-iphone-head-actions-v3431 .order-create-action>span{font-size:19px!important;font-weight:400!important;line-height:1!important}

  #orders .order-delivery-bridge,
  #orders .aquaflow-order-hero,
  #orders .order-kpi-grid,
  #orders .order-control-tower{display:none!important}

  /* 4 KPI cards — fixed iPhone command row */
  #orders .order-command-panel-v3430{
    display:grid!important;
    gap:8px!important;
    margin:0 0 9px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    padding:0!important;
  }
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:28px auto auto auto!important;
    justify-items:center!important;
    align-content:center!important;
    gap:2px!important;
    min-width:0!important;
    min-height:93px!important;
    height:93px!important;
    padding:7px 3px 6px!important;
    border:1px solid #cfe0ef!important;
    border-radius:12px!important;
    background:#f5faff!important;
    color:#0878ef!important;
    box-shadow:0 4px 12px rgba(31,72,108,.035)!important;
    text-align:center!important;
  }
  #orders .order-status-board-v3430 button>i{
    display:grid!important;
    width:27px!important;
    height:27px!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#1688f5!important;
    color:#fff!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:950!important;
    box-shadow:0 5px 10px rgba(22,136,245,.18)!important;
  }
  #orders .order-status-board-v3430 button>span{
    color:inherit!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  #orders .order-status-board-v3430 button>b{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  #orders .order-status-board-v3430 button>small{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#56728c!important;
    font-size:6.9px!important;
    line-height:1!important;
    font-weight:780!important;
    letter-spacing:0!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]{background:#fff9ee!important;color:#a95800!important;border-color:#f4ddba!important}
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>i{background:#ff9e12!important;box-shadow:0 5px 10px rgba(255,158,18,.18)!important}
  #orders .order-status-board-v3430 button[data-order-filter="completed"]{background:#f0fbf6!important;color:#087a58!important;border-color:#cbe9dd!important}
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>i{background:#18b77c!important;box-shadow:0 5px 10px rgba(24,183,124,.18)!important}
  #orders .order-status-board-v3430 button[data-order-filter="failed"]{display:grid!important;background:#faf5ff!important;color:#7541cf!important;border-color:#e1d2f8!important}
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>i{background:#8a47f3!important;box-shadow:0 5px 10px rgba(138,71,243,.18)!important}
  #orders .order-status-board-v3430[data-active-filter="active"] button[data-order-filter="active"],
  #orders .order-status-board-v3430[data-active-filter="in_progress"] button[data-order-filter="in_progress"],
  #orders .order-status-board-v3430[data-active-filter="completed"] button[data-order-filter="completed"],
  #orders .order-status-board-v3430[data-active-filter="failed"] button[data-order-filter="failed"]{
    box-shadow:inset 0 0 0 1.5px currentColor,0 6px 15px rgba(31,72,108,.06)!important;
  }

  /* Mockup filter bar: Route / Area / Driver / Settings */
  #orders .order-iphone-filters-v3431{
    display:grid!important;
    grid-template-columns:1.05fr 1.08fr 1.08fr 42px!important;
    gap:5px!important;
    min-width:0!important;
  }
  .staff-mode #orders .order-iphone-filters-v3431{
    grid-template-columns:1.1fr 1.1fr 42px!important;
  }
  #orders .order-iphone-filters-v3431>label{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    min-width:0!important;
    min-height:41px!important;
    height:41px!important;
    padding:0 7px!important;
    border:1px solid #d7e4ef!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#173a58!important;
    box-shadow:0 2px 8px rgba(25,62,99,.025)!important;
  }
  #orders .order-iphone-filters-v3431>.order-route-filter-v3431{
    background:#1688f5!important;
    border-color:#1688f5!important;
    color:#fff!important;
  }
  #orders .order-iphone-filters-v3431>label>span{
    display:grid!important;
    place-items:center!important;
    color:#0878ef!important;
    font-size:14px!important;
  }
  #orders .order-iphone-filters-v3431>.order-route-filter-v3431>span{color:#fff!important}
  #orders .order-iphone-filters-v3431 select{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    padding:0 16px 0 0!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    font-size:9px!important;
    font-weight:850!important;
    outline:none!important;
    text-overflow:ellipsis!important;
  }
  #orders .order-filter-more-v3431{
    display:grid!important;
    width:42px!important;
    min-width:42px!important;
    height:41px!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #d7e4ef!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#173a58!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  #orders #order-driver-filter-wrap.is-hidden{display:none!important}
  #orders .order-command-extra-filters-v3431{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:6px!important;
    padding:7px!important;
    border:1px solid #dce7f0!important;
    border-radius:11px!important;
    background:#f8fbfe!important;
  }
  #orders .order-command-extra-filters-v3431[hidden]{display:none!important}
  #orders .order-command-extra-filters-v3431>label{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    min-width:0!important;
    min-height:38px!important;
    padding:0 7px!important;
    border:1px solid #dce7f0!important;
    border-radius:9px!important;
    background:#fff!important;
  }
  #orders .order-command-extra-filters-v3431 select,
  #orders .order-command-extra-filters-v3431 input{
    min-width:0!important;
    width:100%!important;
    height:35px!important;
    padding:0 3px!important;
    border:0!important;
    background:transparent!important;
    color:#173a58!important;
    font-size:9px!important;
    font-weight:800!important;
    outline:none!important;
  }

  /* Search bar exactly below filters */
  #orders .order-command-search-v3430{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 31px!important;
    align-items:center!important;
    min-height:47px!important;
    height:47px!important;
    padding:0 6px!important;
    border:1px solid #d7e4ef!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(25,62,99,.025)!important;
  }
  #orders .order-command-search-v3430>span{display:grid!important;place-items:center!important;color:#173a58!important;font-size:18px!important}
  #orders .order-command-search-v3430>input{width:100%!important;min-width:0!important;height:44px!important;border:0!important;background:transparent!important;color:#173a58!important;font:inherit!important;font-size:11px!important;outline:none!important}
  #orders .order-command-search-v3430>input::placeholder{color:#8da1b5!important}
  #orders .order-command-search-v3430>button{display:grid!important;width:29px!important;height:29px!important;place-items:center!important;border:0!important;border-radius:8px!important;background:#f1f6fa!important;color:#6f8599!important;font-size:16px!important}

  /* Cards — mirror approved iPhone hierarchy */
  #orders .aquaflow-order-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  #orders .order-command-card-v3430{
    gap:7px!important;
    padding:9px 10px 10px!important;
    border:1px solid #dbe6ef!important;
    border-left:4px solid #1688f5!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(30,67,102,.055)!important;
  }
  #orders .order-command-card-v3430.progress{border-left-color:#ff9f12!important}
  #orders .order-command-card-v3430.done{border-left-color:#22b77d!important}
  #orders .order-command-card-v3430.retry{border-left-color:#8b48f5!important}
  #orders .order-command-head-v3430{
    display:grid!important;
    grid-template-columns:30px auto auto minmax(0,1fr) 27px!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  #orders .order-command-seq-v3430{display:grid!important;width:29px!important;height:27px!important;place-items:center!important;border-radius:8px!important;background:#1688f5!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
  #orders .order-command-card-v3430.progress .order-command-seq-v3430{background:#ff9f12!important}
  #orders .order-command-card-v3430.done .order-command-seq-v3430{background:#22b77d!important}
  #orders .order-command-card-v3430.retry .order-command-seq-v3430{background:#8b48f5!important}
  #orders .order-command-head-v3430>strong{font-size:10.5px!important;color:#123553!important;white-space:nowrap!important}
  #orders .order-command-status-v3430{min-height:24px!important;padding:3px 9px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:900!important}
  #orders .order-command-time-v3430{justify-self:end!important;min-height:24px!important;padding:3px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important}
  #orders .order-command-body-v3430{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(118px,.75fr)!important;gap:8px!important;min-width:0!important}
  #orders .order-command-customer-v3430{display:grid!important;gap:4px!important;min-width:0!important}
  #orders .order-command-customer-name-v3430{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #orders .order-command-customer-name-v3430>strong{font-size:14px!important;color:#102f4b!important}
  #orders .order-command-customer-name-v3430>span{font-size:8.5px!important;color:#607b91!important}
  #orders .order-command-customer-v3430>p{font-size:8.5px!important;color:#607b91!important}
  #orders .order-command-products-v3430{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;font-size:8.5px!important;color:#597188!important}
  #orders .order-command-finance-v3430{display:grid!important;align-content:center!important;gap:3px!important;padding-left:8px!important;border-left:1px solid #e2ebf3!important;min-width:0!important}
  #orders .order-command-finance-v3430>strong{font-size:14px!important;color:#173a58!important}
  #orders .order-command-finance-v3430>span,#orders .order-command-finance-v3430>b{font-size:8.5px!important}
  #orders .order-command-finance-v3430>small{width:max-content!important;max-width:100%!important;padding:2px 6px!important;border-radius:999px!important;background:#f0f4f7!important;color:#61778a!important;font-size:7px!important}
  #orders .order-command-retry-v3430{padding:6px 8px!important;border:1px solid #dfc9fb!important;border-radius:8px!important;background:#faf6ff!important;color:#7141ad!important;font-size:8px!important}
  #orders .order-command-actions-v3430{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  #orders .order-command-actions-v3430 .mini-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:37px!important;padding:0 5px!important;border:1px solid #d7e3ed!important;border-radius:8px!important;background:#fff!important;color:#173a58!important;font-size:8.5px!important;font-weight:850!important;white-space:nowrap!important;text-decoration:none!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #orders .order-command-actions-v3430 .order-command-primary-v3430{background:linear-gradient(135deg,#168cff,#0878ef)!important;border-color:#1688f5!important;color:#fff!important}
  #orders .order-command-card-v3430.progress .order-command-primary-v3430{background:linear-gradient(135deg,#ffad23,#ff8a00)!important;border-color:#ff9810!important}
  #orders .order-command-card-v3430.retry .order-command-primary-v3430{background:linear-gradient(135deg,#9d55ff,#7d36ed)!important;border-color:#8b48f5!important}
  #orders .order-command-card-v3430.done .order-command-actions-v3430{grid-template-columns:1fr 1.15fr!important}
  #orders .order-command-card-v3430.done .order-command-actions-v3430 .mini-btn{min-height:37px!important}

  #orders .order-command-empty-v3430{min-height:140px!important;border-radius:13px!important;background:#fff!important}
}

@media (max-width:390px){
  #orders .order-iphone-head-actions-v3431{grid-template-columns:35px 35px auto!important;gap:4px!important}
  #orders .order-iphone-icon-button-v3431{width:35px!important;height:35px!important}
  #orders .order-iphone-head-actions-v3431 .order-create-action{min-width:83px!important;padding:0 8px!important;font-size:10px!important}
  #orders .order-iphone-brand-v3431{grid-template-columns:38px minmax(0,1fr)!important;gap:7px!important}
  #orders .order-iphone-logo-v3431{width:38px!important;height:38px!important;font-size:20px!important}
  #orders .order-iphone-brand-v3431 h2{font-size:16px!important}
  #orders .order-status-board-v3430 button,.staff-mode #orders .order-status-board-v3430 button,.admin-mode #orders .order-status-board-v3430 button{height:88px!important;min-height:88px!important;padding-inline:2px!important}
  #orders .order-status-board-v3430 button>span{font-size:8.7px!important}
  #orders .order-status-board-v3430 button>b{font-size:16px!important}
  #orders .order-status-board-v3430 button>small{font-size:6.2px!important}
  #orders .order-iphone-filters-v3431{grid-template-columns:1fr 1fr 1fr 39px!important;gap:4px!important}
  .staff-mode #orders .order-iphone-filters-v3431{grid-template-columns:1fr 1fr 39px!important}
  #orders .order-iphone-filters-v3431>label{padding:0 5px!important;grid-template-columns:18px minmax(0,1fr)!important}
  #orders .order-iphone-filters-v3431 select{font-size:8.2px!important}
  #orders .order-filter-more-v3431{width:39px!important;min-width:39px!important}
  #orders .order-command-head-v3430{grid-template-columns:27px auto auto minmax(0,1fr) 25px!important;gap:4px!important}
  #orders .order-command-head-v3430>strong{font-size:9.5px!important}
  #orders .order-command-status-v3430{padding-inline:7px!important;font-size:7.8px!important}
  #orders .order-command-time-v3430{padding-inline:6px!important;font-size:7.4px!important}
  #orders .order-command-body-v3430{grid-template-columns:minmax(0,1.5fr) minmax(103px,.72fr)!important;gap:6px!important}
  #orders .order-command-customer-name-v3430>strong{font-size:13px!important}
  #orders .order-command-actions-v3430 .mini-btn{font-size:7.8px!important;padding-inline:3px!important}
}


/* ========================================================================== 
   AquaFlow V34.2.12 — NO SEARCH + STATUS CARDS
   Approved iPhone iteration:
   - remove order search UI completely;
   - make 4 operational states the primary, highly scannable controls.
   ========================================================================== */
@media (max-width:760px){
  /* Header no longer reserves a slot for the removed search icon. */
  #orders .order-iphone-head-actions-v3431{
    grid-template-columns:38px auto!important;
  }

  #orders .order-command-panel-v3430{
    gap:7px!important;
  }

  /* 4 direct status controls: icon at left, label/count at right, volume below. */
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{
    gap:6px!important;
  }
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:20px 27px 16px!important;
    justify-items:stretch!important;
    align-items:center!important;
    align-content:center!important;
    column-gap:7px!important;
    row-gap:1px!important;
    min-height:84px!important;
    height:84px!important;
    padding:8px 8px 7px!important;
    border-width:1px!important;
    border-radius:13px!important;
    text-align:left!important;
    transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;
  }
  #orders .order-status-board-v3430 button>i{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  #orders .order-status-board-v3430 button>span{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1!important;
    text-align:left!important;
  }
  #orders .order-status-board-v3430 button>b{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    font-size:22px!important;
    line-height:1!important;
    text-align:left!important;
  }
  #orders .order-status-board-v3430 button>small{
    grid-column:1 / -1!important;
    grid-row:3!important;
    align-self:end!important;
    font-size:7.2px!important;
    line-height:1!important;
    text-align:left!important;
  }

  #orders .order-status-board-v3430 button[data-order-filter="active"]{
    background:linear-gradient(145deg,#f5faff,#edf6ff)!important;
    color:#0878ef!important;
    border-color:#bcdcff!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]{
    background:linear-gradient(145deg,#fffaf1,#fff4df)!important;
    color:#aa5d00!important;
    border-color:#f1d19d!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="completed"]{
    background:linear-gradient(145deg,#f1fbf6,#e9f9f1)!important;
    color:#087a58!important;
    border-color:#bfe7d6!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="failed"]{
    display:grid!important;
    background:linear-gradient(145deg,#fbf6ff,#f4ecff)!important;
    color:#7840d4!important;
    border-color:#d9c3f7!important;
  }

  #orders .order-status-board-v3430[data-active-filter="active"] button[data-order-filter="active"],
  #orders .order-status-board-v3430[data-active-filter="in_progress"] button[data-order-filter="in_progress"],
  #orders .order-status-board-v3430[data-active-filter="completed"] button[data-order-filter="completed"],
  #orders .order-status-board-v3430[data-active-filter="failed"] button[data-order-filter="failed"]{
    transform:translateY(-1px)!important;
    border-color:currentColor!important;
    box-shadow:inset 0 0 0 1.5px currentColor,0 8px 18px rgba(31,72,108,.09)!important;
  }

  /* Search has been removed from markup; protect against stale cached markup. */
  #orders .order-command-search-v3430,
  #orders #order-head-search{
    display:none!important;
  }
}

@media (max-width:390px){
  #orders .order-iphone-head-actions-v3431{
    grid-template-columns:35px auto!important;
  }
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{
    gap:4px!important;
  }
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:18px 24px 14px!important;
    column-gap:5px!important;
    min-height:78px!important;
    height:78px!important;
    padding:7px 5px 6px!important;
  }
  #orders .order-status-board-v3430 button>i{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  #orders .order-status-board-v3430 button>span{font-size:8.4px!important}
  #orders .order-status-board-v3430 button>b{font-size:19px!important}
  #orders .order-status-board-v3430 button>small{font-size:6.3px!important}
}

/* ========================================================================== 
   AquaFlow V34.2.13 — UX PRIORITY ORDER BOARD
   Approved mobile direction: keep the familiar AquaFlow header/daybar,
   compress state switching, reduce card decisions to Detail + Primary action,
   and move call/map/edit/reschedule into the overflow menu.
   ========================================================================== */
@media (max-width:760px){
  /* Keep the global identity/date controls visible. They are already familiar
     to Admin/Driver and avoid a second duplicate AquaFlow header. */
  body.orders-iphone-focus-v3431 #workspace-header{display:flex!important}
  body.orders-iphone-focus-v3431 #workspace-daybar{display:block!important}
  body.orders-iphone-focus-v3431 .shell{
    padding-top:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.orders-iphone-focus-v3431 #orders.view.active{margin-top:0!important;padding-top:0!important}

  /* Order section = title + compact optional filter + create. */
  #orders .order-iphone-head-v3431{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:58px!important;
    margin:2px 0 8px!important;
    padding:0!important;
    border:0!important;
  }
  #orders .order-iphone-brand-v3431{display:block!important;min-width:0!important}
  #orders .order-iphone-logo-v3431,
  #orders .order-iphone-brand-v3431>div>small,
  #orders .order-iphone-brand-v3431 .order-command-subtitle-v3430,
  #orders .order-iphone-bell-v3431{display:none!important}
  #orders .order-iphone-brand-v3431 h2{
    margin:0!important;
    color:#112f4c!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
  }
  #orders .order-iphone-head-actions-v3431{
    display:grid!important;
    grid-template-columns:38px auto!important;
    gap:7px!important;
  }
  #orders .order-head-filter-v34213{display:grid!important}
  #orders .order-iphone-head-actions-v3431 .order-create-action{
    min-width:104px!important;
    height:43px!important;
    min-height:43px!important;
    border-radius:12px!important;
    font-size:12px!important;
    box-shadow:0 7px 18px rgba(8,120,239,.15)!important;
  }

  /* Four states become a single direct control strip. */
  #orders .order-command-panel-v3430{gap:7px!important;margin:0 0 10px!important}
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dce7f0!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(24,61,101,.035)!important;
  }
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    position:relative!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-items:start!important;
    gap:5px!important;
    min-width:0!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 8px!important;
    border:0!important;
    border-right:1px solid #e5edf4!important;
    border-radius:0!important;
    background:#fff!important;
    color:#5b7288!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
  }
  #orders .order-status-board-v3430 button:last-child{border-right:0!important}
  #orders .order-status-board-v3430 button>i{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    width:25px!important;
    height:25px!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#eef4f9!important;
    color:#647e95!important;
    box-shadow:none!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:950!important;
  }
  #orders .order-status-board-v3430 button>span{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  #orders .order-status-board-v3430 button>b{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    display:grid!important;
    min-width:20px!important;
    height:20px!important;
    place-items:center!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#f2f6fa!important;
    color:#60788e!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  #orders .order-status-board-v3430 button>small{display:none!important}
  #orders .order-status-board-v3430 button[data-order-filter="active"]>i{color:#0878ef!important;background:#edf6ff!important}
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>i{color:#0878ef!important;background:#edf6ff!important}
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>i{color:#087a58!important;background:#eaf9f2!important}
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>i{color:#a76508!important;background:#fff3dd!important}
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"],
  #orders .order-status-board-v3430 button[data-order-filter="completed"],
  #orders .order-status-board-v3430 button[data-order-filter="failed"]{
    background:#fff!important;
    border-color:#e5edf4!important;
    color:#5b7288!important;
  }
  #orders .order-status-board-v3430[data-active-filter="active"] button[data-order-filter="active"],
  #orders .order-status-board-v3430[data-active-filter="in_progress"] button[data-order-filter="in_progress"]{
    background:#edf6ff!important;
    color:#0878ef!important;
    box-shadow:inset 0 -3px 0 #1688f5!important;
  }
  #orders .order-status-board-v3430[data-active-filter="completed"] button[data-order-filter="completed"]{
    background:#eefaf4!important;
    color:#087a58!important;
    box-shadow:inset 0 -3px 0 #20b77e!important;
  }
  #orders .order-status-board-v3430[data-active-filter="failed"] button[data-order-filter="failed"]{
    background:#fff7e9!important;
    color:#a76508!important;
    box-shadow:inset 0 -3px 0 #dc9418!important;
  }
  #orders .order-status-board-v3430[data-active-filter] button[aria-selected="true"]>b{
    background:rgba(255,255,255,.72)!important;
    color:currentColor!important;
  }

  /* Advanced filters stay available, but only when explicitly requested. */
  #orders .order-iphone-filters-v3431,
  #orders .order-command-extra-filters-v3431{display:none!important}
  #orders.order-filters-open-v34213 .order-iphone-filters-v3431{display:grid!important}
  #orders.order-filters-open-v34213 .order-command-extra-filters-v3431:not([hidden]){display:grid!important}

  /* One information-dense card, matching the approved mockup. */
  #orders .aquaflow-order-list{gap:10px!important}
  #orders .order-ux-card-v34213{
    display:grid!important;
    gap:9px!important;
    padding:12px!important;
    border:1px solid #d9e6f0!important;
    border-left:4px solid #1688f5!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(25,62,99,.05)!important;
  }
  #orders .order-ux-card-v34213.progress{border-left-color:#1688f5!important}
  #orders .order-ux-card-v34213.done{border-color:#cde9dc!important;border-left-color:#20b77e!important}
  #orders .order-ux-card-v34213.retry{border-color:#efd29c!important;border-left-color:#dc9418!important;background:linear-gradient(180deg,#fffdfa,#fff)!important}

  #orders .order-ux-head-v34213{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
  }
  #orders .order-ux-status-v34213{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    min-height:27px!important;
    padding:3px 9px!important;
    border-radius:999px!important;
    background:#edf6ff!important;
    color:#0878ef!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  #orders .order-ux-status-v34213.done{background:#eaf9f2!important;color:#087a58!important}
  #orders .order-ux-status-v34213.retry{background:#fff1d7!important;color:#a76508!important}
  #orders .order-ux-number-v34213{
    justify-self:end!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#647d92!important;
    font-size:10px!important;
    letter-spacing:.04em!important;
  }
  #orders .order-ux-menu-v34213{justify-self:end!important}
  #orders .order-ux-menu-v34213>summary{
    display:grid!important;
    width:34px!important;
    height:34px!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#658097!important;
  }
  #orders .order-ux-menu-v34213>div{z-index:35!important;width:155px!important}
  #orders .order-ux-menu-v34213>div>a{display:flex!important;text-decoration:none!important}

  #orders .order-ux-customer-v34213{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }
  #orders .order-ux-avatar-v34213{
    display:grid!important;
    width:44px!important;
    height:44px!important;
    place-items:center!important;
    border-radius:13px!important;
    background:#e9f4ff!important;
    color:#0878ef!important;
    font-size:17px!important;
    font-weight:950!important;
  }
  #orders .order-ux-customer-copy-v34213{display:grid!important;gap:3px!important;min-width:0!important}
  #orders .order-ux-customer-copy-v34213 .order-command-customer-name-v3430>strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#102f4b!important;
    font-size:17px!important;
    line-height:1.1!important;
  }
  #orders .order-ux-customer-copy-v34213>p{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin:0!important;
    color:#6a8195!important;
    font-size:10px!important;
  }
  #orders .order-ux-money-v34213{
    align-self:start!important;
    color:#0878ef!important;
    font-size:18px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  #orders .order-ux-facts-v34213{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    min-width:0!important;
    padding:8px 10px!important;
    border:1px solid #e0eaf2!important;
    border-radius:11px!important;
    background:#f9fcff!important;
  }
  #orders .order-ux-facts-v34213>div{
    display:grid!important;
    gap:5px!important;
    min-width:0!important;
    align-content:center!important;
  }
  #orders .order-ux-facts-v34213>div+div{
    padding-left:10px!important;
    border-left:1px solid #dfe8f0!important;
  }
  #orders .order-ux-facts-v34213 span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#5c748a!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }
  #orders .order-ux-facts-v34213 span.source{color:#a66a09!important}
  #orders .order-command-handoff-v3430{font-size:8.5px!important;color:#9a650d!important}

  #orders .order-ux-retry-v34213{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:34px!important;
    padding:6px 9px!important;
    border:1px solid #efd29c!important;
    border-radius:10px!important;
    background:#fff8e8!important;
    color:#895b0f!important;
    font-size:10px!important;
  }
  #orders .order-ux-retry-v34213>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #orders .order-ux-retry-v34213>b{flex:0 0 auto!important;color:#a76508!important;font-size:10px!important}

  #orders .order-ux-actions-v34213{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #orders .order-ux-actions-v34213 .mini-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  #orders .order-ux-actions-v34213 .detail{
    border:1px solid #c8dff1!important;
    background:#fff!important;
    color:#315c7f!important;
  }
  #orders .order-ux-actions-v34213 .order-command-primary-v3430{
    border-color:#0878ef!important;
    background:linear-gradient(135deg,#168cff,#0878ef)!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  #orders .order-ux-actions-v34213 .mini-btn:only-child{grid-column:1/-1!important}

  #orders .order-command-empty-v3430{
    min-height:150px!important;
    border:1px dashed #c9dbea!important;
    border-radius:15px!important;
    background:#fff!important;
  }
}

@media (max-width:390px){
  #orders .order-iphone-brand-v3431 h2{font-size:24px!important}
  #orders .order-iphone-head-actions-v3431{grid-template-columns:34px auto!important;gap:5px!important}
  #orders .order-head-filter-v34213{width:34px!important;height:38px!important}
  #orders .order-iphone-head-actions-v3431 .order-create-action{min-width:96px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;font-size:11px!important}
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:21px minmax(0,1fr) auto!important;
    gap:3px!important;
    min-height:53px!important;
    height:53px!important;
    padding:0 5px!important;
  }
  #orders .order-status-board-v3430 button>i{width:21px!important;height:21px!important;border-radius:7px!important;font-size:9px!important}
  #orders .order-status-board-v3430 button>span{font-size:8.5px!important}
  #orders .order-status-board-v3430 button>b{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:7.5px!important}
  #orders .order-ux-card-v34213{padding:10px!important;gap:8px!important}
  #orders .order-ux-customer-v34213{grid-template-columns:39px minmax(0,1fr) auto!important;gap:8px!important}
  #orders .order-ux-avatar-v34213{width:39px!important;height:39px!important;border-radius:11px!important;font-size:15px!important}
  #orders .order-ux-customer-copy-v34213 .order-command-customer-name-v3430>strong{font-size:15px!important}
  #orders .order-ux-money-v34213{font-size:16px!important}
  #orders .order-ux-facts-v34213{padding:7px 8px!important}
  #orders .order-ux-facts-v34213 span{font-size:8.8px!important}
  #orders .order-ux-actions-v34213 .mini-btn{min-height:42px!important;font-size:11px!important}
}


/* ========================================================================== 
   AquaFlow V34.2.14 — STATUS COLOR SYNC
   One state = one hue across tab, status pill, card accent and primary action.
   Cần giao blue · Đang giao orange · Đã giao green · Hẹn lại purple.
   ========================================================================== */
@media (max-width:760px){
  /* Cần giao — blue */
  #orders .order-status-board-v3430 button[data-order-filter="active"]{
    background:#f1f7ff!important;
    color:#0878ef!important;
    border-color:#d4e8ff!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="active"]>i{
    background:#e5f2ff!important;
    color:#0878ef!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="active"]>b{
    background:#e5f2ff!important;
    color:#0878ef!important;
  }
  #orders .order-status-board-v3430[data-active-filter="active"] button[data-order-filter="active"]{
    background:#e8f3ff!important;
    color:#0878ef!important;
    border-color:#7fbdff!important;
    box-shadow:inset 0 -3px 0 #0878ef,0 0 0 1px rgba(8,120,239,.08)!important;
  }

  /* Đang giao — orange */
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]{
    background:#fff7e9!important;
    color:#c96f00!important;
    border-color:#f4d8a7!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>i{
    background:#fff0d2!important;
    color:#d97600!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>b{
    background:#fff0d2!important;
    color:#bd6900!important;
  }
  #orders .order-status-board-v3430[data-active-filter="in_progress"] button[data-order-filter="in_progress"]{
    background:#fff3dc!important;
    color:#c96f00!important;
    border-color:#f0b958!important;
    box-shadow:inset 0 -3px 0 #ff9800,0 0 0 1px rgba(255,152,0,.08)!important;
  }

  /* Đã giao — green */
  #orders .order-status-board-v3430 button[data-order-filter="completed"]{
    background:#effaf5!important;
    color:#087a58!important;
    border-color:#cfeadd!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>i{
    background:#dff6ea!important;
    color:#079361!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>b{
    background:#dff6ea!important;
    color:#087a58!important;
  }
  #orders .order-status-board-v3430[data-active-filter="completed"] button[data-order-filter="completed"]{
    background:#e6f8ef!important;
    color:#087a58!important;
    border-color:#78d6ad!important;
    box-shadow:inset 0 -3px 0 #12a86f,0 0 0 1px rgba(18,168,111,.08)!important;
  }

  /* Hẹn lại — purple */
  #orders .order-status-board-v3430 button[data-order-filter="failed"]{
    background:#f7f0ff!important;
    color:#7335d6!important;
    border-color:#e0ccff!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>i{
    background:#efe1ff!important;
    color:#7d3ce8!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>b{
    background:#efe1ff!important;
    color:#7335d6!important;
  }
  #orders .order-status-board-v3430[data-active-filter="failed"] button[data-order-filter="failed"]{
    background:#f1e6ff!important;
    color:#7335d6!important;
    border-color:#b986ff!important;
    box-shadow:inset 0 -3px 0 #8b3ff2,0 0 0 1px rgba(139,63,242,.08)!important;
  }

  /* Card accent + status chip follows the same state hue. */
  #orders .order-ux-card-v34213.need{
    border-color:#cfe4fb!important;
    border-left-color:#0878ef!important;
  }
  #orders .order-ux-card-v34213.progress{
    border-color:#f0d5a4!important;
    border-left-color:#ff9800!important;
    background:linear-gradient(180deg,#fffdfa,#fff)!important;
  }
  #orders .order-ux-card-v34213.done{
    border-color:#cde9dc!important;
    border-left-color:#12a86f!important;
    background:linear-gradient(180deg,#fbfffd,#fff)!important;
  }
  #orders .order-ux-card-v34213.retry{
    border-color:#ddc6ff!important;
    border-left-color:#8b3ff2!important;
    background:linear-gradient(180deg,#fdfaff,#fff)!important;
  }
  #orders .order-ux-status-v34213.need{background:#e8f3ff!important;color:#0878ef!important}
  #orders .order-ux-status-v34213.progress{background:#fff0d2!important;color:#c96f00!important}
  #orders .order-ux-status-v34213.done{background:#e3f8ee!important;color:#087a58!important}
  #orders .order-ux-status-v34213.retry{background:#f0e3ff!important;color:#7335d6!important}

  /* Main action uses the exact same state hue. */
  #orders .order-ux-card-v34213.need .order-command-primary-v3430{
    border-color:#0878ef!important;
    background:linear-gradient(135deg,#168cff,#0878ef)!important;
    color:#fff!important;
  }
  #orders .order-ux-card-v34213.progress .order-command-primary-v3430{
    border-color:#f39200!important;
    background:linear-gradient(135deg,#ffad22,#ff9200)!important;
    color:#fff!important;
  }
  #orders .order-ux-card-v34213.done .order-command-primary-v3430{
    border-color:#079b64!important;
    background:linear-gradient(135deg,#19b87c,#079b64)!important;
    color:#fff!important;
  }
  #orders .order-ux-card-v34213.retry .order-command-primary-v3430{
    border-color:#7d35e8!important;
    background:linear-gradient(135deg,#9b4dff,#7d35e8)!important;
    color:#fff!important;
  }

  /* Hẹn lại reason panel joins the purple state family. */
  #orders .order-ux-card-v34213.retry .order-ux-retry-v34213{
    border-color:#dcc5ff!important;
    background:#f8f1ff!important;
    color:#6230ad!important;
  }
  #orders .order-ux-card-v34213.retry .order-ux-retry-v34213>b{color:#7335d6!important}
}

/* ========================================================================== 
   AquaFlow V34.2.16 — STATUS BUTTON SIZE + COLOR MATCH
   Slightly larger 4-state buttons. Every visual part of each button follows
   the same state color family as its background.
   ========================================================================== */
@media (max-width:760px){
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{
    gap:5px!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:29px minmax(0,1fr) auto!important;
    min-height:64px!important;
    height:64px!important;
    padding:0 8px!important;
    border-width:1.5px!important;
    border-style:solid!important;
    border-radius:13px!important;
  }
  #orders .order-status-board-v3430 button>i{
    width:29px!important;
    height:29px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }
  #orders .order-status-board-v3430 button>span{
    font-size:11px!important;
    font-weight:900!important;
  }
  #orders .order-status-board-v3430 button>b{
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    font-size:9px!important;
  }

  /* Cần giao — blue family */
  #orders .order-status-board-v3430 button[data-order-filter="active"]{
    background:#eef6ff!important;
    color:#0878ef!important;
    border-color:#b9dcff!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="active"]>i,
  #orders .order-status-board-v3430 button[data-order-filter="active"]>b{
    background:#dceeff!important;
    color:#0878ef!important;
  }
  #orders .order-status-board-v3430[data-active-filter="active"] button[data-order-filter="active"]{
    background:#e3f1ff!important;
    border-color:#4da4ff!important;
    box-shadow:inset 0 0 0 1px rgba(8,120,239,.12),0 4px 12px rgba(8,120,239,.08)!important;
  }

  /* Đang giao — orange family */
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]{
    background:#fff5e5!important;
    color:#c96f00!important;
    border-color:#f4d09a!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>i,
  #orders .order-status-board-v3430 button[data-order-filter="in_progress"]>b{
    background:#ffe8bd!important;
    color:#c96f00!important;
  }
  #orders .order-status-board-v3430[data-active-filter="in_progress"] button[data-order-filter="in_progress"]{
    background:#ffefd4!important;
    border-color:#ffad33!important;
    box-shadow:inset 0 0 0 1px rgba(255,152,0,.12),0 4px 12px rgba(255,152,0,.08)!important;
  }

  /* Đã giao — green family */
  #orders .order-status-board-v3430 button[data-order-filter="completed"]{
    background:#edf9f3!important;
    color:#087a58!important;
    border-color:#bfe5d4!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>i,
  #orders .order-status-board-v3430 button[data-order-filter="completed"]>b{
    background:#d8f3e7!important;
    color:#087a58!important;
  }
  #orders .order-status-board-v3430[data-active-filter="completed"] button[data-order-filter="completed"]{
    background:#e2f7ed!important;
    border-color:#56c99a!important;
    box-shadow:inset 0 0 0 1px rgba(18,168,111,.12),0 4px 12px rgba(18,168,111,.08)!important;
  }

  /* Hẹn lại — purple family */
  #orders .order-status-board-v3430 button[data-order-filter="failed"]{
    background:#f6efff!important;
    color:#7335d6!important;
    border-color:#d9c0ff!important;
  }
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>i,
  #orders .order-status-board-v3430 button[data-order-filter="failed"]>b{
    background:#eadbff!important;
    color:#7335d6!important;
  }
  #orders .order-status-board-v3430[data-active-filter="failed"] button[data-order-filter="failed"]{
    background:#efe3ff!important;
    border-color:#a86cf7!important;
    box-shadow:inset 0 0 0 1px rgba(139,63,242,.12),0 4px 12px rgba(139,63,242,.08)!important;
  }
}

@media (max-width:390px){
  #orders .order-status-board-v3430,
  .staff-mode #orders .order-status-board-v3430,
  .admin-mode #orders .order-status-board-v3430{gap:4px!important}
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:26px minmax(0,1fr) auto!important;
    min-height:60px!important;
    height:60px!important;
    padding:0 6px!important;
  }
  #orders .order-status-board-v3430 button>i{width:26px!important;height:26px!important;font-size:11px!important}
  #orders .order-status-board-v3430 button>span{font-size:10px!important}
  #orders .order-status-board-v3430 button>b{min-width:20px!important;height:20px!important;font-size:8px!important}
}


/* ========================================================================== 
   AquaFlow V34.2.17 — STATUS 70 + CONTROLLED UPDATE
   Make the four state buttons visibly larger while keeping one-row behavior.
   ========================================================================== */
@media (max-width:760px){
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:31px minmax(0,1fr) auto!important;
    min-height:70px!important;
    height:70px!important;
    padding:0 9px!important;
    border-radius:14px!important;
  }
  #orders .order-status-board-v3430 button>i{
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  #orders .order-status-board-v3430 button>span{
    font-size:11.5px!important;
    line-height:1.05!important;
  }
  #orders .order-status-board-v3430 button>b{
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
    font-size:9.5px!important;
  }
}
@media (max-width:390px){
  #orders .order-status-board-v3430 button,
  .staff-mode #orders .order-status-board-v3430 button,
  .admin-mode #orders .order-status-board-v3430 button{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    min-height:66px!important;
    height:66px!important;
    padding:0 6px!important;
  }
  #orders .order-status-board-v3430 button>i{width:28px!important;height:28px!important;font-size:12px!important}
  #orders .order-status-board-v3430 button>span{font-size:10.5px!important}
  #orders .order-status-board-v3430 button>b{min-width:21px!important;height:21px!important;font-size:8.5px!important}
}

/* V34.2.47 — show unit prices directly on compact order cards. */
#orders .order-unit-price-v34247{
  color:#0878ef!important;
  font-size:9.2px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
}
@media (max-width:430px){
  #orders .order-unit-price-v34247{font-size:8.4px!important}
}

/* V34.2.48 — quantity + unit price share one product row. */
#orders .order-product-line-v34248{
  color:#536d83!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.22!important;
}
#orders .order-product-line-v34248 b{font-weight:900!important}