/* Shared billing-desk surfaces follow all selected workspace themes. */
:is(#customersPage,#customerWorkspacePage,#inventoryPage,#productWorkspacePage,#paymentsPage,#settingsPage){--desk-radius:20px;gap:22px}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage)>.hero-panel{padding:30px;border-radius:var(--desk-radius);background:var(--surface-strong);border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:var(--shadow-sm);gap:24px}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage)>.hero-panel h3{font-size:clamp(1.45rem,2.2vw,2.1rem);letter-spacing:-.035em;line-height:1.2;margin:10px 0;color:var(--text)}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage)>.hero-panel p{max-width:65ch;color:var(--muted);line-height:1.65;font-size:.87rem}
:is(#customersPage,#customerWorkspacePage,#inventoryPage,#productWorkspacePage,#paymentsPage,#settingsPage) .panel-card{border-radius:var(--desk-radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:24px;min-width:0}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage) .panel-head{gap:16px;margin-bottom:20px;align-items:center}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage) .panel-head h4{font-size:1.08rem;letter-spacing:-.02em;color:var(--text)}
:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage) .panel-head p{color:var(--muted);line-height:1.6}
:is(#customersPage,#inventoryPage,#paymentsPage) .toolbar-row{background:var(--surface-alt);padding:14px;border:1px solid var(--line);border-radius:14px;gap:10px;margin-bottom:18px;flex-wrap:wrap}
:is(#customersPage,#inventoryPage,#paymentsPage) .toolbar-row :is(input,select){background:var(--surface-strong);color:var(--text);border:1px solid var(--line-strong);min-height:44px;border-radius:10px}
:is(#customersPage,#inventoryPage,#paymentsPage) .data-table th{background:var(--surface-alt);padding:15px;color:var(--muted);font-size:.68rem;letter-spacing:.055em}
:is(#customersPage,#inventoryPage,#paymentsPage) .data-table td{padding:18px 15px;border-color:var(--line);color:var(--text);vertical-align:middle}
:is(#customersPage,#inventoryPage,#paymentsPage) .data-table tbody tr:hover{background:var(--surface-alt)}
:is(#customersPage,#inventoryPage,#paymentsPage) .table-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
:is(#customersPage,#inventoryPage,#paymentsPage) .pager-row{padding-top:18px;margin-top:12px;border-top:1px solid var(--line);gap:12px;color:var(--muted)}
:is(#customersPage,#inventoryPage,#paymentsPage) .empty-state{padding:32px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--surface-alt);color:var(--muted);line-height:1.6}
#inventoryPage .detail-panel{align-self:start;border-top:3px solid var(--accent)}
#inventoryPage .detail-stat-grid>div,#paymentsPage .metric-card{background:var(--surface-alt);border:1px solid var(--line);border-radius:14px}
#settingsPage .settings-wizard-progress{padding:10px;gap:8px;background:var(--surface-alt);border:1px solid var(--line);border-radius:16px}
#settingsPage .wizard-step{border-radius:12px;min-height:62px}
#settingsPage .wizard-step.active,#paymentsPage .channel-step.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}
#settingsPage .field span{font-weight:700;color:var(--text)}
:is(#settingsPage,#customerWorkspacePage,#productWorkspacePage) .form-grid{gap:20px}
:is(#settingsPage,#customerWorkspacePage,#productWorkspacePage) .field :is(input,textarea,select){background:var(--surface-strong);border-radius:11px;border-color:var(--line-strong);color:var(--text);min-height:44px}
#paymentsPage .channel-wizard-nav{align-self:start;padding:12px;border-radius:18px;border:1px solid var(--line);background:var(--surface-alt)}
#paymentsPage .channel-step{border-radius:12px;padding:14px;min-height:62px}
:is(#customersPage,#customerWorkspacePage,#inventoryPage,#productWorkspacePage,#paymentsPage,#settingsPage) :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){#inventoryPage .split-shell{grid-template-columns:minmax(0,1fr)}:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage)>.hero-panel{flex-direction:column;align-items:flex-start}:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage) .hero-actions{flex-wrap:wrap}}
@media(max-width:600px){:is(#customersPage,#inventoryPage,#paymentsPage,#settingsPage)>.hero-panel{padding:22px}:is(#customersPage,#customerWorkspacePage,#inventoryPage,#productWorkspacePage,#paymentsPage,#settingsPage) .panel-card{padding:16px;border-radius:16px}:is(#customersPage,#inventoryPage,#paymentsPage) .toolbar-row{padding:10px}:is(#customersPage,#inventoryPage,#paymentsPage) .toolbar-row :is(input,select){width:100%;min-width:0}:is(#customersPage,#inventoryPage,#paymentsPage) .table-wrap{overflow-x:auto}:is(#customersPage,#inventoryPage,#paymentsPage) .data-table{min-width:620px}:is(#customersPage,#inventoryPage,#paymentsPage) .pager-row{flex-wrap:wrap}#settingsPage .settings-wizard-progress{display:flex;overflow-x:auto;flex-wrap:nowrap}#settingsPage .wizard-step{flex:0 0 auto}#settingsPage .wizard-step:not(.active) small{display:none}}

/* Settings share one content column; independent forms never nest. */
#settingsPage .settings-panels{min-width:0;width:100%}#settingsPage .settings-panels>.wizard-panel{min-width:0}#settingsPage .logo-preview-stack{display:grid;gap:12px;min-width:0}#settingsPage .logo-settings-actions{min-width:0}#settingsPage .logo-upload-help{margin:0;color:var(--muted);font-size:12px;line-height:1.7}#settingsPage .settings-save-feedback{padding:13px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt);font-size:13px;line-height:1.7;margin:0}#settingsPage .settings-save-feedback[data-tone="error"]{color:var(--danger);border-color:var(--danger)}#settingsPage .settings-save-feedback[data-tone="success"]{color:var(--success)}#settingsPage .settings-upload{padding:15px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-alt)}#settingsPage .settings-upload>div{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px}#settingsPage .settings-upload strong{font-weight:700}#settingsPage .settings-upload>div>span{font-variant-numeric:tabular-nums;color:var(--muted)}#settingsPage .settings-upload progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:20px;overflow:hidden;margin-top:13px;accent-color:var(--accent)}#settingsPage .settings-upload progress::-webkit-progress-bar{background:var(--line);border-radius:20px}#settingsPage .settings-upload progress::-webkit-progress-value{background:var(--accent);border-radius:20px}#settingsPage .settings-upload progress::-moz-progress-bar{background:var(--accent);border-radius:20px}#settingsPage .settings-upload p{font-size:11px;line-height:1.7;margin:10px 0 0;color:var(--muted);overflow-wrap:anywhere}#settingsPage .settings-upload[data-tone="error"]{border-color:var(--danger)}#settingsPage .settings-upload[data-tone="error"] p{color:var(--danger)}#settingsPage #offlineModePanel{min-width:0}#settingsPage #offlineModePanel .panel-head{align-items:flex-start;gap:18px;flex-wrap:wrap}#settingsPage #offlineModePanel .panel-head>div{flex:1;min-width:180px}#settingsPage .offline-state-row{align-items:flex-start;gap:20px}#settingsPage .offline-state-label{flex:1;min-width:0;overflow-wrap:anywhere}#settingsPage .offline-state-label small{line-height:1.8}#settingsPage .offline-approval-badge{white-space:normal;overflow-wrap:anywhere;max-width:45%;line-height:1.6;text-align:center;justify-content:center}#settingsPage .offline-sync-strip{flex-wrap:wrap;gap:15px}#settingsPage .offline-sync-strip>span{min-width:0;overflow-wrap:anywhere}#settingsPage .offline-request-info{min-width:0;overflow-wrap:anywhere}#settingsPage .offline-request-row{align-items:flex-start;flex-wrap:wrap}#settingsPage .offline-request-actions{flex-wrap:wrap}#settingsPage #offlineRequestActions{display:flex;flex-wrap:wrap;gap:12px}#settingsPage #offlineModePanel .checkbox-row{min-height:44px;align-items:center}#settingsPage #offlineModePanel .checkbox-row input{flex:0 0 18px;width:18px;min-height:18px;height:18px}#settingsPage #offlineSyncNowButton{min-height:44px}#settingsPage #offlineAdminPanel{border-top:1px solid var(--line);margin-top:24px;padding-top:6px}
@media(max-width:1050px){#settingsPage .logo-settings-shell{grid-template-columns:minmax(0,1fr)}#settingsPage .logo-preview-card{min-height:150px}}@media(max-width:600px){#settingsPage .offline-state-row{flex-direction:column;gap:14px;padding:16px}#settingsPage .offline-approval-badge{max-width:100%;text-align:left;align-self:flex-start}#settingsPage .offline-sync-strip{align-items:flex-start;flex-direction:column;padding:16px}#settingsPage .offline-request-row{flex-direction:column;padding:16px}#settingsPage .offline-request-actions{width:100%}#settingsPage .offline-request-actions button{flex:1;min-height:44px}#settingsPage #offlineRequestButton{width:100%;white-space:normal;min-height:44px}#settingsPage .settings-upload>div{align-items:flex-start}#settingsPage #offlineModePanel .panel-head>div{min-width:0;flex-basis:100%}}