/* DBX ONE STOCKROOM DEMO PARITY LAYER
   DEMO PARITY INVARIANT (v0.11.5+): the public interactive demo must track the current signed-in STOCKROOM UI.
   Do not resurrect superseded surfaces such as the Home Quick access selector. When production shared UI changes,
   refresh the demo shell/UI and this parity layer together, then regression-check both mobile and desktop. */

/* v1.3.1 single-worker UX hardening
   Component-width rule: drawer cards must not inherit desktop multi-column assumptions from viewport width.
   Item tools live inline with the item heading; Full/Critical configuration is hidden from normal stock cards. */
.stock-demo-page .demo-consumable-name-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
}
.stock-demo-page .demo-consumable-name-line>strong{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.stock-demo-page .demo-consumable-item-tools{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
}
.stock-demo-page .demo-item-edit-button{
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid rgba(116,156,188,.24)!important;
  border-radius:10px!important;
  background:rgba(8,24,38,.72)!important;
  color:#a9c3d8!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.stock-demo-page .demo-item-edit-button:hover,
.stock-demo-page .demo-item-edit-button:focus-visible{
  color:#8fd1ff!important;
  border-color:rgba(81,181,255,.55)!important;
  background:rgba(18,66,100,.55)!important;
}
.stock-demo-page .demo-consumable-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy qty" "controls controls"!important;
  gap:11px 14px!important;
  align-items:start!important;
}
.stock-demo-page .demo-consumable-copy{grid-area:copy!important;min-width:0!important}
.stock-demo-page .demo-current-target{grid-area:qty!important;min-width:72px!important;justify-content:flex-end!important;align-self:center!important}
.stock-demo-page .demo-inline-stock-controls{
  grid-area:controls!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.stock-demo-page .demo-inline-stock-controls .demo-inline-count{grid-column:1!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-inline-stock-controls .demo-replenish-button{grid-column:1!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-store-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-drawer-bell{width:34px!important;height:34px!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important}
.stock-demo-page .demo-expiry-inline-row{justify-content:flex-start!important}
.stock-demo-page .demo-expiry-inline-row>span{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:8px!important;color:#d6e6f3!important;font-weight:760!important}
.stock-demo-page .demo-expiry-inline-row small{width:100%!important;color:#748da2!important;font-weight:650!important}
.stock-demo-page .demo-expiry-unknown>span{color:#91a7ba!important}

.stock-demo-page .demo-delivery-notification-badge{
  display:inline-grid;
  place-items:center;
  min-width:19px;
  height:19px;
  margin-left:6px;
  padding:0 5px;
  border-radius:999px;
  background:#e54855;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 2px rgba(229,72,85,.12);
  vertical-align:middle;
}
.stock-demo-page .demo-delivery-notification-badge[hidden]{display:none!important}
.stock-demo-page .demo-invoice-product-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.stock-demo-page .demo-new-item-chip{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(229,72,85,.13);
  border:1px solid rgba(229,72,85,.35);
  color:#ff8790;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.stock-demo-page .demo-existing-stock-item{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(110px,.65fr)!important;
  gap:12px!important;
  align-items:end!important;
  padding:14px!important;
}
.stock-demo-page .demo-existing-stock-item .demo-settings-name-field{grid-column:1/-1!important;min-width:0!important}
.stock-demo-page .demo-existing-stock-item .demo-settings-current-field{grid-column:1!important;min-width:0!important}
.stock-demo-page .demo-existing-stock-item .demo-settings-levels{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0!important}
.stock-demo-page .demo-settings-expiry-button{
  grid-column:2!important;
  grid-row:2!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border:1px solid rgba(93,160,205,.28)!important;
  border-radius:11px!important;
  background:rgba(10,32,49,.78)!important;
  color:#8bd2ff!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.stock-demo-page .demo-settings-focus{outline:2px solid rgba(70,185,255,.78)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(70,185,255,.08)!important}

@media(max-width:620px){
  .stock-demo-page .demo-consumable-name-line{align-items:flex-start!important;flex-wrap:wrap!important}
  .stock-demo-page .demo-consumable-item-tools{margin-left:0!important;width:100%!important;justify-content:flex-end!important}
  .stock-demo-page .demo-existing-stock-item{grid-template-columns:1fr!important}
  .stock-demo-page .demo-existing-stock-item .demo-settings-name-field,
  .stock-demo-page .demo-existing-stock-item .demo-settings-current-field,
  .stock-demo-page .demo-existing-stock-item .demo-settings-levels,
  .stock-demo-page .demo-settings-expiry-button{grid-column:1!important;grid-row:auto!important}
  .stock-demo-page .demo-existing-stock-item .demo-settings-levels{grid-template-columns:1fr 1fr!important}
  .stock-demo-page .demo-delivery-notification-badge{min-width:17px;height:17px;font-size:9px;padding:0 4px;margin-left:3px}
}
\n/* v1.3.2 target/expiry replenishment */
.stock-demo-page .demo-home-stock-expiry{display:block!important;margin-top:4px!important;color:#76bfe9!important;font-size:10px!important;line-height:1.45!important;overflow-wrap:anywhere}
.stock-demo-page .demo-replenish-expiry-list{display:grid;gap:10px;margin:16px 0 10px}
.stock-demo-page .demo-replenish-expiry-row{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(87,170,235,.15);border-radius:14px;background:#081522}
.stock-demo-page .demo-replenish-expiry-row select,.stock-demo-page .demo-replenish-expiry-row input{min-width:0;width:100%}
.stock-demo-page .demo-replenish-expiry-summary{margin:10px 0 0;color:#8fa8bd;font-size:12px;font-weight:750}
@media(max-width:620px){.stock-demo-page .demo-replenish-expiry-row{grid-template-columns:minmax(0,1fr) 88px}.stock-demo-page .demo-replenish-expiry-row .demo-settings-remove{grid-column:1/-1;width:100%}}


/* v1.3.3 — completed deliveries are archived below pending deliveries. */
.stock-demo-page .demo-pending-deliveries{display:grid;gap:12px}
.stock-demo-page .demo-deliveries-clear{margin:4px 0 12px;padding:16px 18px;border:1px solid rgba(101,228,181,.18);border-radius:18px;background:rgba(101,228,181,.055);display:flex;flex-direction:column;gap:3px}
.stock-demo-page .demo-deliveries-clear strong{font-size:13px;color:#dffbef}
.stock-demo-page .demo-deliveries-clear span{font-size:11px;color:#78998a}
.stock-demo-page .demo-received-deliveries{margin-top:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}
.stock-demo-page .demo-received-deliveries>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;user-select:none}
.stock-demo-page .demo-received-deliveries>summary::-webkit-details-marker{display:none}
.stock-demo-page .demo-received-deliveries>summary span{display:flex;flex-direction:column;gap:2px;min-width:0}
.stock-demo-page .demo-received-deliveries>summary strong{font-size:14px;color:#f4f7ff}
.stock-demo-page .demo-received-deliveries>summary small{font-size:10px;color:#8aa0b8}
.stock-demo-page .demo-received-deliveries>summary i{width:28px;height:28px;border-radius:9px;border:1px solid rgba(76,174,255,.2);display:grid;place-items:center;flex:0 0 auto}
.stock-demo-page .demo-received-deliveries>summary i::before{content:'⌄';font-style:normal;color:#74c8ff;font-weight:900;transform:translateY(-1px)}
.stock-demo-page .demo-received-deliveries[open]>summary i::before{content:'⌃';transform:translateY(1px)}
.stock-demo-page .demo-received-deliveries-list{display:grid;gap:12px;padding:0 12px 12px}
.stock-demo-page .demo-received-deliveries .demo-invoice-card{opacity:.82;background:rgba(255,255,255,.025)}


/* v1.3.4 action-fatigue, pinning, shopping and archive UX */
.demo-home-copy [data-home-summary],.demo-home-state,.demo-home-room-pin{display:none!important}
.demo-home-actions-head h3{display:none!important}.demo-home-actions-head{align-items:center;margin-bottom:8px}
.demo-dismissed-actions{margin-top:8px}.demo-dismissed-actions-toggle{border:0;background:transparent;color:#54b8ff;padding:4px 0;font-size:11px;font-weight:800;cursor:pointer}.demo-dismissed-actions-list{display:grid;gap:6px;margin-top:6px}.demo-dismissed-action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8fa6ba;font-size:11px;padding:7px 9px;border:1px solid rgba(84,184,255,.13);border-radius:10px;background:rgba(12,29,44,.45)}.demo-dismissed-action-row button{border:0;background:transparent;color:#54b8ff;font-weight:850;cursor:pointer}
.demo-stockroom-health-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-health-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.demo-health-badge i{width:7px;height:7px;border-radius:50%;display:block}.demo-health-badge.red{color:#ff8993}.demo-health-badge.red i{background:#ff6572}.demo-health-badge.orange{color:#ffc269}.demo-health-badge.orange i{background:#ffad38}.demo-health-badge.green{color:#6ee4b5}.demo-health-badge.green i{background:#35d397}.demo-store-tile .demo-order-callout{display:none!important}.demo-drawer-health .demo-stockroom-health-badges{width:100%}
.demo-room-pin{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border:1px solid #29445c;border-radius:10px;background:#0b1723;color:#738ba0;cursor:pointer;flex:0 0 auto}.demo-room-pin svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-room-pin.active{color:#59bdff;border-color:#247cc0;background:#0b2940}.demo-room-pin:hover{color:#8ed5ff}.demo-room-tile[data-room-id] .demo-tile-head{align-items:flex-start}.demo-location-grid[data-room-display=list] .demo-room-pin{margin-left:8px}
.demo-shopping-toolbar{display:flex;justify-content:flex-end;margin:0 0 8px}.demo-clear-shopping{border:1px solid #60313a;background:#261017;color:#ffadb8;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;cursor:pointer}.demo-shopping-swipe{position:relative;overflow:hidden;border-radius:14px;margin-bottom:8px;background:#9c1726}.demo-shopping-swipe-delete{position:absolute;inset:0 0 0 auto;width:88px;border:0;background:#c92235;color:white;font-weight:900;z-index:0}.demo-shopping-swipe>.demo-shopping-row{position:relative;z-index:1;margin:0;background:#091522;transition:transform .18s ease}.demo-shopping-swipe.swiped>.demo-shopping-row{transform:translateX(-88px)!important}
.demo-invoice-head{position:relative}.demo-received-delivery-delete{width:30px;height:30px;display:grid;place-items:center;border:1px solid #5d303a;border-radius:9px;background:#241016;color:#ff9daa;font-size:18px;font-weight:800;cursor:pointer;margin-left:2px}
@media(max-width:620px){.demo-room-pin{width:30px;height:30px}.demo-health-badge{font-size:9px}.demo-home-pinned-room{margin-top:4px}.demo-shopping-swipe{touch-action:pan-y}}


/* v1.4.5 — replenishment round */
.stock-demo-page .demo-rooms-heading-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.stock-demo-page .demo-replenishment-round-launch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 15px;
  border:1px solid rgba(68,177,255,.38);
  border-radius:12px;
  background:linear-gradient(135deg,#117dcf,#2fa8ff);
  color:#fff;
  box-shadow:0 12px 28px rgba(22,140,231,.18);
  font-size:11px;
  font-weight:850;
  letter-spacing:-.01em;
  cursor:pointer;
}
.stock-demo-page .demo-replenishment-round-launch:hover{filter:brightness(1.06)}
.stock-demo-page .demo-replenishment-round-launch span{font-size:16px;line-height:1}
.stock-demo-page .demo-replenishment-round-launch[hidden]{display:none!important}

.stock-demo-page .demo-replenishment-round-modal{z-index:9250}
.stock-demo-page .demo-replenish-expiry-modal{z-index:9350}
.stock-demo-page .demo-replenishment-round-card{
  width:min(860px,100%);
  max-height:min(92vh,920px);
  padding:24px;
}
.stock-demo-page .demo-replenishment-round-card>.demo-section-line{margin-bottom:8px}
.stock-demo-page .demo-replenishment-round-summary{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin:4px 0 14px;
  padding:7px 11px;
  border:1px solid rgba(74,177,248,.18);
  border-radius:999px;
  background:#0a2032;
  color:#8bd1ff;
  font-size:10px;
  font-weight:850;
}
.stock-demo-page .demo-replenishment-round-list{display:grid;gap:12px}
.stock-demo-page .demo-replenishment-round-room{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(145deg,#0a1521,#07101a);
}
.stock-demo-page .demo-replenishment-round-room-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(31,139,222,.055);
}
.stock-demo-page .demo-replenishment-round-room-head strong,
.stock-demo-page .demo-replenishment-round-room-head small{display:block}
.stock-demo-page .demo-replenishment-round-room-head strong{color:#f4f9fd;font-size:15px}
.stock-demo-page .demo-replenishment-round-room-head small{margin-top:3px;color:#7890a5;font-size:10px}
.stock-demo-page .demo-replenishment-round-room-head>span{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#103352;
  color:#78c8ff;
  font-size:10px;
  font-weight:900;
}
.stock-demo-page .demo-replenishment-round-items{display:grid}
.stock-demo-page .demo-replenishment-round-item{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  grid-template-areas:"check copy meta";
  align-items:center;
  gap:11px;
  margin:0!important;
  padding:13px 16px;
  border-top:1px solid rgba(255,255,255,.055);
  cursor:pointer;
}
.stock-demo-page .demo-replenishment-round-item:first-child{border-top:0}
.stock-demo-page .demo-replenishment-round-item:hover{background:rgba(47,159,255,.045)}
.stock-demo-page .demo-replenishment-round-item>input{
  grid-area:check;
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.stock-demo-page .demo-replenishment-round-tick{
  grid-area:check;
  width:22px;
  height:22px;
  border:1px solid #31506a;
  border-radius:7px;
  background:#050d15;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.015);
}
.stock-demo-page .demo-replenishment-round-item:has(input:focus-visible) .demo-replenishment-round-tick{
  outline:2px solid #5bbdff;
  outline-offset:2px;
}
.stock-demo-page .demo-replenishment-round-item:has(input:checked) .demo-replenishment-round-tick{
  border-color:#35a9f5;
  background:#168ce7;
}
.stock-demo-page .demo-replenishment-round-item:has(input:checked) .demo-replenishment-round-tick:after{
  content:"";
  display:block;
  width:8px;
  height:4px;
  margin:6px 0 0 5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}
.stock-demo-page .demo-replenishment-round-item:has(input:disabled){cursor:not-allowed;opacity:.68}
.stock-demo-page .demo-replenishment-round-item-copy{
  grid-area:copy;
  min-width:0;
}
.stock-demo-page .demo-replenishment-round-item-copy strong,
.stock-demo-page .demo-replenishment-round-item-copy small,
.stock-demo-page .demo-replenishment-round-item-copy em{display:block}
.stock-demo-page .demo-replenishment-round-item-copy strong{
  overflow:hidden;
  color:#ecf6fd;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stock-demo-page .demo-replenishment-round-item-copy small{
  margin-top:3px;
  color:#7f96aa;
  font-size:10px;
  line-height:1.4;
}
.stock-demo-page .demo-replenishment-round-item-copy em{
  width:max-content;
  margin-top:5px;
  padding:3px 6px;
  border:1px solid rgba(80,181,250,.18);
  border-radius:999px;
  background:#0b2539;
  color:#75c8ff;
  font-size:8px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.stock-demo-page .demo-replenishment-round-item-meta{
  grid-area:meta;
  max-width:190px;
  color:#71899e;
  font-size:9px;
  font-weight:750;
  text-align:right;
}
.stock-demo-page .demo-replenishment-round-item[data-stock=short] .demo-replenishment-round-item-meta strong{
  color:#ff8c96;
}
.stock-demo-page .demo-replenishment-round-complete{
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px;
  border:1px solid rgba(53,211,151,.2);
  border-radius:17px;
  background:#09231b;
}
.stock-demo-page .demo-replenishment-round-complete>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(53,211,151,.13);
  color:#65e4b5;
  font-size:20px;
  font-weight:900;
}
.stock-demo-page .demo-replenishment-round-complete strong,
.stock-demo-page .demo-replenishment-round-complete small{display:block}
.stock-demo-page .demo-replenishment-round-complete strong{font-size:13px}
.stock-demo-page .demo-replenishment-round-complete small{margin-top:3px;color:#78a092;font-size:10px}
.stock-demo-page .demo-replenishment-round-message[data-tone=error]{color:#ff7f8b}
.stock-demo-page .demo-replenishment-round-actions{justify-content:flex-end}
.stock-demo-page .demo-replenishment-round-actions button{flex:0 0 auto;min-width:140px}

@media(max-width:620px){
  .stock-demo-page .demo-rooms-section-line{flex-direction:column;align-items:stretch;gap:12px}
  .stock-demo-page .demo-rooms-heading-actions{align-items:stretch}
  .stock-demo-page .demo-replenishment-round-launch{width:100%}
  .stock-demo-page .demo-rooms-heading-actions .demo-legend{justify-content:flex-start;flex-wrap:wrap}
  .stock-demo-page .demo-replenishment-round-card{padding:17px 13px calc(20px + env(safe-area-inset-bottom))}
  .stock-demo-page .demo-replenishment-round-item{
    grid-template-columns:24px minmax(0,1fr);
    grid-template-areas:"check copy" ". meta";
    padding:13px;
  }
  .stock-demo-page .demo-replenishment-round-item-meta{
    max-width:none;
    text-align:left;
  }
  .stock-demo-page .demo-replenishment-round-actions button{width:100%;flex:1}
}


/* v1.4.6 — full physical-count replenishment round */
.stock-demo-page .demo-replenishment-round-card{width:min(760px,100%);max-height:min(92vh,900px);overflow:auto;background:linear-gradient(160deg,#081522,#050d16 68%);}
.stock-demo-page .demo-round-modal-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:4px}
.stock-demo-page .demo-round-title-copy{min-width:0}.stock-demo-page .demo-round-title-copy h2{margin:3px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.045em;overflow-wrap:anywhere}
.stock-demo-page .demo-round-back{width:40px;height:40px;border:1px solid #29445d;border-radius:12px;background:#0a1724;color:#8fd4ff;font-size:30px;line-height:1;cursor:pointer}.stock-demo-page .demo-round-back[hidden]{visibility:hidden;display:block!important}.stock-demo-page .demo-round-back:hover{background:#10263a}
.stock-demo-page .demo-round-intro{margin:10px 0 0;color:#8fa4b8;line-height:1.5}
.stock-demo-page .demo-replenishment-round-summary{margin:14px 0 16px}
.stock-demo-page .demo-replenishment-round-list{display:grid;gap:10px}
.stock-demo-page .demo-round-room-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border:1px solid rgba(102,168,216,.17);border-radius:17px;background:linear-gradient(145deg,#0a1724,#07111b);color:#eef8ff;text-align:left;cursor:pointer;transition:.16s ease}
.stock-demo-page .demo-round-room-card:hover{transform:translateY(-1px);border-color:rgba(72,177,251,.34);background:#0b1d2c}.stock-demo-page .demo-round-room-copy{min-width:0}.stock-demo-page .demo-round-room-copy strong,.stock-demo-page .demo-round-room-copy small{display:block}.stock-demo-page .demo-round-room-copy strong{font-size:14px}.stock-demo-page .demo-round-room-copy small{margin-top:4px;color:#7990a5;font-size:10px}
.stock-demo-page .demo-round-room-status{display:flex;align-items:center;gap:8px;color:#69c4ff;font-size:10px;font-weight:850;white-space:nowrap}.stock-demo-page .demo-round-room-status b{font-size:20px;line-height:1}.stock-demo-page .demo-round-room-status[data-tone=red]{color:#ff8c98}.stock-demo-page .demo-round-room-status[data-tone=orange]{color:#ffc05f}
.stock-demo-page .demo-round-count-list{display:grid;gap:9px}.stock-demo-page .demo-round-count-item{padding:14px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:#07121d}.stock-demo-page .demo-round-count-main{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:16px}.stock-demo-page .demo-round-count-copy{min-width:0}.stock-demo-page .demo-round-count-copy strong,.stock-demo-page .demo-round-count-copy span{display:block}.stock-demo-page .demo-round-count-copy strong{color:#eef8ff;font-size:12px;overflow-wrap:anywhere}.stock-demo-page .demo-round-count-copy span{margin-top:4px;color:#7890a5;font-size:9px}
.stock-demo-page .demo-round-count-field{display:grid;gap:5px;color:#8ea7bc;font-size:9px;font-weight:800}.stock-demo-page .demo-round-count-field input{width:100%;min-height:43px;padding:8px 11px;border:1px solid #2c4962;border-radius:11px;background:#030a11;color:#fff;font-size:18px;font-weight:900;text-align:center;outline:none}.stock-demo-page .demo-round-count-field input:focus{border-color:#3aaeff;box-shadow:0 0 0 3px rgba(47,167,255,.1)}
.stock-demo-page .demo-round-expiry-holder{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.stock-demo-page .demo-round-expiry-holder[hidden]{display:none}.stock-demo-page .demo-round-expiry-head strong,.stock-demo-page .demo-round-expiry-head span{display:block}.stock-demo-page .demo-round-expiry-head strong{color:#9edcff;font-size:10px}.stock-demo-page .demo-round-expiry-head span{margin-top:3px;color:#70889d;font-size:9px;line-height:1.45}.stock-demo-page .demo-round-expiry-editor{display:grid;gap:7px;margin-top:10px}.stock-demo-page .demo-round-expiry-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.stock-demo-page .demo-round-expiry-row select,.stock-demo-page .demo-round-expiry-row input{min-width:0;width:100%;min-height:40px;border:1px solid #28445c;border-radius:10px;background:#050e17;color:#eaf6ff;padding:8px;font-size:10px}.stock-demo-page .demo-round-expiry-row input{font-size:14px;font-weight:900;text-align:center}.stock-demo-page .demo-round-expiry-total{margin-top:7px;color:#ff9ca7;font-size:9px;font-weight:800}.stock-demo-page .demo-round-expiry-total[data-ok=true]{color:#64dfb2}.stock-demo-page .demo-round-expiry-single{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:9px 11px;border:1px solid rgba(74,177,248,.15);border-radius:11px;background:#0a2032;color:#a9dfff;font-size:10px}.stock-demo-page .demo-round-expiry-single strong{font-size:16px;color:#fff}.stock-demo-page .demo-round-expiry-warning{margin-top:9px;color:#ff9ca7;font-size:10px}
.stock-demo-page .demo-round-count-actions{display:flex;justify-content:flex-end;padding-top:5px}.stock-demo-page .demo-round-count-actions button{min-width:190px}
.stock-demo-page .demo-round-restock-list{display:grid;gap:10px}.stock-demo-page .demo-round-restock-item{display:grid;grid-template-columns:minmax(0,1fr) 86px auto;grid-template-areas:"copy bring actions";align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:#07121d}.stock-demo-page .demo-round-restock-copy{grid-area:copy;min-width:0}.stock-demo-page .demo-round-restock-copy strong,.stock-demo-page .demo-round-restock-copy span,.stock-demo-page .demo-round-restock-copy small{display:block}.stock-demo-page .demo-round-restock-copy strong{font-size:12px;color:#eef8ff}.stock-demo-page .demo-round-restock-copy span{margin-top:4px;color:#8da4b8;font-size:10px}.stock-demo-page .demo-round-restock-copy small{margin-top:5px;color:#6f8ca2;font-size:9px}.stock-demo-page .demo-round-bring{grid-area:bring;text-align:center;padding:8px 9px;border:1px solid rgba(55,174,255,.18);border-radius:12px;background:#09223a}.stock-demo-page .demo-round-bring span,.stock-demo-page .demo-round-bring strong,.stock-demo-page .demo-round-bring small{display:block}.stock-demo-page .demo-round-bring span{color:#78caff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.stock-demo-page .demo-round-bring strong{margin:2px 0;color:#fff;font-size:25px;line-height:1}.stock-demo-page .demo-round-bring small{color:#78a1bd;font-size:8px}.stock-demo-page .demo-round-restock-actions{grid-area:actions;display:flex;gap:7px}.stock-demo-page .demo-round-restock-actions button{min-width:72px;padding:9px 12px}.stock-demo-page .demo-round-shortage{grid-column:1/-1;padding-top:9px;border-top:1px solid rgba(255,101,114,.12);color:#ff929c;font-size:9px}
.stock-demo-page .demo-round-room-finished{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid rgba(53,211,151,.2);border-radius:17px;background:#09231b}.stock-demo-page .demo-round-room-finished>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:rgba(53,211,151,.13);color:#65e4b5;font-size:20px;font-weight:900}.stock-demo-page .demo-round-room-finished strong,.stock-demo-page .demo-round-room-finished small{display:block}.stock-demo-page .demo-round-room-finished small{margin-top:3px;color:#78a092;font-size:10px}.stock-demo-page .demo-round-finish-room{justify-self:end;min-width:150px}
@media(max-width:620px){.stock-demo-page .demo-replenishment-round-card{padding:16px 12px calc(18px + env(safe-area-inset-bottom))}.stock-demo-page .demo-round-title-copy h2{font-size:25px}.stock-demo-page .demo-round-count-main{grid-template-columns:minmax(0,1fr) 105px;gap:10px}.stock-demo-page .demo-round-count-field input{font-size:17px}.stock-demo-page .demo-round-restock-item{grid-template-columns:minmax(0,1fr) 74px;grid-template-areas:"copy bring" "actions actions"}.stock-demo-page .demo-round-restock-actions{display:grid;grid-template-columns:1fr 1fr}.stock-demo-page .demo-round-restock-actions button{width:100%}.stock-demo-page .demo-round-count-actions button,.stock-demo-page .demo-round-finish-room{width:100%;min-width:0}.stock-demo-page .demo-round-room-card{padding:14px}.stock-demo-page .demo-round-expiry-row{grid-template-columns:minmax(0,1fr) 78px}}


/* v1.4.6 final — low-friction verification, mode chooser, picking list */
.stock-demo-page .demo-consumable-last-checked{display:block;margin-top:5px;color:#66839a;font-size:9px;font-weight:750}
.stock-demo-page .demo-round-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stock-demo-page .demo-round-mode-card{position:relative;display:flex;min-height:190px;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid rgba(99,165,213,.18);border-radius:18px;background:#07131f;color:#edf8ff;text-align:left;cursor:pointer;transition:.16s ease}
.stock-demo-page .demo-round-mode-card:hover{transform:translateY(-1px);border-color:rgba(72,177,251,.38);background:#0a1b2a}.stock-demo-page .demo-round-mode-card.featured{border-color:rgba(48,166,249,.35);background:linear-gradient(150deg,#09243a,#07131f 72%)}
.stock-demo-page .demo-round-mode-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;background:rgba(47,168,255,.13);color:#66c7ff;font-size:19px;font-weight:900}.stock-demo-page .demo-round-mode-card strong{font-size:15px}.stock-demo-page .demo-round-mode-card small{margin-top:4px;color:#56beff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.stock-demo-page .demo-round-mode-card p{margin:12px 0 0;color:#8098ac;font-size:10px;line-height:1.55}
.stock-demo-page .demo-round-list-tools{display:flex;justify-content:flex-end;margin-bottom:2px}.stock-demo-page .demo-round-list-tools button{min-width:140px}
.stock-demo-page .demo-round-expiry-row{grid-template-columns:minmax(0,1fr) 86px 32px}.stock-demo-page .demo-round-expiry-remove{width:32px;height:40px;border:1px solid #4a303a;border-radius:9px;background:#211016;color:#ff9da8;font-size:18px;cursor:pointer}.stock-demo-page .demo-round-expiry-add{margin-top:8px;border:0;background:transparent;color:#65c6ff;padding:3px 0;font-size:9px;font-weight:850;cursor:pointer}
.stock-demo-page .demo-round-batch-callout{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;margin-bottom:2px;border:1px solid rgba(59,172,248,.22);border-radius:16px;background:#082139}.stock-demo-page .demo-round-batch-callout div{min-width:0}.stock-demo-page .demo-round-batch-callout strong,.stock-demo-page .demo-round-batch-callout small{display:block}.stock-demo-page .demo-round-batch-callout strong{font-size:11px;color:#dff4ff}.stock-demo-page .demo-round-batch-callout small{margin-top:4px;color:#7897ae;font-size:9px;line-height:1.4}.stock-demo-page .demo-round-batch-callout button{flex:0 0 auto;white-space:nowrap}
.stock-demo-page .demo-round-pick-list{display:grid;gap:8px}.stock-demo-page .demo-round-pick-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#07131f}.stock-demo-page .demo-round-pick-row>div{min-width:0}.stock-demo-page .demo-round-pick-row strong,.stock-demo-page .demo-round-pick-row small{display:block}.stock-demo-page .demo-round-pick-row strong{font-size:12px}.stock-demo-page .demo-round-pick-row small{margin-top:4px;color:#7890a5;font-size:9px;line-height:1.4}.stock-demo-page .demo-round-pick-row>span{text-align:right;color:#7fcfff;font-size:8px;font-weight:800;text-transform:uppercase}.stock-demo-page .demo-round-pick-row b{display:block;color:#fff;font-size:23px;line-height:1}.stock-demo-page .demo-round-pick-hint{margin:4px 0 0;color:#778da1;font-size:9px;line-height:1.5}
.stock-demo-page .demo-quick-round-room{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#07131f}.stock-demo-page .demo-quick-round-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.stock-demo-page .demo-quick-round-head strong,.stock-demo-page .demo-quick-round-head small{display:block}.stock-demo-page .demo-quick-round-head strong{font-size:12px}.stock-demo-page .demo-quick-round-head small{margin-top:3px;color:#70879b;font-size:9px}.stock-demo-page .demo-quick-round-head>span{color:#ffc36b;font-size:9px;font-weight:900}.stock-demo-page .demo-quick-round-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid rgba(255,255,255,.045)}.stock-demo-page .demo-quick-round-item:first-of-type{border-top:0}.stock-demo-page .demo-quick-round-item strong,.stock-demo-page .demo-quick-round-item small{display:block}.stock-demo-page .demo-quick-round-item strong{font-size:11px}.stock-demo-page .demo-quick-round-item small{margin-top:3px;color:#7c93a7;font-size:9px}.stock-demo-page .demo-quick-round-item button{min-width:70px}
@media(max-width:620px){.stock-demo-page .demo-round-mode-grid{grid-template-columns:1fr}.stock-demo-page .demo-round-mode-card{min-height:0}.stock-demo-page .demo-round-batch-callout{align-items:stretch;flex-direction:column}.stock-demo-page .demo-round-batch-callout button{width:100%}.stock-demo-page .demo-round-expiry-row{grid-template-columns:minmax(0,1fr) 72px 30px}.stock-demo-page .demo-round-list-tools button{width:100%}}

/* ROUND COMPLETION SUMMARY v1.4.8: final round state is a compact, themed receipt of only the stock that actually moved. */
.stock-demo-page .demo-round-completion{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(101,228,181,.22);border-radius:18px;background:linear-gradient(145deg,rgba(101,228,181,.10),rgba(29,111,255,.06))}
.stock-demo-page .demo-round-completion-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:rgba(101,228,181,.14);color:#65e4b5;font-size:22px;font-weight:950}
.stock-demo-page .demo-round-completion-copy{min-width:0}.stock-demo-page .demo-round-completion-copy strong,.stock-demo-page .demo-round-completion-copy small{display:block}.stock-demo-page .demo-round-completion-copy strong{font-size:17px;letter-spacing:-.025em}.stock-demo-page .demo-round-completion-copy small{margin-top:4px;color:#9fb1c4;font-size:12px;line-height:1.45}
.stock-demo-page .demo-round-completion-list{display:grid;gap:10px;margin-top:12px}.stock-demo-page .demo-round-completion-room{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#07111c}.stock-demo-page .demo-round-completion-room>strong{display:block;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.07);color:#eaf5ff;font-size:12px}.stock-demo-page .demo-round-completion-items{display:grid}.stock-demo-page .demo-round-completion-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 13px}.stock-demo-page .demo-round-completion-line+.demo-round-completion-line{border-top:1px solid rgba(255,255,255,.055)}.stock-demo-page .demo-round-completion-line span{min-width:0;color:#b8c8d8;font-size:12px}.stock-demo-page .demo-round-completion-line b{flex:0 0 auto;color:#fff;font-size:12px}.stock-demo-page .demo-round-completion-note{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(255,181,70,.16);border-radius:12px;background:rgba(93,58,10,.16);color:#d8bd91;font-size:11px;line-height:1.45}.stock-demo-page .demo-round-completion-done{width:100%;margin-top:14px}
@media(max-width:560px){.stock-demo-page .demo-round-completion{padding:15px}.stock-demo-page .demo-round-completion-line{align-items:flex-start}.stock-demo-page .demo-round-completion-line b{text-align:right}}

/* v1.4.11 — central verification gate + explicit manual Stock Room correction reasons. */
.stock-demo-page .demo-round-stockroom-gate{display:grid;gap:16px;padding:18px;border:1px solid rgba(74,177,248,.24);border-radius:18px;background:linear-gradient(145deg,#092039,#07131f 72%)}
.stock-demo-page .demo-round-stockroom-gate-copy .stock-demo-kicker{display:block;margin-bottom:7px}.stock-demo-page .demo-round-stockroom-gate-copy strong{display:block;color:#f3f9ff;font-size:18px;letter-spacing:-.025em}.stock-demo-page .demo-round-stockroom-gate-copy p{margin:7px 0 0;color:#8ea4b8;font-size:11px;line-height:1.55}
.stock-demo-page .demo-round-stockroom-gate-actions{display:flex;justify-content:flex-end;gap:9px}.stock-demo-page .demo-round-stockroom-gate-actions button{min-width:142px}
.stock-demo-page .demo-count-reason{display:grid;gap:10px;margin-top:12px;padding:13px;border:1px solid rgba(77,171,235,.16);border-radius:14px;background:#081623}.stock-demo-page .demo-count-reason label{display:grid;gap:6px;color:#a7bacb;font-size:10px;font-weight:800}.stock-demo-page .demo-count-reason select,.stock-demo-page .demo-count-reason input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #29465f;border-radius:10px;background:#030b13;color:#f3f8fd;font:inherit;outline:none}.stock-demo-page .demo-count-reason select:focus,.stock-demo-page .demo-count-reason input:focus{border-color:#42adf7;box-shadow:0 0 0 3px rgba(66,173,247,.10)}.stock-demo-page .demo-count-reason>small{color:#72899e;font-size:9px;line-height:1.45}
@media(max-width:620px){.stock-demo-page .demo-round-stockroom-gate-actions{display:grid;grid-template-columns:1fr 1fr}.stock-demo-page .demo-round-stockroom-gate-actions button{width:100%;min-width:0}}

/* v1.4.12 manual invoice upload */
.demo-invoice-upload-button{font-size:27px;font-weight:500;line-height:1;padding:0}
.demo-invoice-upload-card{width:min(660px,100%)}
.demo-invoice-upload-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.demo-invoice-upload-choice{margin:0!important;min-height:132px;padding:18px;border:1px solid #24425c;border-radius:18px;background:linear-gradient(180deg,#0a1a29,#07131f);display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;cursor:pointer;transition:.16s ease}
.demo-invoice-upload-choice:hover{border-color:#3d83b6;background:#0b2032;transform:translateY(-1px)}
.demo-invoice-upload-choice>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#123654;color:#69c8ff;font-size:24px;line-height:1}
.demo-invoice-upload-choice>strong{color:#f1f7fd;font-size:15px}
.demo-invoice-upload-choice>small{color:#839aaf;font-size:11px;line-height:1.45}
.demo-invoice-upload-selection{margin-top:16px;padding:14px;border:1px solid #1e354a;border-radius:17px;background:#06101a}
.demo-invoice-upload-selection[hidden]{display:none}
.demo-invoice-upload-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.demo-invoice-upload-selection-head strong{font-size:13px}
.demo-invoice-upload-selection-head button{border:0;background:transparent;color:#68c6ff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.demo-invoice-upload-list{display:grid;gap:8px}
.demo-invoice-upload-row{padding:11px 12px;border:1px solid #183149;border-radius:13px;background:#091722}
.demo-invoice-upload-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.demo-invoice-upload-row-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dceaf6}
.demo-invoice-upload-row-head span{flex:0 0 auto;color:#8da5ba;font-size:10px;font-weight:800}
.demo-invoice-upload-progress{height:5px;margin-top:8px;border-radius:999px;overflow:hidden;background:#102335}
.demo-invoice-upload-progress>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#188cff,#45c4ff);transition:width .18s ease}
.demo-invoice-upload-row[data-status="ready"]{border-color:rgba(60,211,154,.28)}
.demo-invoice-upload-row[data-status="ready"] .demo-invoice-upload-progress>i{background:#35d397}
.demo-invoice-upload-row[data-status="failed"]{border-color:rgba(255,101,114,.35)}
.demo-invoice-upload-row[data-status="failed"] .demo-invoice-upload-progress>i{background:#ff6572}
.demo-invoice-upload-row[data-status="needs_review"]{border-color:rgba(255,183,70,.34)}
.demo-invoice-upload-row[data-status="needs_review"] .demo-invoice-upload-progress>i{background:#ffb746}
.demo-invoice-upload-message[data-tone="error"]{color:#ff8390}
.demo-invoice-upload-message[data-tone="success"]{color:#59dca7}
@media(max-width:650px){.demo-invoice-upload-picker{grid-template-columns:1fr}.demo-invoice-folder-choice{display:none!important}.demo-invoice-upload-choice{min-height:110px}.demo-invoice-upload-card{padding:19px}.demo-invoice-upload-row-head strong{max-width:75%}}

/* v1.4.12 — in-app support portal and manual invoice upload status details. */
.stock-demo-page .client-help-entry{margin-top:18px;padding:16px 17px;border:1px solid rgba(66,173,247,.2);border-radius:17px;background:linear-gradient(145deg,#0a1d2d,#07131f);display:flex;align-items:center;justify-content:space-between;gap:16px}
.stock-demo-page .client-help-entry>div{display:grid;gap:4px}.stock-demo-page .client-help-entry strong{color:#f1f7fd;font-size:13px}.stock-demo-page .client-help-entry span{color:#8da4b9;font-size:11px;line-height:1.45}.stock-demo-page .client-help-entry .quiet{flex:0 0 auto;white-space:nowrap}
.stock-demo-page .client-help-hero{display:flex;align-items:flex-start;gap:15px;padding:17px;border:1px solid rgba(66,173,247,.2);border-radius:18px;background:linear-gradient(145deg,#0a1e30,#07131f);margin-bottom:17px}.stock-demo-page .client-help-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#168cff,#39baff);color:#fff;font-size:22px;font-weight:950;box-shadow:0 12px 28px rgba(22,140,255,.22)}
.stock-demo-page .client-help-hero h3{margin:3px 0 6px;color:#f5f9fd;font-size:22px;letter-spacing:-.035em}.stock-demo-page .client-help-hero p:not(.eyebrow){margin:0;color:#8ea5b9;font-size:11px;line-height:1.55}.stock-demo-page .client-help-form textarea{min-height:150px;resize:vertical}.stock-demo-page .client-help-reply{margin:0;color:#8199ae;font-size:11px;line-height:1.5}.stock-demo-page .client-help-reply strong{color:#cfe5f6}
.stock-demo-page .demo-invoice-upload-row-error{display:block;margin-top:7px;color:#ff8793;font-size:10px;line-height:1.4}
@media(max-width:620px){.stock-demo-page .client-help-entry{align-items:stretch;display:grid}.stock-demo-page .client-help-entry .quiet{width:100%}.stock-demo-page .client-help-hero{padding:15px}.stock-demo-page .client-help-icon{width:38px;height:38px}}

/* v0.12.81 — public demo parity with STOCKROOM v1.4.47 */
/* v1.4.17 — installed-app, room-count and delivery ergonomics.
   DELIVERY BADGE INVARIANT: mobile badge overlays the icon and never participates in grid layout. */
.stock-demo-page .demo-add-room-search{margin:10px 0 4px!important}
.stock-demo-page .demo-add-room-product[hidden]{display:none!important}
.stock-demo-page .demo-level-help{display:block;margin-top:2px;color:#7890a5;font-size:9px;font-weight:650;line-height:1.35;text-transform:none;letter-spacing:0}
.stock-demo-page .demo-invoice-line-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}
.stock-demo-page .demo-delivery-item-dismiss{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(255,106,125,.3);border-radius:10px;background:rgba(174,35,55,.10);color:#ff8796;font-size:19px;line-height:1;font-weight:700;cursor:pointer}
.stock-demo-page .demo-delivery-item-dismiss:hover{background:rgba(174,35,55,.2);border-color:rgba(255,106,125,.55)}
.stock-demo-page .demo-delivery-item-remove-summary{display:grid;gap:3px;margin:6px 0 14px;padding:13px;border:1px solid #20384d;border-radius:14px;background:#06101a}
.stock-demo-page .demo-delivery-item-remove-summary strong{color:#edf7ff;font-size:14px}.stock-demo-page .demo-delivery-item-remove-summary span{color:#7f97aa;font-size:10px;overflow-wrap:anywhere}
.stock-demo-page .demo-delivery-item-remove-choices{display:grid;gap:10px;margin-top:15px}.stock-demo-page .demo-delivery-item-remove-choices button{display:grid;text-align:left;gap:3px;width:100%;border-radius:14px}.stock-demo-page .demo-delivery-item-remove-choices button strong{font-size:12px}.stock-demo-page .demo-delivery-item-remove-choices button span{font-size:9px;line-height:1.4;opacity:.78}
@media(max-width:620px){
  .stock-demo-page .demo-mobile-nav button{position:relative!important}
  .stock-demo-page .demo-mobile-nav [data-mobile-tab="deliveries"] .demo-delivery-notification-badge{
    position:absolute!important;top:1px!important;left:50%!important;transform:translateX(8px)!important;margin:0!important;z-index:3!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:9px!important;box-shadow:0 0 0 2px #040a11,0 2px 9px rgba(229,72,85,.28)!important
  }
  .stock-demo-page .demo-invoice-line-actions{gap:5px;align-self:center}
}


/* v1.4.30 — first-class immutable Activity ledger */
.stock-demo-page .demo-activity-view{max-width:1040px;margin-inline:auto}
.stock-demo-page .demo-activity-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,250px) 190px;gap:12px;align-items:end;margin:18px 0 14px}
.stock-demo-page .demo-activity-range,.stock-demo-page .demo-activity-filter{display:grid;gap:6px;color:#8297aa;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.stock-demo-page .demo-activity-range select,.stock-demo-page .demo-activity-filter select{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#07121e;color:#dce9f6;padding:9px 11px;font:inherit;text-transform:none;letter-spacing:0}
.stock-demo-page .demo-activity-ledger-status{min-height:20px;margin:4px 0 10px;color:#6f879b;font-size:11px}
.stock-demo-page .demo-activity-ledger{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.stock-demo-page .demo-activity-ledger .demo-activity-row{display:block!important;padding:14px 16px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#08131f!important}
.stock-demo-page .demo-activity-ledger .demo-activity-row:first-child{padding-left:16px!important;border:1px solid rgba(255,255,255,.065)!important}
.stock-demo-page .demo-activity-ledger .demo-activity-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.stock-demo-page .demo-activity-ledger .demo-activity-row strong{font-size:13px!important;color:#dce9f4!important}
.stock-demo-page .demo-activity-ledger .demo-activity-row time{flex:0 0 auto;color:#61788b;font-size:10px;white-space:nowrap}
.stock-demo-page .demo-activity-ledger .demo-activity-actor{margin-top:4px!important;color:#8ea5b8!important;font-size:10.5px!important}
.stock-demo-page .demo-activity-ledger .demo-activity-detail{margin-top:7px!important;color:#7890a4!important;font-size:10.5px!important;line-height:1.5!important}
.stock-demo-page .demo-activity-ledger .demo-activity-fefo{margin-top:8px;padding:8px 10px;border:1px solid rgba(255,180,84,.16);border-radius:10px;background:rgba(255,180,84,.055);color:#bd9f79;font-size:10px;line-height:1.45}
.stock-demo-page .demo-activity-retention{margin:15px 0 0;color:#587085;font-size:10.5px;line-height:1.5}
@media(max-width:620px){
 .stock-demo-page .demo-activity-toolbar{grid-template-columns:1fr;gap:10px}
 .stock-demo-page .demo-activity-range,.stock-demo-page .demo-activity-filter{grid-template-columns:auto minmax(0,1fr);align-items:center}
 .stock-demo-page .demo-activity-ledger .demo-activity-row-head{display:block}
 .stock-demo-page .demo-activity-ledger .demo-activity-row time{display:block;margin-top:4px;white-space:normal}
 .stock-demo-page .demo-mobile-nav button{font-size:7.5px!important}
 .stock-demo-page .demo-mobile-nav button span{font-size:16px!important}
}

/* v1.4.34 — expandable Activity evidence */
.stock-demo-page .demo-activity-ledger .demo-activity-expandable{padding:0!important;overflow:hidden}
.stock-demo-page .demo-activity-ledger .demo-activity-summary{list-style:none;display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;user-select:none}
.stock-demo-page .demo-activity-ledger .demo-activity-summary::-webkit-details-marker{display:none}
.stock-demo-page .demo-activity-ledger .demo-activity-summary-copy{flex:1;min-width:0}
.stock-demo-page .demo-activity-ledger .demo-activity-chevron{display:grid!important;place-items:center;flex:0 0 auto;width:30px;height:30px;margin:0!important;border:1px solid rgba(103,180,240,.18);border-radius:10px;background:#0d1d2c;color:#8fcfff!important;font-size:17px!important;line-height:1;transition:transform .16s ease,background .16s ease}
.stock-demo-page .demo-activity-ledger details[open]>.demo-activity-summary .demo-activity-chevron{transform:rotate(180deg);background:#102a40}
.stock-demo-page .demo-activity-ledger .demo-activity-evidence{display:grid;gap:12px;padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,rgba(20,43,64,.18),rgba(3,10,17,.12))}
.stock-demo-page .demo-activity-evidence-section{display:grid;gap:7px;padding-top:13px}
.stock-demo-page .demo-activity-evidence-section h4{margin:0 0 3px;color:#80cfff;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.1em}
.stock-demo-page .demo-activity-evidence-line{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:12px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.stock-demo-page .demo-activity-evidence-line>span{margin:0!important;color:#688096!important;font-size:10px!important}
.stock-demo-page .demo-activity-evidence-line>strong{color:#d8e7f5!important;font-size:11px!important;line-height:1.45!important;font-weight:780!important;overflow-wrap:anywhere}
.stock-demo-page .demo-activity-evidence-line.warn>strong{color:#ffc482!important}
.stock-demo-page .demo-activity-change-card{display:grid;gap:4px;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#07111b}
.stock-demo-page .demo-activity-change-card>strong{color:#dceaf7!important;font-size:11.5px!important}
.stock-demo-page .demo-activity-change-card>span,.stock-demo-page .demo-activity-change-card>small{margin:0!important;color:#8399ac!important;font-size:10px!important;line-height:1.45!important;overflow-wrap:anywhere}
.stock-demo-page .demo-activity-evidence-warning{color:#ffc482!important}
.stock-demo-page .demo-activity-evidence-empty{margin:0;color:#71899d;font-size:10.5px;line-height:1.45}
@media(max-width:620px){.stock-demo-page .demo-activity-ledger .demo-activity-summary{align-items:flex-start;padding:13px}.stock-demo-page .demo-activity-ledger .demo-activity-evidence{padding:0 13px 13px}.stock-demo-page .demo-activity-evidence-line{grid-template-columns:1fr;gap:3px}.stock-demo-page .demo-activity-chevron{margin-top:1px!important}}

/* v1.4.35 — curated, paginated operational Activity */
.stock-demo-page .demo-activity-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}
.stock-demo-page .demo-activity-pagination button{min-height:36px;padding:8px 12px;border:1px solid rgba(103,180,240,.18);border-radius:10px;background:#0b1a28;color:#b9d8ef;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}
.stock-demo-page .demo-activity-pagination button:hover{background:#10283b;color:#fff}
.stock-demo-page .demo-activity-pagination span{min-width:54px;text-align:center;color:#70889b;font-size:10px;font-weight:800}
@media(max-width:620px){.stock-demo-page .demo-activity-pagination{justify-content:space-between}.stock-demo-page .demo-activity-pagination button{min-width:92px}}

/* v1.4.32 demo/practice safety hardening */
.demo-expired-stock-chip{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,90,90,.45);background:rgba(255,70,70,.13);color:#ff9d9d;font-size:10px;font-style:normal;font-weight:950;letter-spacing:.06em;white-space:nowrap;vertical-align:middle}
.demo-expired-health{color:#ff7f86!important;font-size:20px!important;letter-spacing:.02em!important}
.demo-home-action[data-tone="red"] .demo-home-action-copy small{font-weight:950}
.demo-public-reset-notice{margin:8px 0 18px;padding:11px 14px;border:1px solid rgba(88,183,255,.22);border-radius:14px;background:rgba(35,140,255,.07);color:#aabed1;font-size:13px;line-height:1.45}.demo-public-reset-notice strong{color:#dff3ff;margin-right:5px}
.demo-missing-item-chip{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:rgba(255,180,84,.12);border:1px solid rgba(255,180,84,.32);color:#ffc978;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.demo-invoice-line[data-missing="true"]{border-color:rgba(255,180,84,.25)!important;background:rgba(255,180,84,.045)!important}
[data-replenish-expiry-message]:not(:empty){margin-top:10px}
@media(max-width:620px){.demo-expired-stock-chip{display:block;width:max-content;margin:5px 0 0}.demo-public-reset-notice{margin:6px 0 14px}}


/* v1.4.42 — direct Activity page jump */
.stock-demo-page .demo-activity-pagination{flex-wrap:wrap}
.stock-demo-page .demo-activity-page-jump{display:flex;align-items:center;gap:7px;color:#70889b;font-size:10px;font-weight:800}
.stock-demo-page .demo-activity-page-jump span{min-width:auto!important;text-align:left!important}
.stock-demo-page .demo-activity-page-total{color:#a9bed0;font-variant-numeric:tabular-nums;white-space:nowrap}
.stock-demo-page .demo-activity-page-jump input{width:68px;height:36px;padding:7px 9px;border:1px solid rgba(103,180,240,.22);border-radius:10px;background:#07131f;color:#e7f4ff;font:inherit;font-size:11px;font-weight:850;text-align:center;outline:none}
.stock-demo-page .demo-activity-page-jump input:focus{border-color:rgba(57,186,255,.65);box-shadow:0 0 0 3px rgba(57,186,255,.08)}
.stock-demo-page .demo-activity-page-jump button{min-width:auto!important}
@media(max-width:620px){.stock-demo-page .demo-activity-page-jump{order:3;width:100%;justify-content:center}.stock-demo-page .demo-activity-pagination>button{min-width:88px}}

/* Shopping row edit + neutral swipe layer v1.4.44 */
@media(max-width:620px){.stock-demo-page .demo-shopping-row-actions{gap:8px}.stock-demo-page .demo-shopping-row-edit{min-height:32px;padding:6px 10px}}


/* v1.4.45 — item-level editing, readable expiry control and quantity-label clarity.
   Invariant: item tools are Edit -> Expiry -> notifications in Stock Room, Expiry -> notifications in rooms.
   The location quantity editor is text-labelled so it cannot be confused with location settings. */
.stock-demo-page .demo-quantities-edit-button,
.stock-demo-page .demo-item-expiry-button{
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(116,156,188,.24);
  border-radius:10px;
  background:rgba(8,24,38,.72);
  color:#a9c3d8;
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.stock-demo-page .demo-quantities-edit-button:hover,
.stock-demo-page .demo-quantities-edit-button:focus-visible,
.stock-demo-page .demo-item-expiry-button:hover,
.stock-demo-page .demo-item-expiry-button:focus-visible,
.stock-demo-page .demo-item-expiry-button.active{
  color:#8fd1ff;
  border-color:rgba(81,181,255,.55);
  background:rgba(18,66,100,.55);
}
.stock-demo-page .demo-item-expiry-button.locked{opacity:.52}
.stock-demo-page .demo-item-edit-card{width:min(700px,calc(100vw - 28px))}
.stock-demo-page .demo-item-edit-name{display:grid;gap:6px;margin-top:14px}
.stock-demo-page .demo-item-edit-name input{width:100%;min-width:0}
.stock-demo-page .demo-item-edit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.stock-demo-page .demo-item-edit-fields label{min-width:0;margin:0!important}
.stock-demo-page .demo-item-edit-fields input{width:100%;min-width:0;font-size:18px!important;font-weight:800!important}
.stock-demo-page .demo-new-product-expiry-records,.stock-demo-page .demo-item-edit-expiry-records{margin-top:16px}
.stock-demo-page .demo-lot-add-below{width:100%;margin-top:10px;justify-content:center}
.stock-demo-page .demo-expiry-record-row .demo-lot-batch input{text-transform:none}
@media(max-width:620px){
  .stock-demo-page .demo-quantities-head{align-items:flex-start;gap:12px}
  .stock-demo-page .demo-quantities-edit-button{min-height:36px}
  .stock-demo-page .demo-item-edit-card{width:min(100%,calc(100vw - 18px))}
  .stock-demo-page .demo-item-edit-fields{grid-template-columns:1fr 1fr}
  .stock-demo-page .demo-item-edit-fields label:first-child{grid-column:1/-1}
  .stock-demo-page .demo-consumable-item-tools{justify-content:flex-start!important}
}
@media(max-width:420px){.stock-demo-page .demo-item-edit-fields{grid-template-columns:1fr}.stock-demo-page .demo-item-edit-fields label:first-child{grid-column:auto}}


/* v1.4.47 emergency equipment + installed-app/mobile parity */
.stock-demo-page .demo-emergency-equipment-check{
  display:flex;align-items:flex-start;gap:10px;padding:10px 12px;
  border:1px solid rgba(87,165,218,.18);border-radius:13px;background:#081621;min-width:0;
}
.stock-demo-page .demo-emergency-equipment-check>input{
  width:18px!important;height:18px!important;min-width:18px;margin:1px 0 0;flex:0 0 auto;accent-color:#35b9ff;
}
.stock-demo-page .demo-emergency-equipment-check>span{display:block;min-width:0}
.stock-demo-page .demo-emergency-equipment-check strong,
.stock-demo-page .demo-emergency-equipment-check small{display:block}
.stock-demo-page .demo-emergency-equipment-check strong{color:#dceaf7;font-size:13px;line-height:1.25}
.stock-demo-page .demo-emergency-equipment-check small{color:#8096ab;font-size:11px;line-height:1.35;margin-top:2px}
.stock-demo-page .demo-new-product-row .demo-emergency-equipment-check,
.stock-demo-page .demo-existing-stock-item .demo-emergency-equipment-check{grid-column:1/-1}
.stock-demo-page .demo-round-count-main.has-emergency-check{
  grid-template-columns:minmax(0,1fr) 132px minmax(150px,.72fr);
}
.stock-demo-page .demo-round-emergency-check{
  display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px 11px;
  border:1px solid rgba(53,185,255,.24);border-radius:12px;background:#081b29;
}
.stock-demo-page .demo-round-emergency-check>input{
  width:18px!important;height:18px!important;min-width:18px;margin:1px 0 0;flex:0 0 auto;accent-color:#35b9ff;
}
.stock-demo-page .demo-round-emergency-check>span{display:block;min-width:0}
.stock-demo-page .demo-round-emergency-check strong,
.stock-demo-page .demo-round-emergency-check small{display:block}
.stock-demo-page .demo-round-emergency-check strong{color:#eef8ff;font-size:12px;line-height:1.25}
.stock-demo-page .demo-round-emergency-check small{color:#89a2b8;font-size:10px;line-height:1.35;margin-top:2px}
.stock-demo-page .demo-round-mode-card.emergency{border-color:rgba(53,185,255,.30)}
.stock-demo-page .demo-round-emergency-summary{border-color:rgba(53,185,255,.28)}
@media(max-width:900px){
  .stock-demo-page .demo-round-count-main.has-emergency-check{grid-template-columns:minmax(0,1fr) 120px}
  .stock-demo-page .demo-round-count-main.has-emergency-check .demo-round-emergency-check{grid-column:1/-1}
}
@media(max-width:620px){
  /* Do not let the full-width Remove button collapse item names into a one-character column on iOS Safari. */
  .stock-demo-page .demo-room-setting-head{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;
  }
  .stock-demo-page .demo-room-setting-head .demo-settings-remove{
    width:100%!important;max-width:none!important;min-width:0!important;
  }
  .stock-demo-page .demo-room-setting-copy{min-width:0!important;width:100%!important}
  .stock-demo-page .demo-room-setting-copy strong,
  .stock-demo-page .demo-room-setting-copy small{
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;
  }
  .stock-demo-page .demo-round-count-main.has-emergency-check{grid-template-columns:minmax(0,1fr) 104px}
  .stock-demo-page .demo-round-count-main.has-emergency-check .demo-round-emergency-check{grid-column:1/-1}
}


/* v0.12.82 / STOCKROOM v1.4.48 — settings close + hierarchy parity */
.stock-demo-page .demo-settings-modal-head{align-items:flex-start!important;margin-bottom:14px!important}
.stock-demo-page .demo-settings-modal-head h2{margin-bottom:0!important}
.stock-demo-page .demo-existing-stock-item{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.stock-demo-page .demo-existing-stock-item .demo-settings-name-field{grid-column:1!important;grid-row:auto!important}
.stock-demo-page .demo-existing-stock-item .demo-settings-levels{grid-column:1!important;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.stock-demo-page .demo-stockroom-setting-actions{grid-column:1!important;grid-row:auto!important;display:grid!important;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr)!important;gap:10px!important;align-items:stretch!important;min-width:0!important}
.stock-demo-page .demo-stockroom-setting-actions .demo-settings-expiry-button{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
.stock-demo-page .demo-existing-stock-item .demo-stockroom-setting-actions .demo-emergency-equipment-check{grid-column:auto!important;grid-row:auto!important;margin:0!important;height:100%!important;align-items:center!important}
@media(max-width:520px){.stock-demo-page .demo-stockroom-setting-actions{grid-template-columns:1fr!important}.stock-demo-page .demo-existing-stock-item .demo-settings-levels{grid-template-columns:1fr 1fr!important}}


/* v0.12.83 / STOCKROOM v1.4.49 — permanent item delete + Activity parity */
.stock-demo-page .demo-stockroom-setting-actions{grid-template-columns:minmax(150px,.68fr) minmax(0,1.22fr) 48px!important;align-items:stretch!important}
.stock-demo-page .demo-stockroom-delete-item{width:48px!important;min-width:48px!important;min-height:52px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,91,108,.56)!important;border-radius:12px!important;background:rgba(255,67,87,.08)!important;color:#ff6474!important;font-size:27px!important;font-weight:700!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
.stock-demo-page .demo-stockroom-delete-item:hover{background:rgba(255,67,87,.16)!important;border-color:#ff6474!important;transform:translateY(-1px)!important}
.stock-demo-page .demo-stockroom-delete-item:focus-visible{outline:2px solid #ff6474!important;outline-offset:2px!important}
.demo-product-delete-modal{z-index:120000!important}
.stock-demo-page .demo-product-delete-card{max-width:520px!important;padding:28px!important;border-color:#324b63!important;background:linear-gradient(180deg,#091727 0%,#06111e 100%)!important;box-shadow:0 30px 90px rgba(0,0,0,.58)!important}
.stock-demo-page .demo-product-delete-brand{display:inline-block;color:#35a9ff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.14em!important;line-height:1!important;margin-bottom:14px!important}
.stock-demo-page .demo-product-delete-brand sup,.stock-demo-page .demo-stockroom-inline-brand sup{font-size:.58em!important;vertical-align:super!important;margin-left:1px!important}
.stock-demo-page .demo-product-delete-card h2{font-size:28px!important;line-height:1.08!important;margin:0 0 12px!important;color:#f2f7fc!important}
.stock-demo-page .demo-product-delete-question{font-size:15px!important;line-height:1.55!important;color:#a9bed2!important;margin:0 0 16px!important}
.stock-demo-page .demo-stockroom-inline-brand{color:#35a9ff!important;font-weight:850!important;letter-spacing:.035em!important;white-space:nowrap!important}
.stock-demo-page .demo-product-delete-item{border:1px solid #263d52!important;border-radius:14px!important;background:#08131f!important;padding:15px 16px!important;margin:0 0 12px!important}
.stock-demo-page .demo-product-delete-item strong{display:block!important;color:#edf6ff!important;font-size:15px!important;margin-bottom:5px!important;overflow-wrap:anywhere!important}
.stock-demo-page .demo-product-delete-item span{display:block!important;color:#8ea6bb!important;font-size:12px!important;line-height:1.45!important}
.stock-demo-page .demo-product-delete-message{min-height:20px!important;margin:4px 0 10px!important;color:#ff7a88!important;font-size:12px!important;line-height:1.4!important}
.stock-demo-page .demo-product-delete-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:8px!important}
.stock-demo-page .demo-product-delete-actions button{min-height:44px!important;border-radius:12px!important;padding:0 17px!important;font-weight:800!important}
.stock-demo-page .demo-product-delete-confirm{border:1px solid #ff5e70!important;background:#d92942!important;color:#fff!important;cursor:pointer!important}
.stock-demo-page .demo-product-delete-confirm:hover{background:#e83b52!important}
.stock-demo-page .demo-product-delete-confirm:disabled{opacity:.62!important;cursor:wait!important}
@media(max-width:520px){.stock-demo-page .demo-stockroom-setting-actions{grid-template-columns:minmax(0,1fr) 48px!important}.stock-demo-page .demo-stockroom-setting-actions .demo-settings-expiry-button{grid-column:1/-1!important}.stock-demo-page .demo-existing-stock-item .demo-stockroom-setting-actions .demo-emergency-equipment-check{grid-column:1!important}.stock-demo-page .demo-stockroom-delete-item{grid-column:2!important;grid-row:2!important}.stock-demo-page .demo-product-delete-actions{display:grid!important;grid-template-columns:1fr!important}.stock-demo-page .demo-product-delete-actions button{width:100%!important}}

/* v1.4.53 — ROOM-TILE RESPONSIVE REGRESSION GUARD (KEEP AT END)
   Status/health pills are UI chrome: they must never collapse into vertical text.
   Long room names are the flexible element and may wrap normally. */
.stock-demo-page .demo-room-tile .demo-tile-head{min-width:0!important}
.stock-demo-page .demo-room-tile .demo-location-name{min-width:0!important;flex:1 1 auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.stock-demo-page .demo-room-tile .demo-tile-status{flex:0 0 auto!important;min-width:max-content!important;width:max-content!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.stock-demo-page .demo-room-tile .demo-room-pin{flex:0 0 auto!important}
.stock-demo-page .demo-home-pinned-room-tile .demo-tile-status{flex:0 0 auto!important;min-width:max-content!important;width:max-content!important;white-space:nowrap!important}



/* v1.4.59 — iOS Safari visual-viewport + mobile navigation regression guard.
   HARD INVARIANTS:
   1) the five mobile tabs always stay in ONE row; never restore the legacy repeat(2) grid.
   2) fixed mobile UI uses the visible Safari viewport, not legacy vh, so browser chrome cannot create a blank black footer.
   3) every modal/drawer remains vertically scrollable to its final action buttons in Safari. */
:root{
  --dbx-visual-viewport-height:100dvh;
  --dbx-visual-viewport-top:0px;
  --dbx-visual-viewport-bottom:0px;
}
@media(max-width:620px){
  .stock-demo-page .demo-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(0,1fr)!important;
    grid-auto-rows:1fr!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:var(--dbx-visual-viewport-bottom,0px)!important;
    width:100%!important;
    min-height:64px!important;
    height:auto!important;
    padding:8px 6px max(8px,env(safe-area-inset-bottom))!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    z-index:8000!important;
  }
  .stock-demo-page .demo-mobile-nav>button{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    min-height:48px!important;
    overflow:visible!important;
  }
  .stock-demo-page .stock-demo-shell{
    padding-bottom:calc(96px + env(safe-area-inset-bottom) + var(--dbx-visual-viewport-bottom,0px))!important;
  }
  .stock-demo-page .demo-modal{
    top:var(--dbx-visual-viewport-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    height:var(--dbx-visual-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--dbx-visual-viewport-height,100dvh)!important;
    place-items:start center!important;
    align-content:start!important;
    overflow:hidden!important;
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
  }
  .stock-demo-page .demo-modal-card{
    width:min(100%,700px)!important;
    max-height:calc(var(--dbx-visual-viewport-height,100dvh) - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    scroll-padding-bottom:104px!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }
  .stock-demo-page .demo-modal-card .demo-modal-actions{
    position:sticky!important;
    bottom:calc(-24px - env(safe-area-inset-bottom))!important;
    z-index:20!important;
    padding:12px 0 calc(24px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(8,18,30,0),#08121e 24%,#08121e 100%)!important;
  }
  .stock-demo-page .demo-drawer-card{
    height:var(--dbx-visual-viewport-height,100dvh)!important;
    max-height:var(--dbx-visual-viewport-height,100dvh)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  .stock-demo-page .client-settings-modal{
    height:var(--dbx-visual-viewport-height,100dvh)!important;
    max-height:var(--dbx-visual-viewport-height,100dvh)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .stock-demo-page .client-settings-card{
    max-height:calc(var(--dbx-visual-viewport-height,100dvh) - 16px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }
}