/* Mobile hierarchy: sidebar-colored header and responsive Supply orders. */
@media (max-width:768px){
  #mob-topbar{
    background:linear-gradient(135deg,#0A3A63 0%,#0F4C81 58%,#1D72C9 100%)!important;
    border-bottom:0!important;
    box-shadow:0 5px 16px rgba(10,58,99,.24)!important;
    color:#fff!important;
  }
  #mob-topbar .mobile-clinic-logo{background:transparent!important}
  #mob-topbar .mobile-clinic-logo>span{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }
  #mob-topbar #mobile-clinic-name,
  #mob-topbar #mobile-page-title{color:#fff!important}
  #mob-topbar #mobile-clinic-name{opacity:.8}
  #mob-topbar>button{color:#fff!important}
  #mob-topbar>button svg{stroke:#fff!important}
  #mob-topbar #mob-feed-badge{
    background:#ef4444!important;
    border:2px solid #0F4C81!important;
  }

  #page-supplies,
  #page-supplies #supplies-panel-orders,
  #page-supplies #orders-table{width:100%!important;min-width:0!important;overflow:visible!important}
  #page-supplies #supplies-panel-orders .tbl-toolbar{margin-bottom:10px!important}
  #page-supplies #supplies-panel-orders .card-head{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  #page-supplies #supplies-panel-orders .card-head-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  #page-supplies #supplies-panel-orders .card-head-actions>*{width:100%!important;min-width:0!important}

  #orders-table .supply-orders-table,
  #orders-table .supply-orders-table tbody{display:block!important;width:100%!important;min-width:0!important}
  #orders-table .supply-orders-table thead{display:none!important}
  #orders-table .supply-order-main-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "number status"
      "provider status"
      "products products"
      "date actions"!important;
    gap:8px 12px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:14px!important;
    overflow:hidden!important;
    border:1px solid #dce5eb!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,76,129,.07)!important;
  }
  #orders-table .supply-order-main-row:has(+.supply-flow-row){
    margin-bottom:0!important;
    border-bottom:0!important;
    border-radius:14px 14px 0 0!important;
    box-shadow:none!important;
  }
  #orders-table .supply-order-main-row>td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    overflow-wrap:anywhere!important;
  }
  #orders-table .supply-order-main-row>td:nth-child(1){grid-area:number;font-size:14px!important}
  #orders-table .supply-order-main-row>td:nth-child(2){grid-area:provider;font-size:13px!important}
  #orders-table .supply-order-main-row>td:nth-child(3){grid-area:products;font-size:12px!important;line-height:1.45}
  #orders-table .supply-order-main-row>td:nth-child(4){grid-area:date;font-size:11px!important;align-self:end}
  #orders-table .supply-order-main-row>td:nth-child(5){
    grid-area:status!important;
    align-self:start!important;
    min-width:0!important;
    text-align:right!important;
  }
  #orders-table .supply-order-main-row>td:nth-child(6){grid-area:actions;align-self:end}
  #orders-table .supply-list-stage{
    justify-items:end!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  #orders-table .supply-list-stage-icon{
    width:34px!important;
    height:34px!important;
    margin-right:4px!important;
    box-shadow:0 0 0 3px rgba(15,76,129,.12)!important;
  }
  #orders-table .supply-list-stage strong,
  #orders-table .supply-list-stage time{max-width:112px;text-align:right;white-space:normal!important}
  #orders-table .supply-order-main-row .row-actions{
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  #orders-table .supply-flow-row{
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
  }
  #orders-table .supply-flow-row>td{
    display:block!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
  }
  #orders-table .supply-inline-flow{
    width:100%!important;
    padding:13px 10px 14px!important;
    overflow:hidden!important;
    border:1px solid #dce5eb!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    background:linear-gradient(145deg,#f7fbff,#f3f9f8)!important;
  }
  #orders-table .supply-flow-head{gap:5px!important;margin-bottom:12px!important}
  #orders-table .supply-flow-head strong{font-size:13px!important}
  #orders-table .supply-flow-hint{font-size:10.5px!important;line-height:1.4}
  #orders-table .supply-flow-steps{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px 6px!important;
    width:100%!important;
    overflow:visible!important;
  }
  #orders-table .supply-flow-step{min-width:0!important}
  #orders-table .supply-flow-step::after{display:none!important}
  #orders-table .supply-flow-step-control{gap:4px!important;min-width:0!important}
  #orders-table .supply-flow-dot{width:30px!important;height:30px!important}
  #orders-table .supply-flow-label{
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }
}


/* Supply actions share one predictable toolbar on desktop and mobile. */
#page-supplies .management-toolbar{
  align-items:center!important;
  flex-wrap:nowrap!important;
}
#page-supplies #tabsbar-supplies{
  flex:1 1 auto;
  min-width:0;
}
#page-supplies #supplies-toolbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
#page-supplies .supply-order-filter{
  align-items:center;
  gap:7px;
  min-width:210px;
}
#page-supplies .supply-order-filter>span{
  font-size:11px;
  font-weight:700;
  color:var(--ink3);
  text-transform:uppercase;
  letter-spacing:.35px;
}
#page-supplies .supply-order-filter select{
  min-width:150px;
  padding:7px 11px;
  border:1.5px solid var(--border);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font:600 13px 'Roboto',sans-serif;
  outline:none;
}
#page-supplies .supply-orders-only,
#page-supplies .supply-purchase-entry{
  display:none!important;
}
#page-supplies .management-toolbar:has(#supplies-tab-orders.os-utab-active) .supply-orders-only{
  display:flex!important;
}
#page-supplies .management-toolbar:has(#supplies-tab-orders.os-utab-active) .supply-purchase-entry,
#page-supplies .management-toolbar:has(#supplies-tab-entradas.os-utab-active) .supply-purchase-entry{
  display:inline-flex!important;
}
#page-supplies #supplies-panel-orders{
  margin-top:18px;
}

@media(max-width:768px){
  #page-supplies .management-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  #page-supplies #tabsbar-supplies{
    width:100%!important;
  }
  #page-supplies #supplies-toolbar-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:8px!important;
    width:100%!important;
  }
  #page-supplies .supply-order-filter{
    grid-column:1;
    min-width:0!important;
    width:100%!important;
  }
  #page-supplies .supply-order-filter>span{
    display:none;
  }
  #page-supplies .supply-order-filter select{
    width:100%!important;
    min-width:0!important;
    height:44px;
  }
  #page-supplies #supply-orders-refresh{
    grid-column:2;
    width:52px!important;
    height:44px;
    justify-content:center;
  }
  #page-supplies #supply-new-purchase{
    grid-column:1/-1;
    width:100%!important;
    min-height:46px;
    justify-content:center;
    font-size:14px;
  }
  #page-supplies #supplies-panel-orders{
    margin-top:14px;
  }
}