/* AquaFlow Enterprise V25 — compact delivery extras + company receipt overview */

/* ---------------- Delivery: compact optional extras ---------------- */
body.unified-shell #delivery-dialog.aquaflow-delivery-dialog .delivery-extra-stage{
  gap:7px!important;
  padding:9px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-step-head{
  margin-bottom:0!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-chip{
  min-height:40px!important;
  padding:0 5px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  letter-spacing:0!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-chip span{
  gap:3px!important;
  white-space:nowrap!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-chip span::before{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  border-radius:5px!important;
  font-size:11px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-panel{
  margin:0!important;
  padding:8px!important;
  border:1px solid #dbe7f0!important;
  border-radius:13px!important;
  background:#f8fbfe!important;
  box-shadow:none!important;
}
/* Hidden state must win over panel layout rules. */
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-panel.is-hidden,
body.unified-shell #delivery-dialog .delivery-extra-stage .damaged-bottle-field.is-hidden{
  display:none!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:6px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-panel-head strong{
  font-size:10px!important;
  letter-spacing:.08em!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-panel-head small{
  font-size:9px!important;
  text-align:right!important;
}
body.unified-shell #delivery-dialog #delivery-lavie-fields .delivery-deposit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
body.unified-shell #delivery-dialog #delivery-lavie-fields .delivery-lavie-price-field{
  grid-column:1/-1!important;
}
body.unified-shell #delivery-dialog #delivery-lavie-fields .helper-note{
  margin:5px 0 0!important;
  font-size:9px!important;
  line-height:1.3!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .damaged-bottle-field{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(90px,120px)!important;
  align-items:center!important;
  gap:8px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .damaged-bottle-field>div small{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .pack-fields{
  gap:6px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-pack-row{
  padding:7px!important;
  border-radius:11px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-pack-row .pack-size-title{
  min-width:56px!important;
  font-size:9.5px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .deposit-preview{
  gap:5px!important;
  margin-top:5px!important;
}
body.unified-shell #delivery-dialog .delivery-extra-stage .deposit-preview>span{
  min-height:44px!important;
  padding:6px!important;
}

/* Empty-by-default Lavie quantity fields should visually invite input. */
body.unified-shell :is(#delivery-lavie-quantity,#delivery-lavie-returned-bottles,#receipt-lavie-empty-sent,#receipt-lavie-received)::placeholder{
  color:#a1afbc!important;
  opacity:1!important;
  font-weight:650!important;
}

/* ---------------- Company: grouped receipt overview ---------------- */
body.unified-shell #company .company-hub{
  padding:14px!important;
}
body.unified-shell #company .company-section-head{
  margin-bottom:10px!important;
}
body.unified-shell #company .company-summary-note{
  max-width:620px!important;
}
body.unified-shell #company #supplier-total-summary.company-total-summary{
  display:block!important;
  margin:0!important;
}
body.unified-shell #company .company-overview-v25{
  display:grid;
  gap:11px;
}
body.unified-shell #company .company-overview-group{
  padding:11px;
  border:1px solid #dbe7f0;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 22px rgba(25,67,104,.04);
}
body.unified-shell #company .company-overview-group.stock-group{
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
body.unified-shell #company .company-overview-group.shell-group{
  background:linear-gradient(180deg,#f7fcfa 0%,#fff 100%);
}
body.unified-shell #company .company-overview-group.finance-group{
  background:linear-gradient(180deg,#fbfcfe 0%,#fff 100%);
}
body.unified-shell #company .company-overview-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
body.unified-shell #company .company-overview-group-head>div{
  display:grid;
  gap:2px;
  min-width:0;
}
body.unified-shell #company .company-overview-group-head small{
  color:#0878ef;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.14em;
}
body.unified-shell #company .company-overview-group-head strong{
  color:#18364f;
  font-size:.96rem;
  line-height:1.2;
}
body.unified-shell #company .company-overview-group-head>span{
  flex:0 0 auto;
  max-width:48%;
  color:#6e8497;
  font-size:.68rem;
  font-weight:800;
  text-align:right;
  line-height:1.25;
}
body.unified-shell #company .company-overview-metrics{
  display:grid;
  gap:7px;
}
body.unified-shell #company .stock-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.unified-shell #company .shell-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.unified-shell #company .finance-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.unified-shell #company .company-overview-metric{
  position:relative;
  display:grid;
  align-content:center;
  gap:4px;
  min-width:0;
  min-height:92px;
  padding:11px 12px;
  border:1px solid #e0e8ef;
  border-radius:14px;
  background:#f8fafc;
  overflow:hidden;
}
body.unified-shell #company .company-overview-metric::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#b9cedd;
}
body.unified-shell #company .company-overview-metric small{
  color:#607b91;
  font-size:.60rem!important;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.15;
}
body.unified-shell #company .company-overview-metric strong{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:0;
  color:#17364f;
  font-size:1.42rem!important;
  font-weight:900;
  line-height:1.05;
  overflow-wrap:anywhere;
}
body.unified-shell #company .company-overview-metric strong em{
  color:#698094;
  font-size:.67rem;
  font-style:normal;
  font-weight:850;
}
body.unified-shell #company .company-overview-metric>span{
  color:#8192a1;
  font-size:.61rem;
  font-weight:700;
  line-height:1.25;
}
body.unified-shell #company .company-overview-metric.received::before,
body.unified-shell #company .company-overview-metric.lavie::before,
body.unified-shell #company .company-overview-metric.packs::before{background:#169c72}
body.unified-shell #company .company-overview-metric.held::before{background:#2188d9}
body.unified-shell #company .company-overview-metric.sent::before{background:#4779c8}
body.unified-shell #company .company-overview-metric.lavie-empty::before{background:#00a29a}
body.unified-shell #company .company-overview-metric.defective::before{background:#d58a42}
body.unified-shell #company .company-overview-metric.money::before{background:#5c7aa0}
body.unified-shell #company .company-overview-metric.paid::before{background:#14956d}
body.unified-shell #company .company-overview-metric.due{
  border-color:#f0d7da;
  background:#fff8f8;
}
body.unified-shell #company .company-overview-metric.due::before{background:#cf3340}
body.unified-shell #company .company-overview-metric.due strong{color:#c92a35!important}

