/* DBX ONE STOCKROOM v0.7.5 — mobile bottom navigation behaves as real tabs.
   Desktop keeps the existing Deliveries / Shopping launch tiles and modal sheets.
   Mobile replaces those launch tiles with three mutually-exclusive views: Rooms,
   Deliveries and Shopping. No Worker/API behaviour is changed. */

.stock-demo-page .demo-mobile-tab-page{display:none}

@media(max-width:620px){
  .stock-demo-page .demo-action-launches{display:none!important}

  .stock-demo-page .demo-mobile-tab-view[hidden]{display:none!important}
  .stock-demo-page .demo-mobile-tab-view:not([hidden]){display:block}
  .stock-demo-page .demo-mobile-tab-page:not([hidden]){
    margin:2px 0 0;
    padding:2px 0 18px;
  }

  .stock-demo-page .demo-mobile-tab-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin:0 0 12px;
    padding:18px 16px;
    border:1px solid rgba(78,177,255,.18);
    border-radius:19px;
    background:linear-gradient(145deg,#081625,#0a1d31);
    box-shadow:0 16px 42px rgba(0,0,0,.18);
  }
  .stock-demo-page .demo-mobile-tab-head h2{
    margin:4px 0 0;
    color:#f3f9ff;
    font-size:28px;
    line-height:1;
    letter-spacing:-.045em;
  }
  .stock-demo-page .demo-mobile-tab-summary{
    margin:7px 0 0;
    color:#8da5ba;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
  }
  .stock-demo-page .demo-mobile-tab-head .demo-icon-button{
    flex:0 0 auto;
    width:40px;
    height:40px;
    border-color:#27445d;
    background:#0a1928;
    color:#73c9ff;
  }

  .stock-demo-page .demo-mobile-tab-page>.demo-deliveries-intro{
    margin:0 2px 14px;
    color:#849bb0;
    font-size:11px;
    line-height:1.55;
  }
  .stock-demo-page .demo-mobile-tab-page>.demo-invoice-list,
  .stock-demo-page .demo-mobile-tab-page>.demo-shopping-list{
    margin-top:0;
  }
  .stock-demo-page .demo-mobile-tab-page .demo-invoice-card,
  .stock-demo-page .demo-mobile-tab-page .demo-shopping-row,
  .stock-demo-page .demo-mobile-tab-page .demo-shopping-empty{
    box-shadow:0 12px 32px rgba(0,0,0,.12);
  }

  .stock-demo-page .demo-mobile-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .stock-demo-page .demo-mobile-nav button{
    min-width:0;
    padding:3px 2px;
    transition:color .16s ease,transform .16s ease;
  }
  .stock-demo-page .demo-mobile-nav button.active{
    color:#5ebfff!important;
  }
  .stock-demo-page .demo-mobile-nav button.active span{
    filter:drop-shadow(0 0 9px rgba(65,174,255,.38));
  }
}