:root{--sf-safe-top: env(safe-area-inset-top, 0px);--sf-safe-right: env(safe-area-inset-right, 0px);--sf-safe-bottom: env(safe-area-inset-bottom, 0px);--sf-safe-left: env(safe-area-inset-left, 0px);--sf-mobile-nav-height: calc(64px + var(--sf-safe-bottom));--sf-visual-height: 100dvh}html,body,#app{width:100%;max-width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}body{overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,a,[role=button],input,select,textarea{touch-action:manipulation}img,svg,canvas,video{max-width:100%}.sf-mobile-backdrop{position:fixed;inset:0;z-index:88;border:0;padding:0;background:#00050cad;backdrop-filter:blur(6px) saturate(.8);opacity:0;pointer-events:none;transition:opacity .2s ease}.sf-mobile-backdrop.visible{opacity:1;pointer-events:auto}.sf-mobile-drag-handle{display:none}@media(max-width:900px){html,body{min-height:100dvh;min-height:var(--sf-visual-height);overflow-x:clip}body.sf-scroll-lock{overflow:hidden;position:fixed;inset:0;width:100%;height:var(--sf-visual-height)}.app-shell{display:block;width:100%;min-height:100dvh;min-height:var(--sf-visual-height);overflow-x:clip}.main{width:100%;min-width:0;grid-column:auto}.sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:min(86vw,320px);height:100dvh;height:var(--sf-visual-height);padding-left:var(--sf-safe-left);transform:translate3d(-105%,0,0);will-change:transform;overscroll-behavior:contain;box-shadow:none}.sidebar.open{transform:translateZ(0);box-shadow:32px 0 90px #00000094}.sidebar .brand{min-height:calc(68px + var(--sf-safe-top));height:auto;padding-top:var(--sf-safe-top);flex:0 0 auto}.sidebar .nav{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:18px}.sidebar-foot{flex:0 0 auto;padding-bottom:calc(16px + var(--sf-safe-bottom))}.mobile-toggle{display:inline-flex!important;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0}.mobile-toggle:before{content:"";width:19px;height:14px;background:linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 6px / 72% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 12px / 100% 2px no-repeat;border-radius:2px}.topbar{width:100%;min-height:calc(64px + var(--sf-safe-top));height:auto;padding:var(--sf-safe-top) max(12px,var(--sf-safe-right)) 0 max(12px,var(--sf-safe-left));gap:8px}.top-left{min-width:0;flex:1 1 auto;gap:9px}.top-left>div:last-child{min-width:0}.page-title{max-width:min(48vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,5vw,21px)}.breadcrumb{max-width:min(48vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.top-actions{min-width:0;flex:0 0 auto;gap:6px}.top-actions .sf-date-chip,.top-actions .hide-mobile,.top-actions [data-action=quick-create]{display:none!important}.top-actions .sync-pill{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;justify-content:center;overflow:hidden;color:transparent;font-size:0}.top-actions .sync-pill:before{width:9px;height:9px;flex:0 0 auto}.top-actions .sync-pill .sf-icon{display:none}.top-actions .btn,.sf-language-control.compact{min-width:40px;width:40px;min-height:40px;height:40px;padding:0;justify-content:center}.sf-language-control.compact>span{display:none}.sf-language-control.compact select{width:38px;min-width:38px;height:34px;padding:0 2px;border-radius:9px;text-align:center;font-size:11px}.sf-ai-top-button span{display:none}.content{width:100%;max-width:none;min-width:0;padding:14px max(12px,var(--sf-safe-right)) calc(var(--sf-mobile-nav-height) + 28px) max(12px,var(--sf-safe-left));overflow-x:clip}.content>*{min-width:0;max-width:100%}.card,.hero,.sf-section-hero,.sf-ai-dashboard-card{max-width:100%;border-radius:17px}.card-pad{padding:16px}.card-head{align-items:flex-start;flex-wrap:wrap;gap:10px}.card-head>div:first-child{min-width:0;flex:1 1 180px}.hero{min-height:auto;padding:19px;grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(25px,8vw,34px);line-height:1.08;overflow-wrap:anywhere}.hero p{font-size:13px}.hero-progress{width:100%;min-height:auto;padding:13px;justify-content:flex-start;flex-wrap:wrap;gap:13px}.hero-progress .ring{width:88px;height:88px;flex:0 0 auto}.hero-progress .ring:after{width:64px;height:64px}.hero-progress .ring strong{font-size:18px}.hero-progress>div:last-child{min-width:0;flex:1 1 145px}.grid,.grid.two,.grid.three,.form-grid,.sf-member-columns,.sf-access-layout,.sf-ai-two-columns,.sf-ai-analysis-grid{min-width:0}.grid.two,.grid.three,.form-grid,.sf-member-columns,.sf-access-layout,.sf-ai-two-columns,.sf-ai-analysis-grid{grid-template-columns:minmax(0,1fr)!important}.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{min-width:0;min-height:120px;padding:15px}.kpi-label{max-width:calc(100% - 22px);font-size:9px;line-height:1.25}.kpi-value{margin:9px 0 5px;font-size:27px}.kpi-foot{max-width:calc(100% - 34px);font-size:9px;line-height:1.35}.kpi-icon{right:10px;bottom:10px;width:31px;height:31px}.toolbar{width:100%;align-items:stretch;gap:10px}.toolbar-left,.toolbar-right{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.toolbar-left>*,.toolbar-right>*,.toolbar .search,.toolbar .input,.toolbar .select,.toolbar .btn{width:100%;min-width:0;max-width:100%}.input,.select,.textarea,input,select,textarea{font-size:16px}.input,.select{min-height:46px}.textarea{min-height:120px}.btn{min-height:44px}.btn.icon{width:44px;min-width:44px;height:44px;padding:0}.floor-section{min-width:0;margin-bottom:22px}.floor-title{min-width:0;align-items:center;gap:8px}.floor-title>*{min-width:0}.room-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sf-room-wrap{min-width:0}.room{width:100%;min-width:0;min-height:106px;padding:13px;border-radius:14px}.room-code{font-size:20px}.room-trade{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.room-foot{left:12px;right:12px;bottom:9px}.sf-room-check{top:8px;right:8px;width:32px;height:32px;opacity:1;transform:none}.sf-room-wrap:not(.selection-mode) .sf-room-check{opacity:0;pointer-events:none}.sf-room-wrap.selection-mode>.room{padding-right:42px}.sf-selection-bar{position:sticky;bottom:calc(var(--sf-mobile-nav-height) + 8px);z-index:20;width:100%;align-items:stretch;flex-direction:column;gap:10px;padding:12px;border-radius:14px;box-shadow:0 18px 50px #0000007a}.sf-selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sf-selection-actions .btn{min-width:0;width:100%;padding-inline:9px;font-size:11px}.list-item{min-width:0;flex-wrap:wrap;align-items:center;gap:10px}.list-main{min-width:0;flex:1 1 180px}.list-title,.list-meta{overflow-wrap:anywhere}.list-side{margin-left:auto}.list-item>.btn{flex:0 0 auto}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table{min-width:690px}.tabs{max-width:calc(100% + 32px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-pad{height:220px}.sf-client-grid,.sf-permission-grid,.sf-risk-grid,.sf-ai-risk-grid{grid-template-columns:minmax(0,1fr)!important}.sf-client-item{grid-template-columns:auto minmax(0,1fr);min-height:0}.sf-client-side{grid-column:1 / -1;width:100%;flex-direction:row;align-items:center;justify-content:flex-end}.sf-client-side .btn{margin:0 0 0 auto}.sf-access-heading,.sf-member-header,.sf-ai-intro{align-items:flex-start}.sf-member-header{flex-wrap:wrap}.sf-member-header .badge{margin-left:0}.sf-created-link>div,.sf-custom-job-row{grid-template-columns:minmax(0,1fr);flex-direction:column}.sf-created-link .btn,.sf-form-actions .btn{width:100%}.sf-job-library{max-height:min(46dvh,420px);padding:10px}.sf-job-category{padding:11px}.sf-job-chip-grid{gap:6px}.sf-scope-chip.sf-job-chip span{min-height:38px;padding:8px 9px}.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:80;min-height:var(--sf-mobile-nav-height);padding:6px max(5px,var(--sf-safe-right)) calc(6px + var(--sf-safe-bottom)) max(5px,var(--sf-safe-left));background:#070f1aeb;backdrop-filter:blur(20px) saturate(1.16);border-top:1px solid rgba(137,169,208,.16);box-shadow:0 -14px 42px #00000047}.mobile-nav{min-width:0;min-height:50px;padding:5px 2px;gap:3px;border-radius:11px;color:#788ca5;font-size:9px;font-weight:720}.mobile-nav span:first-child{display:grid;place-items:center;min-height:22px;font-size:18px;line-height:1}.mobile-nav span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav.active{color:var(--brand);background:#57e6cb0e}.modal-backdrop{position:fixed;inset:0;z-index:120;width:100%;height:100dvh;height:var(--sf-visual-height);padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.modal,.modal.large,.sf-ai-modal,.sf-ai-modal.report-mode{width:100%;max-width:none;height:100dvh;height:var(--sf-visual-height);max-height:none;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:0;border-radius:0;overflow:hidden}.modal-head{min-height:calc(66px + var(--sf-safe-top));padding:calc(12px + var(--sf-safe-top)) max(14px,var(--sf-safe-right)) 12px max(14px,var(--sf-safe-left));align-items:center}.modal-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.modal-body{min-height:0;padding:16px max(14px,var(--sf-safe-right)) 26px max(14px,var(--sf-safe-left));overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-foot{min-height:calc(68px + var(--sf-safe-bottom));padding:10px max(14px,var(--sf-safe-right)) calc(10px + var(--sf-safe-bottom)) max(14px,var(--sf-safe-left));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal-foot .btn{width:100%}.sf-ai-report-hero{grid-template-columns:minmax(0,1fr);padding:17px}.sf-ai-score{width:100%;height:88px;border-radius:15px}.sf-ai-report-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sf-ai-report-toolbar .btn{width:100%}.sf-ai-dashboard-card{grid-template-columns:auto minmax(0,1fr);padding:16px}.sf-ai-dashboard-card>.btn{grid-column:1 / -1;width:100%}.toast{left:max(12px,var(--sf-safe-left));right:max(12px,var(--sf-safe-right));bottom:calc(var(--sf-mobile-nav-height) + 12px);min-width:0;max-width:none}.offline-banner{left:max(12px,var(--sf-safe-left));right:max(12px,var(--sf-safe-right));bottom:calc(var(--sf-mobile-nav-height) + 10px);transform:none;width:auto;text-align:center;border-radius:13px}.auth-shell,.auth-panel{min-height:100dvh;min-height:var(--sf-visual-height)}.auth-panel{place-items:center;padding:calc(18px + var(--sf-safe-top)) max(14px,var(--sf-safe-right)) calc(20px + var(--sf-safe-bottom)) max(14px,var(--sf-safe-left))}.auth-card{width:100%;max-width:480px;padding:20px;border-radius:18px}.sf-language-floating{top:calc(10px + var(--sf-safe-top));right:max(10px,var(--sf-safe-right))}}@media(max-width:480px){.breadcrumb{display:none}.page-title{max-width:42vw}.top-actions{gap:5px}.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:16px}.hero h1,.sf-section-hero h1,.sf-ai-report-hero h2{font-size:27px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room{min-height:102px;padding:12px}.room-code{font-size:19px}.sf-selection-actions{grid-template-columns:minmax(0,1fr)}.sf-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-ai-report-toolbar{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.top-actions .sync-pill{display:none}.grid.kpis,.room-grid{grid-template-columns:minmax(0,1fr)}.mobile-nav{font-size:8px}}@media(display-mode:standalone)and (max-width:900px){body{user-select:none}input,textarea,select,[contenteditable=true]{user-select:text}.topbar{background:#050b14f0}}@media(hover:none)and (pointer:coarse){.btn:hover,.room:hover,.nav-item:hover,.sf-client-item:hover{transform:none}.btn:active,.room:active,.nav-item:active,.mobile-nav:active{transform:scale(.985)}}