body.unified-shell #company .company-supplier-section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  margin:14px 2px 8px;
  padding-top:12px;
  border-top:1px solid #e2eaf0;
}
body.unified-shell #company .company-supplier-section-title>div{
  display:grid;
  gap:2px;
}
body.unified-shell #company .company-supplier-section-title small{
  color:#0878ef;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.13em;
}
body.unified-shell #company .company-supplier-section-title strong{
  color:#17364f;
  font-size:.94rem;
}
body.unified-shell #company .company-supplier-section-title>span{
  color:#7a8d9e;
  font-size:.64rem;
  font-weight:800;
}

@media (max-width:760px){
  body.unified-shell #company .company-hub{padding:11px!important}
  body.unified-shell #company .company-overview-v25{gap:9px}
  body.unified-shell #company .company-overview-group{padding:9px;border-radius:15px}
  body.unified-shell #company .company-overview-group-head{margin-bottom:7px}
  body.unified-shell #company .company-overview-group-head strong{font-size:.88rem}
  body.unified-shell #company .company-overview-group-head>span{font-size:.60rem}
  body.unified-shell #company .stock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.unified-shell #company .stock-metrics .packs{grid-column:1/-1}
  body.unified-shell #company .shell-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.unified-shell #company .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.unified-shell #company .finance-metrics .due{grid-column:1/-1;min-height:78px}
  body.unified-shell #company .company-overview-metric{min-height:84px;padding:9px 10px;border-radius:13px}
  body.unified-shell #company .company-overview-metric strong{font-size:1.23rem!important}
  body.unified-shell #company .company-overview-metric small{font-size:.55rem!important}
  body.unified-shell #company .company-overview-metric>span{font-size:.57rem}
}

@media (max-width:390px){
  body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-strip{gap:4px!important}
  body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-chip{min-height:38px!important;padding:0 3px!important;font-size:9.7px!important}
  body.unified-shell #delivery-dialog .delivery-extra-stage .delivery-option-chip span::before{width:14px!important;height:14px!important;flex-basis:14px!important;font-size:9px!important}
  body.unified-shell #company .company-overview-metric{min-height:80px;padding:8px 9px}
  body.unified-shell #company .company-overview-metric strong{font-size:1.13rem!important}
}

/* v25.2 — shared deposit money, separate regular/Lavie bottle counts */
body.unified-shell #delivery-dialog .delivery-deposit-mode-row,
body.unified-shell #delivery-dialog .delivery-deposit-split-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.unified-shell #delivery-dialog .delivery-deposit-mode-row{margin-top:2px!important}
body.unified-shell #delivery-dialog .delivery-deposit-mode-row>label:first-child{grid-column:1 / -1!important}
body.unified-shell #delivery-dialog .delivery-deposit-split-grid{margin-top:7px!important}
body.unified-shell #delivery-dialog .delivery-deposit-mode-row label,
body.unified-shell #delivery-dialog .delivery-deposit-split-grid label{
  min-width:0!important;
}
body.unified-shell #delivery-dialog .delivery-deposit-split-grid label>span{
  display:block!important;
  margin-bottom:5px!important;
  color:#355570!important;
  font-weight:800!important;
  font-size:11px!important;
}
body.unified-shell #delivery-dialog #delivery-deposit-mode,
body.unified-shell #delivery-dialog #delivery-deposit-unit-price,
body.unified-shell #delivery-dialog #delivery-deposit-lavie-unit-price,
body.unified-shell #delivery-dialog #delivery-deposit-regular-bottles,
body.unified-shell #delivery-dialog #delivery-deposit-lavie-bottles{
  min-height:48px!important;
}
body.unified-shell #delivery-dialog #delivery-deposit-lavie-unit-price{
  background:#f1f7f4!important;
  color:#0d7650!important;
  font-weight:850!important;
  border-color:#c8e5d8!important;
}
body.unified-shell #delivery-dialog :is(#delivery-deposit-regular-bottles,#delivery-deposit-lavie-bottles)::placeholder{
  color:#a1afbc!important;
  opacity:1!important;
  font-weight:650!important;
}
@media(max-width:430px){
  body.unified-shell #delivery-dialog .delivery-deposit-mode-row,
  body.unified-shell #delivery-dialog .delivery-deposit-split-grid{
    gap:6px!important;
  }
}