/* DBX ONE STOCKROOM v0.11.2 — component-safe drawer/action/delivery layout.
   IMPORTANT: drawers/modals are narrow components even on wide desktop windows. Do not use
   viewport-only breakpoints to decide their internal columns. Keep product cards minmax(0,1fr)
   and move secondary controls onto their own row. Never ship literal escaped Unicode such as
   \\u00d7 in HTML; use × or a real character. */
.stock-demo-page .demo-home-action{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;padding:0!important;overflow:hidden}
.stock-demo-page .demo-home-action-main{appearance:none;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;padding:16px 16px 16px 18px;min-width:0;cursor:pointer}
.stock-demo-page .demo-home-action-dismiss{appearance:none;border:0;border-left:1px solid rgba(120,160,190,.16);background:rgba(5,19,31,.32);color:#87a1b5;font:inherit;font-size:12px;font-weight:800;padding:10px 12px;cursor:pointer;white-space:nowrap}
.stock-demo-page .demo-home-action-dismiss:hover{color:#dceeff;background:rgba(31,78,111,.26)}
.stock-demo-page .demo-home-actions-more{width:100%;border:1px solid rgba(94,153,196,.18);border-radius:14px;background:rgba(7,26,42,.58);color:#8bcdf7;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}

.stock-demo-page .demo-consumable-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy qty" "controls controls"!important;gap:12px 14px!important;align-items:start!important;min-width:0!important}
.stock-demo-page .demo-consumable-copy{grid-area:copy!important;min-width:0!important;overflow:hidden}
.stock-demo-page .demo-current-target{grid-area:qty!important;min-width:78px!important;max-width:110px!important;justify-self:end!important}
.stock-demo-page .demo-inline-stock-controls{grid-area:controls!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-inline-stock-controls .demo-inline-count{grid-column:1/-1!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-inline-stock-controls .demo-replenish-button{grid-column:1!important;min-width:0!important;width:100%!important}
.stock-demo-page .demo-inline-stock-controls .demo-drawer-bell{grid-column:2!important;width:44px!important;height:44px!important;justify-self:end!important;border-radius:13px!important}
.stock-demo-page .demo-store-controls{grid-template-columns:minmax(0,1fr) 44px!important}
.stock-demo-page .demo-consumable-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.stock-demo-page .demo-consumable-name-line>strong{min-width:0;overflow-wrap:anywhere}
.stock-demo-page .demo-expiry-expand{appearance:none;border:1px solid rgba(103,159,198,.22);background:rgba(9,29,45,.72);color:#8bcdf7;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;cursor:pointer;font-size:19px;line-height:1}
.stock-demo-page .demo-expiry-inline-details{margin-top:10px;padding:10px;border:1px solid rgba(87,150,194,.18);background:rgba(7,25,40,.65);border-radius:12px;display:grid;gap:7px;max-width:100%}
.stock-demo-page .demo-expiry-inline-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#b7cce0}
.stock-demo-page .demo-expiry-inline-row span{display:grid;min-width:0}.stock-demo-page .demo-expiry-inline-row small{color:#748da2;overflow-wrap:anywhere}
.stock-demo-page .demo-expiry-inline-edit{border:0;background:transparent;color:#62c5ff;padding:4px 0;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.stock-demo-page .demo-drawer-stock-search{margin:10px 0 14px!important}

.stock-demo-page .demo-notification-option{border:1px solid rgba(94,154,197,.18);background:rgba(7,26,42,.56);border-radius:15px;padding:14px;display:grid;gap:12px;margin-top:12px}
.stock-demo-page .demo-notification-check{display:flex!important;align-items:flex-start;gap:10px!important;margin:0!important}
.stock-demo-page .demo-notification-check input{width:18px!important;height:18px!important;margin-top:2px!important;flex:0 0 auto}.stock-demo-page .demo-notification-check span{display:grid;gap:3px}.stock-demo-page .demo-notification-check small{color:#829bb0;font-weight:500}
.stock-demo-page .demo-critical-alert-level,.stock-demo-page .demo-expiry-notification-months{margin:0!important}
.stock-demo-page .demo-critical-alert-level input,.stock-demo-page .demo-expiry-notification-months select{width:100%!important;min-width:0!important}
.stock-demo-page .demo-new-product-name,.stock-demo-page .demo-new-product-expiry{display:grid!important;gap:6px;margin-top:14px!important}.stock-demo-page .demo-new-product-name input,.stock-demo-page .demo-new-product-expiry input{width:100%!important;min-width:0!important}

.stock-demo-page .demo-delivery-search{margin:12px 0 16px!important}
.stock-demo-page .demo-invoice-card{min-width:0}.stock-demo-page .demo-invoice-copy{min-width:0;overflow:hidden}.stock-demo-page .demo-invoice-copy strong,.stock-demo-page .demo-invoice-copy small{overflow-wrap:anywhere}

/* Settings cards must follow component width, not the browser viewport. */
.stock-demo-page .demo-settings-card [data-target-settings] .demo-settings-product-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0!important}
.stock-demo-page .demo-settings-card [data-target-settings] .demo-settings-product-row>*{min-width:0!important;max-width:100%!important}

@media(max-width:520px){
 .stock-demo-page .demo-home-action{grid-template-columns:1fr!important}.stock-demo-page .demo-home-action-dismiss{border-left:0;border-top:1px solid rgba(120,160,190,.14);padding:8px 14px;text-align:right}
 .stock-demo-page .demo-consumable-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.stock-demo-page .demo-current-target{min-width:66px!important}.stock-demo-page .demo-inline-stock-controls{grid-template-columns:minmax(0,1fr) 42px!important}.stock-demo-page .demo-inline-stock-controls .demo-drawer-bell{width:42px!important;height:42px!important}
 .stock-demo-page .demo-expiry-record-row{grid-template-columns:1fr!important}
}
.stock-demo-page .demo-existing-stock-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;min-width:0!important}
.stock-demo-page .demo-existing-stock-item>.demo-settings-name-field{min-width:0!important;width:100%!important;margin:0!important}
.stock-demo-page .demo-existing-stock-item>.demo-settings-name-field input{width:100%!important;min-width:0!important;max-width:100%!important}
.stock-demo-page .demo-existing-stock-item>.demo-settings-levels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important}
.stock-demo-page .demo-existing-stock-item>.demo-settings-levels label,.stock-demo-page .demo-existing-stock-item>.demo-settings-levels input{min-width:0!important;width:100%!important;max-width:100%!important}
.stock-demo-page .demo-manage-expiry-records{width:max-content;max-width:100%;padding:0!important}