/* Mobile-first comfort layer. */
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.btn,.nav-btn,.company-toggle,.mobile-nav button{min-height:42px;touch-action:manipulation;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.btn:active,.nav-btn:active{transform:scale(.98)}.nav-btn.active{box-shadow:inset 3px 0 var(--accent);animation:nav-reveal .2s ease}.btn:focus-visible,.nav-btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn[disabled]{opacity:.6;cursor:wait}.card,.main,.content,.modal,.form-grid>*{min-width:0}.field{max-width:100%}textarea.field{min-height:90px}.table-wrap{overscroll-behavior:contain;max-width:100%;overflow:auto}.actions{gap:8px;flex-wrap:wrap}.modal{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain}.form-actions{position:sticky;bottom:0;z-index:3;background:var(--paper);padding:12px 0;border-top:1px solid var(--line)}.team-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.team-member-card{padding:14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.workspace-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-theme{border:1px solid var(--line);border-radius:12px;padding:12px}.workspace-theme.selected{outline:2px solid var(--accent)}.workspace-theme-preview{height:120px;display:grid;grid-template-columns:25% 1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--theme-bg);color:var(--theme-ink)}.workspace-theme-preview aside{background:var(--theme-side)}.workspace-theme-preview section{padding:10px}.workspace-theme-preview b{font-size:12px}.workspace-theme-preview span{display:inline-block;width:40%;height:24px;margin:12px 4% 0 0;background:var(--theme-paper);border:1px solid var(--theme-accent);border-radius:4px}.workspace-theme-preview i{display:block;height:10px;margin-top:10px;background:var(--theme-accent);border-radius:3px}.public-lead{max-width:650px;margin:28px auto;padding:24px}.public-lead label{display:block;margin:14px 0}.seo-page{max-width:1040px;margin:auto;padding:24px}.seo-page nav{padding:16px 0;line-height:2}.seo-page h1{font-size:clamp(24px,5vw,42px)}.seo-page li{margin:10px 0}.annual-price{font-size:24px;font-weight:700}.topbar .top-actions{flex-wrap:wrap}#updatesAvailable{font-size:12px}.content p,.content td{overflow-wrap:anywhere}body[data-workspace-theme=graphite] .field,body[data-workspace-theme=graphite] select,body[data-workspace-theme=graphite] textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}body[data-workspace-theme=graphite] .content .table-wrap th,body[data-workspace-theme=graphite] .table-wrap,body[data-workspace-theme=graphite] .notice,body[data-workspace-theme=graphite] .notice.warn,body[data-workspace-theme=graphite] .team-member-card,body[data-workspace-theme=graphite] .soft{background:#29363f;color:#f4efe9}body[data-workspace-theme=graphite] .alt{color:var(--ink)}body[data-workspace-theme=graphite] .doc-sheet,body[data-workspace-theme=graphite] .invoice-sheet{color:#182b44;background:#fff}body[data-workspace-theme=graphite] .sidebar{background:#171d21!important}body[data-workspace-theme] .sidebar{background:var(--navy)}body[data-workspace-theme] .company-menu{background:var(--paper);color:var(--ink)}@keyframes nav-reveal{from{opacity:.75}to{opacity:1}}
@media(max-width:900px){.workspace-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:auto;min-height:64px;align-items:flex-start;gap:10px}.topbar .actions{justify-content:flex-end}.grid3,.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}
@media(max-width:650px){:root{--ui-size:16px}.content{padding:12px 10px 92px}.topbar{padding:10px;position:relative;flex-wrap:wrap}.topbar .actions{width:100%;justify-content:flex-start}.topbar .btn{font-size:12px;min-height:40px}.page-heading{flex-wrap:wrap}.form-grid{grid-template-columns:1fr!important;gap:12px}.form-grid .full{grid-column:1}.field,input,select,textarea{font-size:16px!important;min-height:44px}.btn{min-height:44px;white-space:normal}.overlay{padding:8px;align-items:flex-start}.modal{width:100%!important;max-width:100%;max-height:calc(100dvh - 16px);margin:0;border-radius:12px;padding:16px}.modal h2{font-size:20px}.form-actions{bottom:-16px;margin-bottom:-16px;padding:12px 0 16px}.form-actions .btn{flex:1}.workspace-theme-grid{gap:8px}.workspace-theme{padding:8px}.workspace-theme h4{font-size:14px}.workspace-theme .btn{width:100%}.workspace-theme-preview{height:100px}.workspace-theme-preview b{font-size:10px}.permission-grid{grid-template-columns:1fr!important}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:60px}.mobile-nav button{min-height:52px;flex:1;font-size:11px;padding:6px 3px}.table-wrap:focus-visible{outline:2px solid var(--accent)}.table-wrap table{font-size:13px}.table-wrap th,.table-wrap td{padding:10px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.kpi{padding:12px}.kpi strong{font-size:20px}.public-lead{margin:10px;padding:18px}.seo-page{padding:12px}.card{padding:14px}}
@media(max-width:360px){.workspace-theme-grid{grid-template-columns:1fr}.topbar .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-workspace-theme=rainbow] .sidebar{background:linear-gradient(165deg,#193c61,#542c73,#164b50)}.workspace-theme:first-child .workspace-theme-preview aside{background:linear-gradient(160deg,#2368a6,#8b46b0,#168b80)}
.drive-main{max-width:1040px;margin:24px auto;padding:0 18px 32px;font-size:16px}.drive-main dl{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:10px 18px}.drive-main dd{margin:0;overflow-wrap:anywhere}.drive-main label{display:block;line-height:1.65}.drive-main .drive-actions{display:flex;flex-wrap:wrap;margin:18px 0}.drive-main input[type=checkbox]{width:20px;height:20px;vertical-align:middle}@media(max-width:650px){.drive-main{margin:12px auto;padding:0 10px 30px}.drive-main h1{font-size:26px}.drive-main dl{grid-template-columns:1fr;gap:4px}.drive-main dd{margin-bottom:12px}.drive-main .drive-actions .btn{flex:1 1 45%}}
