/* DBX ONE STOCKROOM v0.7.8 — Stock Room-first room search + in-tile consumable search. */

/* Stock Room is now its own fixed first tile. Room search/view controls sit directly beneath it. */
.stock-demo-page .demo-store-grid{
  grid-template-columns:1fr;
  margin-bottom:14px;
}
.stock-demo-page .demo-store-grid .demo-store-tile{
  grid-column:auto;
  width:100%;
}
.stock-demo-page .demo-room-browser{
  margin:0 0 16px;
}

/* Tiles are interactive containers now, so a real search input can live inside them. */
.stock-demo-page article.demo-location-tile{
  cursor:pointer;
  font-family:Inter,sans-serif;
}
.stock-demo-page article.demo-location-tile:focus-visible{
  outline:2px solid rgba(102,199,255,.88);
  outline-offset:3px;
}

/* Compact search inside every full tile. */
.stock-demo-page .demo-tile-item-search{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  width:100%;
  height:34px;
  margin:0 0 9px;
  padding:0 7px 0 10px;
  border:1px solid rgba(138,190,226,.16);
  border-radius:11px;
  background:rgba(1,8,14,.28);
  backdrop-filter:blur(8px);
  cursor:text;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.stock-demo-page .demo-tile-item-search:focus-within{
  border-color:rgba(91,190,252,.54);
  background:rgba(3,13,22,.48);
  box-shadow:0 0 0 3px rgba(39,157,231,.07);
}
.stock-demo-page .demo-tile-item-search .demo-room-search-icon{
  width:12px;
  height:12px;
  margin-right:8px;
  border-width:1.5px;
  opacity:.88;
}
.stock-demo-page .demo-tile-item-search .demo-room-search-icon:after{
  width:5px;
  height:1.5px;
  right:-4px;
  bottom:-2px;
}
.stock-demo-page .demo-tile-item-search input{
  min-width:0;
  flex:1;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f2f9ff!important;
  box-shadow:none!important;
  font:650 10px/1.2 Inter,sans-serif!important;
  -webkit-appearance:none;
  appearance:none;
}
.stock-demo-page .demo-tile-item-search input::placeholder{color:#7e96aa;opacity:1}
.stock-demo-page .demo-tile-item-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.stock-demo-page .demo-tile-item-search button{
  display:grid;
  flex:0 0 auto;
  width:24px;
  height:24px;
  margin-left:4px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:8px;
  background:rgba(126,164,192,.09);
  color:#9ab0c1;
  font:500 17px/1 Inter,sans-serif;
  cursor:pointer;
}
.stock-demo-page .demo-tile-item-search button[hidden]{display:none!important}
.stock-demo-page .demo-tile-item-search button:hover{background:rgba(111,190,241,.15);color:#d3edfd}

.stock-demo-page .demo-tile-items-wrap{position:relative;z-index:1;min-width:0}
.stock-demo-page .demo-tile-item-empty{
  display:grid;
  align-content:center;
  min-height:92px;
  padding:13px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#8298aa;
}
.stock-demo-page .demo-tile-item-empty strong{color:#d8e8f3;font-size:10px}
.stock-demo-page .demo-tile-item-empty span{margin-top:4px;font-size:9px;line-height:1.35}

/* Search adds utility without allowing the room cards to collide with their footer. */
.stock-demo-page .demo-room-tile:not(.demo-room-drag-ghost){min-height:385px}
.stock-demo-page .demo-store-tile{min-height:370px}

/* In list mode the room rows stay deliberately metadata-free; in-tile item search exists only on full tiles. */
.stock-demo-page .demo-location-grid[data-room-display=list] article.demo-room-tile{min-height:64px}

@media(max-width:620px){
  .stock-demo-page .demo-store-grid{margin-bottom:11px}
  .stock-demo-page .demo-room-browser{margin-bottom:12px}
  .stock-demo-page .demo-store-tile{min-height:405px}
  .stock-demo-page .demo-room-tile:not(.demo-room-drag-ghost){min-height:380px}
  .stock-demo-page .demo-tile-item-search{height:31px;margin-bottom:7px;padding-left:8px;border-radius:9px}
  .stock-demo-page .demo-tile-item-search .demo-room-search-icon{width:10px;height:10px;margin-right:6px}
  .stock-demo-page .demo-tile-item-search input{font-size:9px!important}
  .stock-demo-page .demo-tile-item-search button{width:21px;height:21px;margin-left:2px;border-radius:7px;font-size:15px}
  .stock-demo-page .demo-location-grid[data-room-display=list] article.demo-room-tile{min-height:60px}
}

@media(max-width:360px){
  .stock-demo-page .demo-room-tile:not(.demo-room-drag-ghost){min-height:365px}
}

@media(prefers-reduced-motion:reduce){
  .stock-demo-page .demo-tile-item-search{transition:none}
}