/* Mobile work surfaces. Existing desktop navigation, brand and business states stay shared. */
.gb-mobile-nav,.gb-mobile-context{display:none}
body[data-user]{--mobile-nav-height:74px}
body[data-user] :is(input,select,textarea){caret-color:var(--primary);scroll-margin-block:100px 180px}
body[data-user] ::selection{background:#e8d8ab;color:#14264f}
.gb-draft-state{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 0;font-size:.875rem;color:var(--muted)}
.gb-draft-state[data-state=error]{color:var(--brick)}
.gb-draft-state button{min-height:44px}
.gb-draft-note{margin:0 0 18px;font-size:.8125rem;color:var(--muted)}
.gb-table-guide{display:none}
.gb-report-scroll:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.gb-form-dirty{color:var(--brick)}
@media(max-width:960px){
 .gb-login-body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:48px;max-width:100%}
 body[data-user] .gb-mobile-nav{position:fixed;inset:auto 0 0;z-index:30;display:flex;justify-content:space-around;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
 .gb-mobile-nav .gb-sidenav__link,.gb-mobile-nav>button{flex:1;min-width:0;min-height:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0;padding:5px 2px;border:0;border-radius:8px;font:700 .75rem/1.2 var(--font-ui);text-align:center;text-decoration:none;color:var(--muted);background:transparent;white-space:normal}
 .gb-mobile-nav .gb-sidenav__icon{width:22px;height:22px;display:grid;place-items:center;margin:0}
 .gb-mobile-nav svg{width:21px;height:21px}
 .gb-mobile-nav .active{background:var(--primary-soft);color:var(--primary);box-shadow:none}
 .gb-mobile-nav .gb-sidenav__link::before{display:none}
 .gb-mobile-nav a:active,.gb-mobile-nav button:active{background:var(--paper)}
 .gb-toast{bottom:calc(96px + env(safe-area-inset-bottom))}
 .gb-mobile-nav :focus-visible{outline:3px solid var(--link);outline-offset:-3px}
 .gb-mobile-context{display:block;position:absolute;top:var(--topbar-h,64px);left:16px;right:16px;padding:9px 0;color:var(--muted);font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}
 body[data-user] .gb-main{padding-top:48px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .gb-mobile-keyboard .gb-mobile-nav{display:none!important}
 .gb-mobile-keyboard .gb-steps__bar{position:static}
 body[data-user] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;min-height:48px;max-width:100%}
 body[data-user] textarea{min-height:112px;line-height:1.6}
 body[data-user] :is(.gb-btn,.gb-tab){min-height:44px;white-space:normal}
 body[data-user] :is(input[type=checkbox],input[type=radio]){min-width:20px;min-height:20px}
 body[data-user] .gb-field:has(input[type=checkbox]),body[data-user] .gb-field:has(input[type=radio]){min-height:44px}
 .gb-workviews__nav{flex-wrap:nowrap;overflow-x:auto;gap:20px;scrollbar-width:thin}
 .gb-workviews__nav button{flex-shrink:0;font-size:.9375rem;min-height:52px}
 .gb-workviews__nav button:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
 .gb-steps__bar{position:sticky;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));z-index:12;padding:12px 0;background:var(--paper);border-top:1px solid var(--line)}
 .gb-steps__bar .gb-btn{min-height:48px;min-width:100px}
 .gb-steps__saved:empty{display:none}
 .gb-steps__title{font-size:1.15rem;line-height:1.5;margin:14px 0 22px}
 .gb-steps__list{display:flex;gap:8px;overflow:visible;flex-wrap:nowrap}
 .gb-steps__item,.gb-steps__item:has(.gb-steps__btn[aria-current=step]){flex:1 1 0;min-width:0}
 .gb-steps__btn{justify-content:center;padding:6px 0;min-height:44px}
 .gb-steps__label{display:none}
 .gb-form-footer .gb-btn--primary{flex:1;min-height:48px}
 .gb-workspace__grid>.gb-workspace__rail:not(.gb-profile-identity){grid-row:1;padding:0 0 20px;border-top:0;border-bottom:1px solid var(--line)}
 .gb-workspace:not(.gb-profile-workspace){display:flex;flex-direction:column}
 .gb-workspace:not(.gb-profile-workspace)>.gb-workspace__grid{display:contents}
 .gb-workspace:not(.gb-profile-workspace) .gb-workspace__rail{order:1;margin-bottom:20px}
 .gb-workspace:not(.gb-profile-workspace)>.gb-overview{order:2}
 .gb-workspace:not(.gb-profile-workspace) .gb-workspace__main{order:3}
 .gb-workspace:not(.gb-profile-workspace)>#open-card{order:4}
 .gb-workspace .gb-overview>.gb-kpi{padding:12px 14px;min-height:0}
 .gb-workspace .gb-overview .gb-kpi__val{font-size:1.5rem;margin:6px 0 2px}
 .gb-workspace .gb-overview .gb-kpi__label{min-height:0;line-height:1.4}
 .gb-workspace__rail .gb-tasks__list{display:block;max-height:290px;overflow-y:auto;overscroll-behavior:contain}
 .gb-workspace__rail .gb-task{padding:14px 0}
 .gb-workspace.gb-workspace--volunteer .gb-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .gb-workspace.gb-workspace--volunteer .gb-overview>.gb-kpi{padding:16px!important;border-left:0!important;border-top:1px solid var(--line)!important}
 .gb-workspace.gb-workspace--volunteer .gb-overview>.gb-kpi:nth-child(-n+2){border-top:0!important}
 .gb-workspace.gb-workspace--volunteer .gb-overview>.gb-kpi:nth-child(even){border-left:1px solid var(--line)!important}
 .gb-workspace.gb-workspace--volunteer .gb-overview .gb-kpi__label{font-size:.8125rem}
 .gb-profile-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .gb-profile-heading>div:nth-child(2){flex-basis:calc(100% - 80px)}
 .gb-profile-heading>.gb-tag{margin-left:68px}
 .gb-profile-workspace .gb-grid-2{grid-template-columns:1fr;gap:22px}
 .gb-profile-workspace .gb-btn-row{align-items:stretch}
 .gb-profile-workspace .gb-btn-row .gb-btn{width:100%}
 .gb-profile-security-row{flex-wrap:wrap;gap:16px}
 .gb-report-filter .gb-ar__filters{display:flex;flex-direction:column;align-items:stretch}
 .gb-report-filter .gb-field{width:100%;min-width:0}
 .gb-table-guide{display:block;margin:8px 0;color:var(--muted);font-size:.8125rem}
 .gb-table-guide[hidden]{display:none}
 .gb-table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin}
 .gb-table th{position:sticky;top:0;background:var(--surface)}
 .gb-help-dialog{align-items:flex-end!important;padding:0!important}
 .gb-help-dialog .gb-modal__box{width:100%!important;max-width:none!important;max-height:85dvh;border-radius:16px 16px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .gb-modal:not(.gb-help-dialog) .gb-modal__box{max-height:calc(100dvh - 24px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){body[data-user] *,body[data-user] *::before,body[data-user] *::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
@media print{.gb-mobile-nav,.gb-mobile-context,.gb-draft-state,.gb-draft-note,.gb-table-guide{display:none!important}.gb-steps__bar{position:static}}