.mobile-surface{min-width:0;max-width:100%;padding-bottom:20px}.mobile-surface-header{max-width:1200px;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px;border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.mobile-surface-header a{min-height:44px;color:var(--gold-text);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.mobile-surface-header>span{letter-spacing:.18em;color:var(--muted-foreground);font-size:10px}.mobile-content{min-width:0;max-width:100%}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 22px;display:flex}.workspace-heading h1{letter-spacing:-.025em;margin:0 0 8px;font-size:28px;line-height:1.2}.workspace-heading p{color:var(--muted-foreground);max-width:65ch;margin:0;font-size:14px;line-height:1.5}.workspace-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:18px 0;display:grid}.workspace-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.workspace-actions>button,.workspace-actions>a{min-height:44px}.workspace-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-section-title h2{margin:0}.workspace-primary{font-weight:650;background:var(--primary,#c5a46a)!important;color:var(--primary-foreground,#171a17)!important}.workspace-summary{border:1px solid var(--border);background:linear-gradient(125deg,#333024,#1d241d);border-radius:20px;gap:8px;margin:20px 0;padding:20px;display:grid}.workspace-summary>span{color:var(--muted-foreground);font-size:13px}.workspace-summary>strong{overflow-wrap:anywhere;font-size:32px;line-height:1.2}.workspace-record{border-bottom:1px solid var(--border);padding:16px 0}.workspace-record:last-child{border-bottom:0}.workspace-record>strong{font-size:18px}.workspace-record p{color:var(--muted-foreground);line-height:1.5}.workspace-form-toggle>summary{cursor:pointer;min-height:48px;font-weight:600}.workspace-form-toggle[open]>summary{margin-bottom:16px}.workspace-hint{color:var(--muted-foreground);font-size:13px;line-height:1.5}@media (max-width:760px){.mobile-content :is(.payroll-shell,.position-workspace,.settings-shell,.settings-content,.booking-shell,.spa-workspace,.warehouse,.crm-shell,.app-shell){width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;padding:18px 16px 24px}.mobile-content .document-pwa{width:100%;min-height:0;padding:18px 16px 24px}.mobile-content h1{overflow-wrap:anywhere;font-size:26px;line-height:1.2}.mobile-content h2{font-size:20px;line-height:1.3}.mobile-content h3{font-size:17px;line-height:1.35}.mobile-content :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}.mobile-content :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=color]),select){min-height:44px}.mobile-content :is(button,a.wh-button){white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.mobile-content label{min-width:0;line-height:1.45}.mobile-content fieldset{min-width:0;max-width:100%}.mobile-content :is(.payroll-card,.wh-card,.spa-card){border-radius:18px;padding:16px}.mobile-content :is(.employee-form,.rko-grid,.wh-grid,.workspace-filters){grid-template-columns:minmax(0,1fr);gap:14px}.mobile-content :is(.wh-filters,.wh-actions){gap:8px}.mobile-content .wh-filters>label{flex:145px;min-width:0}.mobile-content :is(.wh-actions,.workspace-actions)>button{flex:140px}.mobile-content .warehouse nav{flex-wrap:nowrap;align-items:stretch;padding-bottom:6px;overflow-x:auto}.mobile-content .warehouse nav>button{white-space:nowrap;flex:none}.mobile-content :is(.wh-dialog,.document-view-dialog){max-height:calc(100dvh - env(safe-area-inset-top,0px));overscroll-behavior:contain;padding:8px}.mobile-content .wh-dialog>section{border-radius:20px;padding:16px}.mobile-content .spa-workspace.spa-manager{width:100%;max-width:100%;margin:0;padding:18px 16px 24px}.mobile-content .spa-workspace .spa-card fieldset{border:0;gap:14px;padding:0;display:grid}.mobile-content .spa-workspace .spa-card label{gap:6px;display:grid}.mobile-content .spa-workspace .spa-card label:has(input[type=checkbox]){align-items:center;display:flex}.mobile-content .spa-workspace .spa-card :is(input:not([type=checkbox],[type=radio]),select,textarea){width:100%}.mobile-content .employee-heading{flex-wrap:wrap}.mobile-content .employee-heading>div{flex-basis:100%}.mobile-content .workspace-heading{gap:12px;margin-bottom:20px}.mobile-content .workspace-heading h1{font-size:26px}.mobile-content .workspace-summary>strong{font-size:30px}.mobile-content .workspace-form-toggle{border:1px solid var(--border);background:var(--card);border-radius:18px;margin:14px 0;padding:16px}.mobile-content .workspace-form-toggle>summary{min-height:32px;padding:0}.mobile-content .invoice-workspace{gap:14px}.mobile-content .invoice-workspace>h2{margin:8px 0}.mobile-content .invoice-workspace>.workspace-form-toggle{margin:0;padding:12px 16px}.mobile-content .mobile-card-table [hidden]{display:none!important}.mobile-content .mobile-card-table{table-layout:auto;border:0;max-width:100%;width:100%!important;min-width:0!important;display:block!important}.mobile-content .mobile-card-table>thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-content .mobile-card-table>tbody{gap:12px;width:100%;display:grid}.mobile-content .mobile-card-table>tbody>tr{border:1px solid var(--border);background:var(--card);border-radius:16px;grid-template-columns:minmax(0,1fr);min-width:0;padding:12px 14px;display:grid}.mobile-content .mobile-card-table>tbody>tr>:is(td,th){overflow-wrap:anywhere;border:0;max-width:100%;padding:8px 0;font-size:14px;display:block;text-align:left!important;white-space:normal!important;width:auto!important;min-width:0!important}.mobile-content .mobile-card-table>tbody>tr>:is(td,th):before{content:attr(data-mobile-label);color:var(--muted-foreground);margin-bottom:4px;font-size:12px;font-weight:400;line-height:1.4;display:block}.mobile-content .mobile-card-table :is(input:not([type=checkbox],[type=radio]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important}.mobile-content .mobile-card-table td>button{margin:4px 6px 4px 0}.mobile-content table.mobile-card-table.gg-table-collapsed{display:none!important}}@media print{.mobile-surface-header,.collab-widget{display:none!important}.mobile-surface{padding:0}.mobile-content{display:contents}}