/* Shared browser components: normal specificity, no important bridge. */
@layer sc-components{.sc-browser-ui.workspace-preview:not(.embedded-messenger-preview){--product-font:var(--sc-font-family);font-family:var(--sc-font-family);font-size:var(--sc-text-body);color:var(--sc-text);background:var(--sc-bg)}
.sc-browser-ui.workspace-preview :is(.wt-app,.wc-app,.account-page,.auth-layout){font-family:var(--sc-font-family)}
.sc-browser-ui.workspace-preview :is(button,input,select,textarea){font-family:var(--sc-font-family)}
.sc-browser-ui.workspace-preview :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--sc-brand-600);outline-offset:2px;box-shadow:var(--sc-focus-ring)}
.sc-browser-ui.workspace-preview .main :is(h1,.page-title){font-size:var(--sc-text-3xl);line-height:var(--sc-leading-tight);font-weight:var(--sc-weight-bold)}
.sc-browser-ui.workspace-preview :is(.card-meta,.wt-muted,.wc-muted,.wt-list-caption,.wt-row-bottom,.wt-number,.wt-field-note,.account-hint){font-size:var(--sc-text-xs);line-height:var(--sc-leading-normal);color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview :is(.wt-eyebrow,.wc-eyebrow,.auth-eyebrow){font-size:var(--sc-text-2xs);color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview :is(.btn,.sc-btn,.wt-app button,.wc-app button,.account-card button,.account-upload){min-height:var(--sc-control-default);height:auto;padding:var(--sc-space-1) var(--sc-space-3);border-radius:var(--sc-radius-md);font-size:var(--sc-text-sm);line-height:var(--sc-leading-normal)}
.sc-browser-ui.workspace-preview :is(.btn-primary,.sc-btn--primary,.wt-primary,.wc-primary,#account-save:not(:disabled)){background:var(--sc-brand-600);border-color:var(--sc-brand-600);color:var(--sc-white);font-weight:var(--sc-weight-semibold);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview :is(.btn-primary,.sc-btn--primary,.wt-primary,.wc-primary,#account-save):not(:disabled):hover{background:var(--sc-brand-700);border-color:var(--sc-brand-700)}
.sc-browser-ui.workspace-preview :is(.btn-outline,.sc-btn--secondary){background:var(--sc-surface);border:1px solid var(--sc-gray-300);color:var(--sc-gray-700)}
.sc-browser-ui.workspace-preview :is(.btn-danger,.wt-danger,.wc-danger,.sc-btn--danger){background:var(--sc-danger-bg);color:var(--sc-danger);border:1px solid var(--sc-danger)}
.sc-browser-ui.workspace-preview .main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){min-height:var(--sc-control-default);border-radius:var(--sc-radius-md);font-size:var(--sc-text-sm);color:var(--sc-text);border-color:var(--sc-gray-300)}
.sc-browser-ui.workspace-preview .main :is(.wt-field,.wc-field){font-size:var(--sc-text-xs);color:var(--sc-gray-700);gap:var(--sc-space-1)}
.sc-browser-ui.workspace-preview .main :is(.page-header,.wt-page-head,.wc-page-head){margin-bottom:var(--sc-space-3);gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .btn-logout{background:transparent;border-color:transparent;box-shadow:none;justify-content:flex-start;min-height:var(--sc-control-md);color:var(--sc-white)}
.sc-browser-ui.workspace-preview .nav-link{font-size:var(--sc-text-sm);line-height:var(--sc-leading-normal)}
.sc-browser-ui.workspace-preview .account-upload{display:inline-flex;align-items:center;width:max-content}
.sc-browser-ui.workspace-preview #account-save:disabled{background:var(--sc-gray-100);border:1px solid var(--sc-border);color:var(--sc-gray-600)}
.sc-browser-ui.workspace-preview .account-details{border-top:0}
.sc-browser-ui.workspace-preview .projects-status-tabs .btn{background:transparent;color:var(--sc-text-muted);border-color:transparent;box-shadow:none}
.sc-browser-ui.workspace-preview .projects-status-tabs .btn[aria-current=page]{background:var(--sc-brand-100);color:var(--sc-brand-700);border-color:var(--sc-border)}
.sc-browser-ui.workspace-preview .wt-summary button{background:var(--sc-surface);font-size:var(--sc-text-xs);border-color:var(--sc-border)}
.sc-browser-ui.workspace-preview .wt-summary strong{font-size:var(--sc-text-lg)}
.sc-browser-ui.workspace-preview :is(.wt-views,.wt-tabs) button{border-color:transparent;background:transparent;color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview :is(.wt-views,.wt-tabs) button[aria-pressed=true]{background:var(--sc-surface);border-color:var(--sc-border);color:var(--sc-brand-700);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview .wt-shell{border-radius:var(--sc-radius-lg);border-color:var(--sc-border);box-shadow:var(--sc-shadow-1);background:var(--sc-surface)}
.sc-browser-ui.workspace-preview .wt-list-panel{background:var(--sc-gray-50)}
.sc-browser-ui.workspace-preview .wt-task-row{padding:var(--sc-space-2) var(--sc-space-3);gap:var(--sc-space-1);margin-bottom:var(--sc-space-1);min-height:var(--sc-row-h)}
.sc-browser-ui.workspace-preview .wt-task-row strong{font-size:var(--sc-text-sm)}
.sc-browser-ui.workspace-preview .wt-task-actions .wt-danger{margin-left:auto}
.sc-browser-ui.workspace-preview .wt-detail-body{gap:var(--sc-space-3);padding:var(--sc-space-4)}
.sc-browser-ui.workspace-preview :is(.wt-dialog:not(.wt-choice-dialog),.wc-event-dialog)[open]{position:fixed;inset:0 0 0 auto;width:min(var(--sc-drawer-width),100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--sc-border);border-radius:0;box-shadow:var(--sc-shadow-3);overflow:hidden}
.sc-browser-ui.workspace-preview :is(.wt-dialog:not(.wt-choice-dialog),.wc-event-dialog)[open]>form{height:100%;display:flex;flex-direction:column}
.sc-browser-ui.workspace-preview :is(.wt-dialog-head,.wt-dialog-foot,.wc-dialog-head,.wc-dialog-foot){flex:none;padding:var(--sc-space-3) var(--sc-space-4);background:var(--sc-surface);border-color:var(--sc-border);gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview :is(.wt-dialog-body,.wc-dialog-body){flex:1;padding:var(--sc-space-4);gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview :is(.wt-dialog,.wc-event-dialog) h2{font-size:var(--sc-text-xl)}
.sc-browser-ui.workspace-preview :is(.wt-dialog-foot,.wc-dialog-foot){justify-content:flex-end}
@media(min-width:769px){.sc-browser-ui.workspace-preview .main :is(table th,table td){font-size:var(--sc-text-sm);padding:var(--sc-space-2) var(--sc-space-3);line-height:var(--sc-leading-normal)}
.sc-browser-ui.workspace-preview .wt-tabs button{min-height:var(--sc-control-md);font-size:var(--sc-text-xs);padding:var(--sc-space-1) var(--sc-space-2)}}
@media(max-width:768px){.sc-browser-ui.workspace-preview :is(.wt-icon-button,.wc-icon-button,.wc-color-choice,.wt-checklist-add button,.wt-person-chip button){min-width:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .nav-link{font-size:var(--sc-text-md)}
.sc-browser-ui.workspace-preview .main :is(h1,.page-title){font-size:var(--sc-text-2xl)}
.sc-browser-ui.workspace-preview :is(.btn,.wt-app button,.wc-app button,.account-upload,.account-card button){min-height:var(--sc-touch-min);font-size:var(--sc-text-md)}
.sc-browser-ui.workspace-preview .main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:var(--sc-text-lg);min-height:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview :is(.wt-eyebrow,.wc-eyebrow){font-size:var(--sc-text-2xs)}
.sc-browser-ui.workspace-preview :is(.wt-dialog:not(.wt-choice-dialog),.wc-event-dialog)[open]{width:100vw;border-left:0}
.sc-browser-ui.workspace-preview :is(.wt-dialog-foot,.wc-dialog-foot){padding-bottom:max(var(--sc-space-3),env(safe-area-inset-bottom))}
.sc-browser-ui.workspace-preview .wt-tabs button{flex:1 1 auto;font-size:var(--sc-text-xs);padding:var(--sc-space-1) var(--sc-space-2)}
.sc-browser-ui.workspace-preview .wt-app .wt-search input{font-size:var(--sc-text-lg)}
.sc-browser-ui.workspace-preview .wt-summary button{flex:1 1 auto;font-size:var(--sc-text-xs)}}
.sc-browser-ui.workspace-preview.auth-screen{font-family:var(--sc-font-family)}
.sc-browser-ui.workspace-preview.auth-screen .auth-card{padding:var(--sc-space-6);border-radius:var(--sc-radius-lg);border-color:var(--sc-border);box-shadow:var(--sc-shadow-2)}
.sc-browser-ui.workspace-preview.auth-screen .auth-card .btn{width:100%;min-height:var(--sc-touch-min);font-size:var(--sc-text-md);justify-content:center}
.sc-browser-ui.workspace-preview.auth-screen .auth-card .form-control{min-height:var(--sc-touch-min);font-size:var(--sc-text-lg)}
.sc-browser-ui.workspace-preview.auth-screen .auth-stack{gap:var(--sc-space-4)}
.sc-browser-ui.workspace-preview.auth-screen .auth-field label{font-size:var(--sc-text-xs);color:var(--sc-gray-700)}
@media(prefers-reduced-motion:reduce){.sc-browser-ui.workspace-preview *{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}}
.sc-browser-ui.workspace-preview:not(.embedded-messenger-preview){--auth-font:var(--sc-font-family);--studio-ink:var(--sc-text);--studio-muted:var(--sc-text-muted);--studio-line:var(--sc-border);--studio-canvas:var(--sc-bg);--studio-accent:var(--sc-brand-600);--studio-accent-hover:var(--sc-brand-700);--wt-ink:var(--sc-text);--wt-muted:var(--sc-text-muted);--wt-line:var(--sc-border);--wt-green:var(--sc-brand-600);--wt-wash:var(--sc-gray-50);--wc-ink:var(--sc-text);--wc-muted:var(--sc-text-muted);--wc-line:var(--sc-border);--wc-green:var(--sc-brand-600)}
.sc-browser-ui.workspace-preview .main :is(h1,.page-title){letter-spacing:-.025em}
.sc-browser-ui.workspace-preview .main :is(h2,h3){line-height:var(--sc-leading-tight)}
.sc-browser-ui.workspace-preview :is(.wt-eyebrow,.wc-eyebrow,.auth-eyebrow){letter-spacing:.06em}
.sc-browser-ui.workspace-preview :is(table,.wt-summary,.wc-period-title,.account-details,time){font-variant-numeric:tabular-nums}
.sc-browser-ui.workspace-preview :is(.btn,.sc-btn,.wt-app button,.wc-app button,.account-card button,.account-upload){gap:var(--sc-space-2);box-sizing:border-box;transition:background-color var(--sc-motion-fast),border-color var(--sc-motion-fast),box-shadow var(--sc-motion-fast)}
.sc-browser-ui.workspace-preview :is(button,.btn):disabled{cursor:not-allowed}
.sc-browser-ui.workspace-preview .account-page{max-width:var(--sc-profile-width);margin:var(--sc-space-4) 0}
.sc-browser-ui.workspace-preview .account-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sc-space-6);padding:var(--sc-space-5);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-1);border-color:var(--sc-border)}
.sc-browser-ui.workspace-preview .account-photo-row{align-items:center;gap:var(--sc-space-4)}
.sc-browser-ui.workspace-preview .account-upload{max-width:100%;font-weight:var(--sc-weight-semibold);cursor:pointer}
.sc-browser-ui.workspace-preview .account-upload svg{flex:none}
.sc-browser-ui.workspace-preview #account-save:disabled{opacity:1}
.sc-browser-ui.workspace-preview .account-details{border-left:1px solid var(--sc-border);padding:var(--sc-space-1) 0 var(--sc-space-1) var(--sc-space-6);margin:0;align-content:center;gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .account-details>div{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);font-size:var(--sc-text-sm)}
.sc-browser-ui.workspace-preview #account-feedback{margin:var(--sc-space-2) 0 0}
.sc-browser-ui.workspace-preview .account-details dt{color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview .account-details dd{font-weight:var(--sc-weight-semibold);color:var(--sc-text)}
.sc-browser-ui.workspace-preview .wt-workspace-tools{align-items:center;gap:var(--sc-space-3);margin-bottom:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .wt-summary{gap:var(--sc-space-2);margin:0}
.sc-browser-ui.workspace-preview .wt-views{background:var(--sc-gray-100);padding:var(--sc-space-1);border-radius:var(--sc-radius-md)}
.sc-browser-ui.workspace-preview .wt-tabs{padding:var(--sc-space-2);gap:var(--sc-space-1)}
.sc-browser-ui.workspace-preview .wt-filters{padding:var(--sc-space-2);gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .wt-row-bottom{gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .wt-task-actions{display:flex;gap:var(--sc-space-2);flex-wrap:wrap;padding-bottom:var(--sc-space-3);border-bottom:1px solid var(--sc-border)}
.sc-browser-ui.workspace-preview :is(.wt-dialog:not(.wt-choice-dialog),.wc-event-dialog)[open]>form{min-height:0}
.sc-browser-ui.workspace-preview :is(.wt-dialog-body,.wc-dialog-body){min-height:0;overflow:auto;overscroll-behavior:contain}
.sc-browser-ui.workspace-preview :is(.wt-dialog-foot,.wc-dialog-foot){border-top:1px solid var(--sc-border)}
.sc-browser-ui.workspace-preview input[type=file]::file-selector-button{font:var(--sc-weight-semibold) var(--sc-text-xs)/var(--sc-leading-normal) var(--sc-font-family);padding:var(--sc-space-2) var(--sc-space-3);border:1px solid var(--sc-gray-300);border-radius:var(--sc-radius-md);background:var(--sc-surface);color:var(--sc-gray-700);cursor:pointer}
@media(min-width:769px){.sc-browser-ui.workspace-preview .main .wt-shell{height:calc(100dvh - 200px);min-height:480px}}
@media(max-width:768px){.sc-browser-ui.workspace-preview .account-card{grid-template-columns:minmax(0,1fr);gap:var(--sc-space-4);padding:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .account-details{border-left:0;border-top:1px solid var(--sc-border);padding:var(--sc-space-4) 0 0}
.sc-browser-ui.workspace-preview .account-photo-row{gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .account-page{margin:var(--sc-space-2) 0}
.sc-browser-ui.workspace-preview .wt-tabs{flex-wrap:wrap;gap:var(--sc-space-1)}
.sc-browser-ui.workspace-preview .wt-workspace-tools{gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .wt-summary{gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .wt-summary button{min-width:0}}
.sc-browser-ui.workspace-preview.auth-screen{--sc-text-body:var(--sc-text-md)}
.sc-browser-ui.workspace-preview.auth-screen .auth-layout{max-width:var(--sc-auth-width);margin:var(--sc-space-8) auto}
@media(max-width:768px){.sc-browser-ui.workspace-preview.auth-screen .auth-layout{margin:var(--sc-space-4) auto}
.sc-browser-ui.workspace-preview.auth-screen .auth-stack{gap:var(--sc-space-3)}}
@media(max-width:768px){.sc-browser-ui.workspace-preview.auth-screen .auth-card{padding:var(--sc-space-4)}}
.sc-browser-ui.workspace-preview :is(.wt-dialog-body,.wc-dialog-body){align-content:start;grid-auto-rows:min-content}
.sc-browser-ui.workspace-preview .sc-nav-group{display:flex;flex-direction:column;gap:var(--sc-space-1);min-width:0}
.sc-browser-ui.workspace-preview .sc-nav-label{font:var(--sc-weight-semibold) var(--sc-text-2xs)/var(--sc-leading-normal) var(--sc-font-family);letter-spacing:.05em;color:var(--sc-gray-300);padding:var(--sc-space-3) var(--sc-space-3) var(--sc-space-1)}
.sc-browser-ui.workspace-preview .sc-nav-group:first-child .sc-nav-label{padding-top:var(--sc-space-1)}
.sc-browser-ui.workspace-preview .sc-nav-group+.sc-nav-group{margin-top:var(--sc-space-2)}
.sc-browser-ui.workspace-preview :is(.users-page-toolbar,.report-page-header,.report-page-actions,.btn-row){gap:var(--sc-space-2);align-items:center;flex-wrap:wrap}
.sc-browser-ui.workspace-preview :is(.users-page-actions,.users-page-title-wrap){gap:var(--sc-space-2);align-items:center;flex-wrap:wrap}
.sc-browser-ui.workspace-preview :is(.users-filter-label,.form-group>label){font-size:var(--sc-text-xs);font-weight:var(--sc-weight-medium);color:var(--sc-gray-700)}
.sc-browser-ui.workspace-preview :is(.users-table-wrap,.table-wrap){border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);box-shadow:none;overflow:auto;overscroll-behavior-x:contain}
.sc-browser-ui.workspace-preview :is(.users-table,.report-table) th{background:var(--sc-gray-100);color:var(--sc-gray-700);font-weight:var(--sc-weight-semibold)}
.sc-browser-ui.workspace-preview :is(.users-table,.report-table) td{border-color:var(--sc-border)}
.sc-browser-ui.workspace-preview :is(.users-table,.report-table) tbody tr:hover{background:var(--sc-brand-50)}
.sc-browser-ui.workspace-preview .sc-user-edit .form{max-width:none}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section{align-content:start}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section-title{grid-column:1/-1;margin:0 0 var(--sc-space-1);font-size:var(--sc-text-md)}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section .form-group{margin:0;min-width:0}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section .card-meta{margin:var(--sc-space-1) 0 0}
.sc-browser-ui.workspace-preview :is(.report-section-head,.report-card-head){gap:var(--sc-space-2);margin-bottom:var(--sc-space-2)}
.sc-browser-ui.workspace-preview :is(.report-sales-grid,.report-grid,.report-metrics,.report-dashboard){gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview :is(.report-sales-card,.report-card){border-color:var(--sc-border);border-radius:var(--sc-radius-md);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary>.nav-section-items::before{content:none}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .sc-nav-group .nav-link{min-height:var(--sc-control-md);padding:var(--sc-space-1) var(--sc-space-3);border-radius:var(--sc-radius-sm)}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-system{flex-shrink:0}
.sc-browser-ui.workspace-preview :is(.admin-users-page,.ops-support-page) .card{padding:var(--sc-card-pad)}
.sc-browser-ui.workspace-preview.sc-user-edit .main>.card{padding:var(--sc-space-3);border-radius:var(--sc-radius-md);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview.sc-user-edit .user-edit-form{gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section{padding:var(--sc-space-3) 0;margin:0;gap:var(--sc-space-2) var(--sc-space-3)}
.sc-browser-ui.workspace-preview :is(.report-sales-card,.report-card){padding:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .report-section-head h2{font-size:var(--sc-text-lg)}
.sc-browser-ui.workspace-preview :is(.users-filter-label,.users-count,.role-badge){font-size:var(--sc-text-xs)}
@media(min-width:769px){.sc-browser-ui.workspace-preview.sc-user-edit .form-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-browser-ui.workspace-preview .users-table :is(th,td){padding:var(--sc-space-2) var(--sc-space-3)}}
@media(max-width:768px){.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .sc-nav-group .nav-link{min-height:var(--sc-touch-min);padding:var(--sc-space-2) var(--sc-space-3)}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary{flex:1 1 auto}
.sc-browser-ui.workspace-preview.sc-user-edit .form-section{display:grid;grid-template-columns:minmax(0,1fr)}
.sc-browser-ui.workspace-preview .users-page-actions{width:100%}
.sc-browser-ui.workspace-preview .users-filter-label{flex:1 1 140px;min-width:0}
.sc-browser-ui.workspace-preview .users-table .btn{min-height:var(--sc-touch-min)}}
@media(min-width:769px){.sc-browser-ui.workspace-preview.sc-user-edit #user-access{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-browser-ui.workspace-preview.sc-user-edit #user-access #call-creation-permission,.sc-browser-ui.workspace-preview.sc-user-edit #user-access>.card-meta{grid-column:1/-1}}
.sc-browser-ui.workspace-preview .wpp-app :is(button,.wpp-button){min-height:var(--sc-control-default);padding:var(--sc-space-1) var(--sc-space-3);font-size:var(--sc-text-sm);line-height:var(--sc-leading-normal);border-radius:var(--sc-radius-md)}
.sc-browser-ui.workspace-preview .wpp-app :is(.wpp-field,.wpp-muted,.wpp-eyebrow){font-size:var(--sc-text-xs);color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview .wpp-app :is(.wpp-toolbar,.wpp-page-head,.wpp-section-head){gap:var(--sc-space-2);margin-bottom:var(--sc-space-3)}
@media(max-width:768px){.sc-browser-ui.workspace-preview .wpp-app :is(button,.wpp-button){min-height:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .wpp-icon-button{min-width:var(--sc-touch-min)}}
@media(max-width:768px){.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header{display:flex;flex-direction:column;height:100dvh;overflow:hidden}
.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--sc-touch-min) minmax(0,1fr);flex:1;min-height:0;gap:var(--sc-space-2);align-items:center}
.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu{grid-column:1/-1;display:flex;flex-direction:column;align-self:stretch;min-height:0;overflow:hidden}
.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu .nav-section-primary{flex:1 1 auto;min-height:0;overflow:auto}
.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu .nav-section-system{flex:none}
.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header .mobile-impersonation-bar{flex:none}}}
@layer sc-components{
.sc-browser-ui.workspace-preview .project-create-collapsible:not([open])>summary{background:var(--sc-brand-600);color:var(--sc-white);border-color:var(--sc-brand-600)}
}
@layer sc-state{
.sc-browser-ui.workspace-preview [hidden]:not([hidden="until-found"]){display:none}
}
/* Ordinary office screens share density; documents, media and embedded chat keep
   their own content geometry. Existing controls and information stay in place. */
@layer sc-components{
.sc-browser-ui.workspace-preview .main :is(.card,.report-sales-card,.report-card):not(:where(.workspace-kp-content *,.workspace-chat *)){padding:var(--sc-card-pad);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview .main :is(.card-header,.card-actions,.form-actions,.report-page-actions,.page-header-actions){gap:var(--sc-space-2);align-items:center;flex-wrap:wrap}
.sc-browser-ui.workspace-preview .main :is(.form-group,.filter-group):not(:where(.workspace-kp-content *)){margin-bottom:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .main :is(.form-group,.filter-group)>label{font-size:var(--sc-text-xs);line-height:var(--sc-leading-normal);color:var(--sc-gray-700)}
.sc-browser-ui.workspace-preview .main :is(.subtitle,.help-text,.form-text,.card-meta):not(:where(.workspace-kp-content *,.workspace-chat *)){font-size:var(--sc-text-xs);line-height:var(--sc-leading-normal);color:var(--sc-text-muted)}
.sc-browser-ui.workspace-preview .main :is(.card h2,.card h3,.section-title,.form-section-title){font-size:var(--sc-text-lg);margin-top:0;margin-bottom:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .main :is(.btn-row,.form-actions,.table-actions){gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .dashboard-grid-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sc-space-3);margin-bottom:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .dashboard-grid-home>a{display:flex;align-items:center;gap:var(--sc-space-2);min-height:var(--sc-touch-min);padding:var(--sc-space-3);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);font-size:var(--sc-text-sm);line-height:var(--sc-leading-normal);box-shadow:var(--sc-shadow-1)}
.sc-browser-ui.workspace-preview .dashboard-grid-home .workspace-tile-icon{width:var(--sc-space-6);height:var(--sc-space-6);border-radius:var(--sc-radius-sm);flex:none}
.sc-browser-ui.workspace-preview .dashboard-grid-home .workspace-tile-icon svg{width:var(--sc-space-4);height:var(--sc-space-4)}
.sc-browser-ui.workspace-preview :is(.report-dashboard,.report-grid,.dashboard-grid,.stats-grid){gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .main :is(table th,table td){vertical-align:middle}
.sc-browser-ui.workspace-preview .main :is(.form-control,input[type=search],select,textarea):not(:where(.workspace-kp-content *)){max-width:100%;box-sizing:border-box}
.sc-browser-ui.workspace-preview .main :is(.stage-card,.production-stage-card,.construction-stage-card){border-color:var(--sc-border);border-radius:var(--sc-radius-md);padding:var(--sc-card-pad);box-shadow:var(--sc-shadow-1)}
@media(min-width:769px){
.sc-browser-ui.workspace-preview .main :is(.card .btn,.table-actions .btn){min-height:var(--sc-control-md);padding:var(--sc-space-1) var(--sc-space-3);font-size:var(--sc-text-sm)}
.sc-browser-ui.workspace-preview .main :is(.page-header,.report-page-header){margin-top:0;margin-bottom:var(--sc-space-3)}
}
@media(max-width:768px){
.sc-browser-ui.workspace-preview .dashboard-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .dashboard-grid-home>a{min-width:0;padding:var(--sc-space-2);font-size:var(--sc-text-sm);overflow-wrap:anywhere}
.sc-browser-ui.workspace-preview .main :is(.form-actions,.page-header-actions,.report-page-actions){flex-wrap:wrap;gap:var(--sc-space-2)}
.sc-browser-ui.workspace-preview .main :is(.card .btn,.table-actions .btn){min-height:var(--sc-touch-min)}
}
}
@layer sc-components{
.sc-browser-ui.workspace-preview.workspace-kp .main,.sc-browser-ui.workspace-preview .workspace-kp-content{background:var(--sc-bg)}
.sc-browser-ui.workspace-preview .workspace-kp-content>.shell{width:100%;padding:0;margin:0}
.sc-browser-ui.workspace-preview .workspace-kp-content .topbar{min-height:var(--sc-control-lg);padding:0 0 var(--sc-space-2);margin-bottom:var(--sc-space-2);gap:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .workspace-kp-content .brand-logo{width:var(--sc-space-10);height:auto}
.sc-browser-ui.workspace-preview .workspace-kp-content .topbar h1{font-size:var(--sc-text-xl);margin:0;line-height:var(--sc-leading-tight)}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel,.preview-col){background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);box-shadow:var(--sc-shadow-1);backdrop-filter:none}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel-scroll,.preview-col){padding:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel-head,.group-head,.caption-actions){gap:var(--sc-space-2);margin-bottom:var(--sc-space-2);flex-wrap:wrap}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel-head h2,.preview-col>h2){font-size:var(--sc-text-lg);line-height:var(--sc-leading-tight);margin:0 0 var(--sc-space-2)}
.sc-browser-ui.workspace-preview .workspace-kp-content .group{margin-top:var(--sc-space-3);padding-top:var(--sc-space-3)}
.sc-browser-ui.workspace-preview .workspace-kp-content .panel-footer{padding:var(--sc-space-3);border-top:1px solid var(--sc-border);background:var(--sc-surface)}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel button,.caption-actions button,.topbar button,.panel-back){min-height:var(--sc-control-default);padding:var(--sc-space-1) var(--sc-space-3);font-family:var(--sc-font-family);font-size:var(--sc-text-sm);line-height:var(--sc-leading-normal);border-radius:var(--sc-radius-md);box-shadow:none}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel input,.panel select){min-height:var(--sc-control-default);font:var(--sc-text-sm)/var(--sc-leading-normal) var(--sc-font-family);border:1px solid var(--sc-gray-300);border-radius:var(--sc-radius-md);background:var(--sc-surface)}
.sc-browser-ui.workspace-preview .workspace-kp-content .project-pick{border:1px solid var(--sc-border);background:var(--sc-surface);border-radius:var(--sc-radius-md);padding:var(--sc-space-2);gap:var(--sc-space-2);box-shadow:none}
.sc-browser-ui.workspace-preview .workspace-kp-content .project-pick.active{background:var(--sc-brand-50);border-color:var(--sc-brand-600)}
.sc-browser-ui.workspace-preview .workspace-kp-content .caption-box{background:var(--sc-gray-50);border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);padding:var(--sc-space-3);font:var(--sc-text-sm)/var(--sc-leading-normal) var(--sc-font-family)}
@media(max-width:768px){
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel button,.caption-actions button,.topbar button,.panel-back){min-height:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .workspace-kp-content :is(.panel input,.panel select){min-height:var(--sc-touch-min);font-size:var(--sc-text-lg)}
}
}
@layer sc-components{@media(max-width:768px){
.sc-browser-ui.workspace-preview :is(.header button,.wmn-bell),.sc-browser-ui.workspace-preview .main button:not(:where(.phone *)){min-height:var(--sc-touch-min);min-width:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .main :is(.private-toggle,.action-btn,.apc-btn,.gallery-remove-btn){min-height:var(--sc-touch-min);min-width:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .password-toggle--infield{height:var(--sc-touch-min);width:var(--sc-touch-min);min-width:var(--sc-touch-min);padding:0;right:0}
.sc-browser-ui.workspace-preview .password-field__input{padding-right:calc(var(--sc-touch-min) + var(--sc-space-2))}
.sc-browser-ui.workspace-preview .wpp-scenario-chart{min-width:calc(var(--wpp-scenario-days)*44px)}
}}
@layer sc-components{
.sc-browser-ui.workspace-preview .auth-modal-card{border:1px solid var(--sc-border);border-radius:var(--sc-radius-md);padding:var(--sc-space-4);box-shadow:var(--sc-shadow-3)}
.sc-browser-ui.workspace-preview .auth-modal-title{font-size:var(--sc-text-xl)}
@media(max-width:768px){
.sc-browser-ui.workspace-preview .auth-modal :is(button,input){min-height:var(--sc-touch-min);font-size:var(--sc-text-lg)}
.sc-browser-ui.workspace-preview .auth-modal-close{min-width:var(--sc-touch-min);width:var(--sc-touch-min);height:var(--sc-touch-min)}
}}
@layer sc-components{@media(min-width:769px){
.sc-browser-ui.workspace-preview .dashboard-grid-home>a{min-height:var(--sc-control-md);padding:var(--sc-space-2) var(--sc-space-3)}
.sc-browser-ui.workspace-preview .dashboard-grid-home .workspace-tile-icon{width:var(--sc-space-5);height:var(--sc-space-5)}
}}

/* Deliberate navigation and interaction overrides; shared appearance stays below legacy screens. */
@layer sc-screens{
.sc-browser-ui.workspace-preview :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--sc-brand-600);outline-offset:2px;box-shadow:var(--sc-focus-ring)}
.sc-browser-ui.workspace-preview .btn-logout{background:transparent;border-color:transparent;box-shadow:none;justify-content:flex-start;min-height:var(--sc-control-md);color:var(--sc-white)}
.sc-browser-ui.workspace-preview .sc-nav-group{display:flex;flex-direction:column;gap:var(--sc-space-1);min-width:0}
.sc-browser-ui.workspace-preview .sc-nav-label{font:var(--sc-weight-semibold) var(--sc-text-2xs)/var(--sc-leading-normal) var(--sc-font-family);letter-spacing:.05em;color:var(--sc-gray-300);padding:var(--sc-space-3) var(--sc-space-3) var(--sc-space-1)}
.sc-browser-ui.workspace-preview .sc-nav-group:first-child .sc-nav-label{padding-top:var(--sc-space-1)}
.sc-browser-ui.workspace-preview .sc-nav-group+.sc-nav-group{margin-top:var(--sc-space-2)}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary>.nav-section-items::before{content:none}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .sc-nav-group .nav-link{min-height:var(--sc-control-md);padding:var(--sc-space-1) var(--sc-space-3);border-radius:var(--sc-radius-sm)}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-system{flex-shrink:0}
@media(max-width:768px){.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .sc-nav-group .nav-link{min-height:var(--sc-touch-min);padding:var(--sc-space-2) var(--sc-space-3)}.sc-browser-ui.workspace-preview:has(.sc-nav-group)>.header .nav-section-primary{flex:1 1 auto}}
@media(max-width:768px){.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--sc-touch-min) minmax(0,1fr);flex:1;min-height:0;gap:var(--sc-space-2);align-items:center}.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu{grid-column:1/-1;display:flex;flex-direction:column;align-self:stretch;min-height:0;overflow:hidden}.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu .nav-section-primary{flex:1 1 auto;min-height:0;overflow:auto}.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open) #nav-menu .nav-section-system{flex:none}.sc-browser-ui.workspace-preview:has(#nav-menu.nav-open)>.header .mobile-impersonation-bar{flex:none}}
.sc-browser-ui.workspace-preview.admin-projects-page .page-header a.btn-outline{background:var(--sc-surface);border:1px solid var(--sc-gray-300);color:var(--sc-gray-700);box-shadow:none}
@media(max-width:768px){
.sc-browser-ui.workspace-preview :is(.btn,.header button,.wmn-bell,.wt-app button,.wc-app button,.account-upload,.account-card button){min-height:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .main button:not(:where(.phone *)){min-height:var(--sc-touch-min);min-width:var(--sc-touch-min)}
.sc-browser-ui.workspace-preview .main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){min-height:var(--sc-touch-min)}
}
}

/* Parity corrections found by the exhaustive computed-style comparison. */
@layer sc-screens{
.sc-browser-ui.workspace-preview .wt-app :is(.wt-views,.wt-tabs) button{border-radius:5px}
.sc-browser-ui.workspace-preview .wpp-app #wpp-sim-submit{border-radius:6px;padding:6px 10px}
.sc-browser-ui.workspace-preview.admin-users-page a[href$="/test-email"]{font-size:12px;padding:6px 10px}
@media(max-width:768px){
.sc-browser-ui.workspace-preview .wpp-app #wpp-sim-submit,.sc-browser-ui.workspace-preview.admin-users-page a[href$="/test-email"]{padding:8px 10px}
}
}