:root{--traccia-line:#e4e0da;--traccia-bg:#f7f5f2;--argus-traccia:repeating-linear-gradient(115.8deg,transparent 0 22px,var(--traccia-line)22px 24px,transparent 24px 30px,var(--traccia-line)30px 32px,transparent 32px 56px)}html[data-theme=dark]{--traccia-line:#2b3236;--traccia-bg:#181c1f}.account-header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.account-theme-toggle{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.account-theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.auth-page.auth-breccia{background:var(--page);height:100dvh;min-height:0;padding:clamp(16px,4vw,48px);overflow:auto}.auth-page.auth-breccia:before{display:none}.auth-breccia .auth-panel{border-top:1px solid var(--line);flex-shrink:0;padding:0 32px 28px;overflow:hidden}.auth-breccia .auth-panel:before{content:"";background-color:var(--traccia-bg);background-image:var(--argus-traccia);border-bottom:1px solid var(--line);height:28px;margin:0 -32px 28px;display:block}.auth-breccia .argus-brand{aspect-ratio:4.66;width:168px;height:auto}.auth-breccia .auth-top .auth-language{font-size:13px}.auth-breccia .auth-top .auth-language select{min-height:44px;color:var(--ink);background:var(--field)}.auth-breccia .auth-description,.auth-breccia .auth-device-guide p{font-size:14px;line-height:1.65}.auth-breccia .auth-device-guide strong,.auth-breccia .auth-profile strong{font-size:14px}.auth-breccia .auth-form input{min-height:46px;color:var(--ink);background:var(--field)}.auth-breccia .auth-form .mfa-code-field{margin-top:18px}.auth-breccia .auth-form .mfa-code-field input{letter-spacing:.12em;font-size:18px}.auth-breccia .account-back{min-height:44px;color:var(--blue);text-underline-offset:3px;align-items:center;margin-top:12px;font-size:14px;text-decoration:underline;display:inline-flex}.auth-breccia .auth-footer{flex-wrap:wrap;font-size:12px;line-height:1.7}.auth-breccia .auth-forget{min-height:44px;font-size:13px}.settings-page .staff-summary{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand-copper);border-radius:12px;margin-bottom:20px;padding:20px 24px;position:relative}.settings-page .staff-summary>div{gap:6px;max-width:65ch;display:grid}.settings-page .staff-summary span{font-size:14px;line-height:1.6}.settings-page .staff-summary output{font-size:28px}.settings-page .staff-editor-panel{grid-template-columns:240px minmax(0,1fr);gap:24px;padding:24px}.settings-page .staff-directory{gap:16px}.settings-page .staff-directory>h3{border-bottom:1px solid var(--line);padding-bottom:14px}.settings-page .staff-directory>.client-button{min-height:44px}.settings-page .staff-list{scrollbar-gutter:stable;max-height:480px;padding:2px}.settings-page .staff-list .client-button{border-radius:10px;gap:6px;min-height:80px;padding:14px}.settings-page .staff-list .client-button strong{overflow-wrap:anywhere;font-size:14px}.settings-page .staff-list .client-button span,.settings-page .staff-list .client-button small{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.settings-page .staff-access .employee-form{grid-template-columns:minmax(200px,.8fr) minmax(300px,1.2fr);gap:20px 24px;padding-left:24px}.settings-page .employee-identity{gap:18px}.settings-page .staff-access .setting-field{gap:8px;font-size:14px}.settings-page .staff-access .setting-field :is(input,select){background:var(--field);min-height:44px;color:var(--ink)}.settings-page .staff-access fieldset{background:var(--soft);gap:10px;padding:16px}.settings-page .staff-access fieldset legend{font-size:14px}.settings-page .staff-access .employee-permissions{gap:16px}.settings-page .employee-permissions .permission-group{grid-template-columns:1fr;gap:6px;padding-top:12px}.settings-page .employee-permissions .permission-group>strong{color:var(--blue);margin-bottom:4px;font-size:13px}.settings-page .staff-access .employee-permissions .permission-group label{background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:10px;min-height:44px;padding:10px;font-size:14px;line-height:1.5}.settings-page .employee-permissions .permission-group input[type=checkbox]{flex-basis:18px;width:18px;height:18px;margin-top:2px}.settings-page .employee-permissions>.field-help{font-size:13px;line-height:1.6}.settings-page .permission-presets{gap:8px}.settings-page .permission-presets .client-button{white-space:normal;text-align:left;min-height:40px;padding:9px 12px;font-size:12px}.settings-page .access-controls{gap:12px}.settings-page .access-controls .client-button{min-height:44px}.settings-page .security-panel{gap:24px;padding:24px}.settings-page .security-explainer{gap:12px}.settings-page .security-explainer :is(strong,span),.settings-page .security-replace-note{font-size:14px;line-height:1.6}.settings-page .staff-device{overflow-wrap:anywhere;gap:16px;padding:14px 0}@media (max-width:1200px){.settings-page .staff-access .employee-form{grid-template-columns:1fr}.settings-page .employee-identity{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:760px){.auth-page.auth-breccia{padding:16px}.auth-breccia .auth-panel{padding:0 20px 24px}.auth-breccia .auth-panel:before{height:22px;margin:0 -20px 22px}.auth-breccia .auth-top{flex-wrap:wrap;align-items:center}.auth-breccia .argus-brand{width:152px;height:auto}.auth-breccia .account-header-tools{gap:8px}.auth-breccia .auth-top .auth-language{font-size:0}.auth-breccia .auth-top .auth-language select{width:90px;font-size:14px}.auth-breccia .account-theme-toggle span:last-child{display:none}.auth-breccia .auth-identity,.auth-breccia .auth-credentials{padding:18px}.auth-breccia .auth-form input{font-size:16px}.settings-page .staff-editor-panel{grid-template-columns:1fr;gap:24px;padding:16px}.settings-page .staff-access .employee-form{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.settings-page .staff-summary{gap:12px;margin-bottom:16px;padding:16px}.settings-page .staff-summary>div{display:grid}.settings-page .staff-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:264px;display:grid;overflow:auto}.settings-page .staff-list .client-button{padding:12px}.settings-page .staff-access .setting-field :is(input,select){font-size:16px}.settings-page .security-panel{grid-template-columns:1fr;padding:16px}.settings-page .staff-device{flex-wrap:wrap;align-items:flex-start}.settings-page .staff-access .employee-permissions .permission-group label{padding:12px 10px}}@media (max-width:480px){.settings-page .employee-identity{grid-template-columns:1fr}.settings-page .staff-summary output{font-size:24px}.settings-page .access-controls .client-button{flex:1}.auth-breccia .auth-top{gap:8px}.auth-breccia .account-header-tools{gap:4px}.auth-breccia .account-theme-toggle{min-width:40px;padding:8px}.auth-breccia .auth-top .auth-language select{width:78px;padding:6px}.auth-breccia .argus-brand{width:140px}.auth-breccia .auth-panel{padding-inline:16px}.auth-breccia .auth-panel:before{margin-inline:-16px}}
.tenant-readonly-banner{color:#624126;background:#f4dfc9;border-radius:10px;margin-bottom:15px;padding:12px 18px;font-size:14px;line-height:1.5}
.support-access-settings>p{max-width:75ch;color:var(--secondary);margin:12px 0}.support-access-list{gap:12px;margin-top:18px;display:grid}.support-access-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.support-access-item header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.support-access-item header strong{color:var(--heading);font-weight:650}.support-access-item time,.support-access-item small{color:var(--secondary);font-size:12px}.support-access-item p{color:var(--ink);gap:6px;display:grid;margin:10px 0!important}.support-access-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.support-access-confirm,.support-access-revoke{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.support-access-confirm p{color:var(--secondary);margin:0!important}.support-access-revoke{gap:10px;display:grid}.support-access-item>button{margin-top:8px}@media (max-width:600px){.support-access-item{padding:13px}.support-access-actions>*{flex:1}.support-access-item header{display:grid}}
