/* SoulShive — shared mobile navigation and comfortable reading sizes.
   Complements the premium theme without changing application data or logic. */
.ss26-nav-search,.ssg-mobile-search{display:none}
.ss26-brand-wordmark,.ssg-add-short{display:none}
.ss26-burger:focus-visible,.ssg-burger:focus-visible,
.ss26-mainnav a:focus-visible,.ssg-nav a:focus-visible,
.ss26-nav-search input:focus-visible,.ssg-mobile-search input:focus-visible{
  outline:3px solid #bd81ff!important;outline-offset:3px;
}
/* Desktop/laptop: do not squeeze long nav labels into tiny type. */
@media (max-width:1180px){
  body.ss26-page .ss26-site-header .ss26-header-inner{gap:10px!important}
  body.ss26-page .ss26-site-header .ss26-burger{
    display:inline-flex!important;flex:0 0 44px!important;
    width:44px!important;height:44px!important;min-height:44px!important;
    align-items:center!important;justify-content:center!important;
    margin-left:auto!important;font-size:24px!important;
  }
  body.ss26-page .ss26-site-header .ss26-mainnav{
    display:none!important;position:absolute!important;
    top:calc(100% - 1px)!important;left:10px!important;right:10px!important;
    height:auto!important;max-height:calc(100dvh - 75px)!important;
    overflow-y:auto!important;flex-direction:column!important;
    padding:12px!important;background:#080c19!important;
    border:1px solid #513075!important;border-radius:12px!important;
    box-shadow:0 25px 55px rgba(0,0,0,.55)!important;
    z-index:2000!important;
  }
  body.ss26-page .ss26-site-header.open .ss26-mainnav{display:flex!important}
  body.ss26-page .ss26-site-header .ss26-mainnav>a,
  body.ss26-page .ss26-site-header .ss26-mobile-account>a{
    display:flex!important;align-items:center!important;
    font-size:16px!important;line-height:1.4!important;
    height:auto!important;min-height:46px!important;padding:10px 14px!important;
    white-space:normal!important;
  }
  body.ss26-page .ss26-mobile-account{display:block!important}
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-mini-btn,
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-user,
  body.ss26-page .ss26-site-header .ss26-account-actions .ss26-icon-link{display:none!important}
  body.ss26-page .ss26-site-header .ss26-brand{
    width:auto!important;min-width:0!important;max-width:200px!important;
    flex:0 1 auto!important;display:flex!important;align-items:center!important;
    gap:7px!important;white-space:nowrap!important;
  }
  body.ss26-page .ss26-brand-wordmark{
    display:inline!important;color:#f6f3ff!important;font-size:18px!important;
    font-weight:900!important;letter-spacing:-.035em!important;
  }
  body.ss26-page .ss26-nav-search{display:block!important;padding:5px 8px 14px!important}
  body.ss26-page .ss26-nav-search label,
  .ssg-mobile-search label{display:block;font-size:16px!important;font-weight:800;color:#e7e4fc;margin-bottom:8px}
  .ss26-nav-search-row,.ssg-mobile-search-row{display:flex;gap:8px;min-width:0}
  .ss26-nav-search-row input,.ssg-mobile-search-row input{
    min-width:0;flex:1;height:46px!important;min-height:46px!important;
    background:#0b1326!important;border:1px solid #4d3f77!important;
    color:#fff!important;border-radius:8px!important;padding:0 12px!important;
    font-size:16px!important;
  }
  .ss26-nav-search-row button,.ssg-mobile-search-row button{
    flex:0 0 auto;min-height:46px!important;padding:0 13px!important;
    border:1px solid #ab60ff!important;border-radius:8px!important;
    background:linear-gradient(125deg,#6e27df,#a13aff)!important;
    color:#fff!important;font-size:16px!important;font-weight:800!important;
  }
}
/* Server directory menu collapses at 1250px, while the main menu collapses at
   1180px. Keep the mobile search usable across the entire 1181–1250px gap. */
@media (min-width:1181px) and (max-width:1250px){
  .ssg-mobile-search label{display:block;font-size:16px!important;font-weight:800;color:#e7e4fc;margin-bottom:8px}
  .ssg-mobile-search-row{display:flex;gap:8px;min-width:0}
  .ssg-mobile-search-row input{
    min-width:0;flex:1;height:46px!important;min-height:46px!important;
    background:#0b1326!important;border:1px solid #4d3f77!important;
    color:#fff!important;border-radius:8px!important;padding:0 12px!important;
    font-size:16px!important;
  }
  .ssg-mobile-search-row button{
    flex:0 0 auto;min-height:46px!important;padding:0 13px!important;
    border:1px solid #ab60ff!important;border-radius:8px!important;
    background:linear-gradient(125deg,#6e27df,#a13aff)!important;
    color:#fff!important;font-size:16px!important;font-weight:800!important;
  }
}
@media (max-width:1250px){
  .ssg-header,.ssg-inner{height:60px!important}
  .ssg-burger{display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin-left:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
    font-size:24px!important;background:#0a1022!important;color:#fff!important;
    border:1px solid #42316a!important;border-radius:9px!important}
  .ssg-nav{display:none!important;position:absolute!important;top:60px!important;
    left:9px!important;right:9px!important;height:auto!important;max-height:calc(100dvh - 72px)!important;
    flex-direction:column!important;overflow-y:auto!important;padding:12px!important;
    background:#080c19!important;border:1px solid #513075!important;
    border-radius:12px!important;box-shadow:0 20px 50px rgba(0,0,0,.58)!important;
    z-index:2000!important}
  .ssg-header.open .ssg-nav{display:flex!important}
  body .ssg-header .ssg-nav>a,body .ssg-header .ssg-mobile-account a{display:flex!important;align-items:center!important;
    height:auto!important;min-height:46px!important;padding:10px 13px!important;
    font-size:16px!important;line-height:1.4!important;white-space:normal!important}
  .ssg-mobile-account{display:block!important}
  .ssg-actions .ssg-icon,.ssg-actions .ssg-user,.ssg-actions .ssg-small{display:none!important}
  .ssg-mobile-search{display:block!important;padding:5px 8px 12px!important}
  .ssg-search{display:none!important}
}
@media (max-width:390px){
  body.ss26-page .ss26-brand-wordmark{font-size:16px!important}
  body.ss26-page .ss26-site-header .ss26-add-btn{padding:0 8px!important;font-size:14px!important;white-space:nowrap!important}
  body.ss26-page .ss26-site-header .ss26-burger{flex-basis:42px!important;width:42px!important}
  .ssg-brand{width:103px!important;flex-basis:103px!important}
  .ssg-brand img{width:103px!important;object-fit:contain!important}
  .ssg-add .ssg-add-long{display:none!important}
  .ssg-add .ssg-add-short{display:inline!important}
  .ssg-add{padding:0 7px!important;font-size:14px!important}
}
/* Admin filters, navigation and buttons must be readable without zoom. */
body.ss26-page-admin .chip{font-size:16px!important;line-height:1.45!important;min-height:42px!important;
  display:inline-flex;align-items:center;padding:8px 12px!important}
body.ss26-page-admin :is(.bw input,.bw select,.sv-filter-grid input,.sv-filter-grid select,
 .tk-filter-grid input,.tk-filter-grid select){font-size:16px!important;min-height:44px!important}
body.ss26-page-admin :is(.bw-server b,.fda-server b,.tk-list-head h2,.bw-list-head h2){font-size:16px!important}
body.ss26-page-admin :is(.bw-table td,.fda-table td,.sv-table td,.tk-table td){font-size:16px!important;line-height:1.45!important}
body.ss26-page-admin :is(.bw-table th,.fda-table th,.sv-table th,.tk-table th){font-size:14px!important;line-height:1.45!important}
body.ss26-page-admin :is(.bw-mini,.fda-btn,.sv-table button,.tk-table button){font-size:14px!important;min-height:40px!important;min-width:40px!important}
@media (max-width:700px){
  body.ss26-page-admin .ss26-content-wrap{width:calc(100% - 20px)!important}
  body.ss26-page-admin :is(.bw-table-wrap,.sv-scroll,.tk-scroll,.fda-wrap,.ss27-table-scroll){
    max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
}
