/* BOOTIES Administration v9.14.1 · Mobile App / PWA layer */

.v914-mobile-nav{display:none}
.v914-install-btn{display:none}
.v914-app-badge{display:none}

@media(max-width:980px){
  html,body{min-height:100%;background:#f4f7fa}
  .ba-sidebar{
    width:min(330px,88vw)!important;
    left:min(-350px,-90vw)!important;
    z-index:110!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
  .ba-sidebar.is-open{left:0!important}
  .ba-overlay{z-index:105!important}
  .ba-sidebar-foot{
    display:grid!important;
    gap:9px;
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  .v914-install-btn{
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }
  .v914-install-btn svg{width:18px;height:18px}
  .v914-install-btn.is-installed{display:none!important}

  .ba-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .ba-main>.ba-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    min-height:62px;
    padding-top:env(safe-area-inset-top);
    height:calc(62px + env(safe-area-inset-top));
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .ba-content{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom));
  }

  .v914-mobile-nav{
    display:grid;
    position:fixed;
    z-index:100;
    left:0;
    right:0;
    bottom:0;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:66px;
    padding:7px 5px max(7px,env(safe-area-inset-bottom));
    border-top:1px solid #dce5ec;
    background:rgba(255,255,255,.98);
    box-shadow:0 -10px 28px rgba(7,28,45,.10);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .v914-mobile-nav button{
    appearance:none;
    border:0;
    background:transparent;
    min-width:0;
    min-height:52px;
    padding:5px 2px 3px;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#6a7b88;
    font:inherit;
    font-size:10px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .v914-mobile-nav button svg{width:21px;height:21px;stroke-width:1.9}
  .v914-mobile-nav button.is-active{color:#0867c9;background:#edf6ff}
  .v914-mobile-nav button:active{transform:scale(.97)}

  .ba-page-head{margin-top:2px}
  .ba-page-head>div:first-child{min-width:0}
  .ba-page-head h1{letter-spacing:-.025em}

  /* Better mobile finance / owner cards */
  .v9130-owner-cash-grid,
  .v9134-payment-analysis-grid,
  .v9108-pnl-grid,
  .v951-pnl-kpis,
  .v951-pnl-mini-grid,
  .v930-owner-strip-grid{
    grid-template-columns:1fr!important;
  }
  .v9130-owner-cash-card,
  .v9134-payment-block,
  .v9108-pnl-card,
  .v951-pnl-panel,
  .v930-owner-strip{
    border-radius:14px!important;
  }

  /* Horizontal tab bars feel native on mobile */
  .v9116-period-tabs,
  .v952-period-tabs,
  .v951-pnl-tabs,
  .v944-staff-tabs,
  .v944-group-tabs{
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .v9116-period-tabs::-webkit-scrollbar,
  .v952-period-tabs::-webkit-scrollbar,
  .v951-pnl-tabs::-webkit-scrollbar,
  .v944-staff-tabs::-webkit-scrollbar,
  .v944-group-tabs::-webkit-scrollbar{display:none}
  .v9116-period-tabs>*,
  .v952-period-tabs>*,
  .v951-pnl-tabs>*,
  .v944-staff-tabs>*,
  .v944-group-tabs>*{flex:0 0 auto}

  /* Touch-friendly action controls */
  .ba-btn,
  button,
  input,
  select,
  textarea{touch-action:manipulation}
  .ba-btn{min-height:42px}
  input,select,textarea{font-size:16px!important}

  /* Staff cards: compact but tappable */
  .v941-staff-card,.v970-staff-card{min-height:0!important}
  .v943-open-profile{min-height:36px;display:flex;align-items:center}

  /* Installed app badge in login/app chrome */
  body.v914-standalone .v914-install-btn{display:none!important}
  body.v914-standalone .v914-app-badge{display:inline-flex}
}

@media(max-width:520px){
  .ba-content{padding-left:9px!important;padding-right:9px!important}
  .ba-panel{border-radius:14px!important}
  .v914-mobile-nav{padding-left:3px;padding-right:3px}
  .v914-mobile-nav button{font-size:9.5px}
  .v9134-payment-block-head{align-items:flex-start!important}
  .v9134-grand-equation{font-size:13px!important}
}

@media(display-mode:standalone){
  body{user-select:none;-webkit-user-select:none}
  input,textarea,[contenteditable="true"]{user-select:text;-webkit-user-select:text}
}
