/* DBX ONE STOCKROOM v0.10.9 - clear stock levels + item critical-email bells */

/* Settings cards: never squeeze editable names and level inputs into nested tiny grids. */
.stock-demo-page .demo-settings-card{width:min(680px,calc(100vw - 28px))}
.stock-demo-page .demo-existing-stock-item,
.stock-demo-page .demo-existing-room-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;padding:14px!important;margin:10px 0!important;border:1px solid #23384d!important;border-radius:16px!important;background:#07101a!important;min-width:0}
.stock-demo-page .demo-settings-name-field{display:block!important;margin:0!important;min-width:0}
.stock-demo-page .demo-settings-name-field input{width:100%!important;min-width:0!important;margin-top:7px!important}
.stock-demo-page .demo-settings-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.stock-demo-page .demo-level-field{display:block!important;margin:0!important;min-width:0;color:#9db0c2!important;font-size:11px!important;font-weight:800!important}
.stock-demo-page .demo-level-field input{display:block!important;width:100%!important;min-width:0!important;margin-top:7px!important;padding:11px 12px!important;font-size:15px!important;font-weight:800!important}
.stock-demo-page .demo-room-setting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.stock-demo-page .demo-room-setting-copy{min-width:0}
.stock-demo-page .demo-room-setting-copy strong,.stock-demo-page .demo-room-setting-copy small{display:block;overflow-wrap:anywhere}
.stock-demo-page .demo-room-setting-copy strong{color:#eef7ff;font-size:14px;line-height:1.35}
.stock-demo-page .demo-room-setting-copy small{margin-top:4px;color:#748ba0;font-size:10px}
.stock-demo-page .demo-room-setting-head .demo-settings-remove{align-self:flex-start;flex:0 0 auto}
.stock-demo-page .demo-settings-note{margin:12px 0 14px!important;padding:11px 12px;border:1px solid rgba(77,151,211,.18);border-radius:12px;background:rgba(13,43,67,.3);color:#91aec4!important}

/* New manual item rows use simple, readable fields rather than cramped target labels. */
.stock-demo-page .demo-new-product-row{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(100px,.8fr) repeat(3,minmax(92px,.7fr)) auto;gap:10px;align-items:end}
.stock-demo-page .demo-new-room-item-row{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(92px,.7fr) minmax(92px,.7fr) auto;gap:10px;align-items:end}
.stock-demo-page .demo-new-product-row label,.stock-demo-page .demo-new-room-item-row label{min-width:0}
.stock-demo-page .demo-new-product-row input,.stock-demo-page .demo-new-room-item-row input,.stock-demo-page .demo-new-room-item-row select{min-width:0;width:100%}

/* Add-room chooser exposes Full + Critical cleanly. */
.stock-demo-page .demo-add-room-levels{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:8px;align-items:end}
.stock-demo-page .demo-add-room-levels .demo-add-room-target{min-width:0}

/* Item-level notification bell. */
.stock-demo-page .demo-tile-list li{grid-template-columns:7px minmax(0,1fr) auto 30px!important}
.stock-demo-page .demo-item-bell{width:28px;height:28px;display:grid;place-items:center;align-self:center;justify-self:end;padding:0;border:1px solid rgba(116,156,188,.22);border-radius:9px;background:rgba(8,24,38,.72);color:#718ba1;cursor:pointer;position:relative;z-index:5;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.stock-demo-page .demo-item-bell:hover{color:#8fd1ff;border-color:rgba(81,181,255,.55);background:rgba(18,66,100,.55);transform:translateY(-1px)}
.stock-demo-page .demo-item-bell:focus-visible{outline:2px solid #45b7ff;outline-offset:2px}
.stock-demo-page .demo-item-bell.active{color:#70c9ff;border-color:rgba(80,185,255,.62);background:rgba(18,89,138,.5)}
.stock-demo-page .demo-item-bell svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.stock-demo-page .demo-drawer-bell{width:34px;height:34px;border-radius:10px;flex:0 0 auto}
.stock-demo-page .demo-inline-stock-controls{align-items:center}
.stock-demo-page .demo-store-controls{display:flex!important;align-items:center!important;gap:8px!important}

/* New item setup now uses the only two practice concepts staff need to set. */
.stock-demo-page .demo-new-product-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.stock-demo-page .demo-new-product-levels label{margin:0!important}
.stock-demo-page .demo-new-product-levels input{font-size:20px!important;font-weight:850!important;padding:13px 14px!important}

/* Critical-email alert modal. */
.stock-demo-page .demo-critical-alert-level{margin-top:18px!important}
.stock-demo-page .demo-critical-alert-level input{font-size:22px!important;font-weight:850!important;padding:14px 16px!important}
.stock-demo-page .demo-critical-alert-email{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px 14px;border:1px solid rgba(87,170,235,.22);border-radius:14px;background:rgba(9,35,56,.46);color:#cce3f4;font-size:12px;line-height:1.45}
.stock-demo-page .demo-critical-alert-email strong{color:#eef8ff;overflow-wrap:anywhere}
.stock-demo-page .demo-critical-alert-bell{font-size:18px}
.stock-demo-page .demo-critical-alert-actions{grid-template-columns:auto 1fr 1fr}
.stock-demo-page [data-disable-stock-alert]{color:#ffb7c1;border-color:#633342;background:#24121a}

@media(max-width:760px){
  .stock-demo-page .demo-new-product-row{grid-template-columns:1fr 1fr}
  .stock-demo-page .demo-new-product-row label:first-child{grid-column:1/-1}
  .stock-demo-page .demo-new-product-row .demo-settings-remove{grid-column:1/-1;width:100%}
  .stock-demo-page .demo-new-room-item-row{grid-template-columns:1fr 1fr}
  .stock-demo-page .demo-new-room-item-row label:first-child{grid-column:1/-1}
  .stock-demo-page .demo-new-room-item-row .demo-settings-remove{grid-column:1/-1;width:100%}
}
@media(max-width:620px){
  .stock-demo-page .demo-settings-card{width:min(100%,calc(100vw - 16px));padding:18px!important}
  .stock-demo-page .demo-settings-levels,.stock-demo-page .demo-new-product-levels{grid-template-columns:1fr 1fr}
  .stock-demo-page .demo-tile-list li{grid-template-columns:6px minmax(0,1fr) 30px!important;row-gap:3px!important}
  .stock-demo-page .demo-tile-list li strong{grid-column:2!important;grid-row:2!important;justify-self:start}
  .stock-demo-page .demo-tile-list li .demo-item-bell{grid-column:3!important;grid-row:1/3!important}
  .stock-demo-page .demo-drawer-bell{grid-column:auto!important;grid-row:auto!important}
  .stock-demo-page .demo-critical-alert-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .stock-demo-page .demo-critical-alert-actions [data-disable-stock-alert]{grid-column:1/-1}
}