/* FAZGAME V4.6.14 — Mobile-first refinements, no business logic changes. */
[hidden]{display:none!important}
:root{--fg-touch:44px}
html{scroll-padding-top:78px;-webkit-text-size-adjust:100%}
body{overscroll-behavior-x:none}
button,a,select,[role="button"]{-webkit-tap-highlight-color:transparent}
input,textarea,select{font-size:16px}
.card,.toolbar,.modal,.content{min-width:0}
.mobile-search-toggle,.sidebar-mobile-theme{display:none!important}
.pwa-install-action{border:1px solid rgba(237,196,66,.35)!important;color:var(--accent)!important;background:rgba(237,196,66,.1)!important;white-space:nowrap!important;min-height:36px!important}
@media(min-width:851px){.pwa-install-action{font-size:11px!important}}
@media(max-width:850px){
 .topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:7px}
 .topbar .ui-view-switch{display:none!important} /* compact control remains in sidebar */
 .topbar .theme-toggle{display:none!important} /* move theme control to mobile drawer */
 .sidebar-mobile-theme{display:inline-flex!important;width:100%;min-height:44px;align-items:center;justify-content:center}
 .topbar-left{flex:1;min-width:0;gap:5px!important}
 .top-actions{flex-shrink:0}
 .breadcrumb strong{flex:1;min-width:0;max-width:82px!important}
 .top-actions{gap:5px!important;min-width:0}
 .topbar .mobile-search-toggle{display:inline-flex!important;min-width:36px;padding:0 8px;align-items:center;justify-content:center}
 .topbar .global-search{display:none!important}
 .topbar.search-open .global-search{display:flex!important;position:absolute;top:calc(100% + 5px);left:12px;right:12px;width:auto;z-index:50;box-shadow:0 16px 40px #0006;background:var(--panel)!important}
 .topbar.search-open .global-search input{font-size:16px}
 .topbar .owner-pill{display:none!important}
 .breadcrumb{min-width:0!important;gap:5px!important}
 .breadcrumb strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(39vw,230px)}
 .content{max-width:100%;padding-left:14px;padding-right:14px;padding-bottom:calc(108px + env(safe-area-inset-bottom))}
 .toolbar{gap:12px;margin-bottom:19px}
 .toolbar h1{font-size:clamp(24px,6.8vw,32px);overflow-wrap:anywhere}
 .toolbar-button{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 .toolbar-button .btn{min-height:44px;max-width:100%;white-space:normal;text-align:center}
 .grid4,.board-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .kpi{min-height:112px!important;padding:14px!important}
 .kpi-value{font-size:clamp(18px,5vw,25px)!important;overflow-wrap:anywhere;white-space:normal}
 .mobile-dock{padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important}
 .mobile-dock button{min-width:0;min-height:54px!important;touch-action:manipulation}
 .mobile-dock button span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
 .sidebar{max-width:min(310px,90vw)!important;overflow:hidden}
 .nav-btn,.area-chip{min-height:44px;touch-action:manipulation}
 .sidebar-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
 .formgrid{grid-template-columns:minmax(0,1fr)!important}
 .formgrid>*{min-width:0}
 .modal-bg{align-items:flex-end;padding:0!important}
 .modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 9px);border-radius:21px 21px 0 0;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .modal-head{position:sticky;top:0;z-index:2;background:var(--panel);padding:16px!important}
 .modal-body{padding:16px!important}
 .modal-foot{position:sticky;bottom:0;z-index:2;background:var(--panel);display:flex;flex-wrap:wrap;padding:12px 16px!important}
 .modal-foot .btn{min-width:0;flex:1;min-height:44px}
 .table-wrap,.pr-table-wrap,.kanban-scroller{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .filter,.toolbar-button,.actions{min-width:0}
 .filter input,.filter select{min-width:0}
 .record-dialog{max-height:calc(100dvh - 20px)}
 .auth-card{padding:24px 20px!important;border-radius:20px}
}
@media(max-width:360px){

 .breadcrumb strong{max-width:35vw}
 .mobile-dock button span{font-size:9px}
 .toolbar-button .btn{font-size:11px}
 .grid4,.board-summary{gap:8px!important}
}
@media print{
 .pwa-install-action,.mobile-dock{display:none!important}
}