/* Mobile-first corrections layered after app.css. Keep this file small. */

@media (max-width:860px){
  body{
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));
  }

  .content{
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
  }

  .menu-toggle,
  body.nav-collapsed .menu-toggle{
    display:none!important;
  }

  .mobile-tabbar{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom,0px));
    z-index:46;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    padding:7px;
    border:1px solid rgba(225,231,239,.92);
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 22px rgba(16,24,40,.14);
    touch-action:manipulation;
  }

  .mobile-tab{
    min-width:0;
    min-height:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border:0;
    border-radius:16px;
    background:transparent;
    color:#667085;
    font:inherit;
    font-size:11px;
    font-weight:850;
    line-height:1;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-tab:hover{
    text-decoration:none;
  }

  .mobile-tab span{
    font-size:18px;
    line-height:1;
  }

  .mobile-tab b{
    overflow:hidden;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-tab.is-active{
    background:var(--accent-soft,#edf4ff);
    color:var(--accent,#1769e0);
  }

  .mobile-tab:active{
    transform:scale(.97);
  }

  body.nav-open .mobile-tabbar{
    pointer-events:none;
    opacity:.28;
  }

  *{
    -webkit-tap-highlight-color:rgba(23,105,224,.12);
  }

  .notes-app,
  .notes-list-pane,
  .notes-detail-pane,
  .notes-compose,
  .notes-object-head,
  .notes-add-plan{
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .notes-app{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }

  .notes-app.is-list-route .notes-detail-pane{
    display:none!important;
  }

  .notes-app.is-detail-route .notes-list-pane{
    display:none!important;
  }

  .notes-app.is-detail-route{
    display:block!important;
  }

  .notes-app.is-detail-route .notes-detail-pane,
  .notes-app.is-list-route .notes-list-pane{
    display:block!important;
  }

  .notes-note-list{
    overscroll-behavior:contain;
  }

  .notes-list-item{
    min-height:70px;
    touch-action:manipulation;
    transform:none!important;
    transition:background .12s ease,border-color .12s ease!important;
  }

  .notes-list-item:active,
  .notes-list-item.is-active{
    background:#eef6ff;
    border-color:#bfdbfe;
  }

  .notes-icon-btn,
  .notes-compose button,
  .notes-add-plan button{
    touch-action:manipulation;
  }

  #note-detail{
    scroll-margin-top:12px;
  }

  .pnode{
    touch-action:manipulation;
  }

  .pnode>summary{
    cursor:pointer;
  }

  .pnode>summary::after{
    content:"›"!important;
    transform:none!important;
  }

  .pnode .pbody{
    display:none!important;
  }

  .pn-open-detail{
    display:inline-flex!important;
    flex:0 0 auto;
  }

  .pdelete-form{
    display:none!important;
  }

  .partnership-mobile-workspace .pbody,
  .partnership-mobile-workspace .cnode,
  .partnership-mobile-workspace .geo-pill{
    box-shadow:none!important;
  }

  .partnership-mobile-workspace .casino-add-card,
  .partnership-mobile-workspace .geo-add-form,
  .partnership-mobile-workspace .postback-form,
  .partnership-mobile-workspace .postback-copy-row{
    grid-template-columns:1fr!important;
    flex-direction:column!important;
  }
}