.system-settings{max-width:64rem}.system-settings-tabs{display:flex;gap:.25rem;border-bottom:1px solid #dbe3ef;margin-bottom:1rem;overflow:auto}.system-settings-tabs a{padding:.75rem 1rem;white-space:nowrap;font-weight:600;color:#475569;border-bottom:2px solid transparent}.system-settings-tabs a.is-active{color:#0f6b42;border-color:#0f6b42}.system-settings-form{display:grid;gap:1rem;max-width:52rem;margin-bottom:1rem}.feature-row{display:grid;grid-template-columns:1fr minmax(9rem,14rem);gap:1rem;align-items:center}.feature-row small{display:block;color:#64748b;font-weight:400}.system-status{display:grid;grid-template-columns:max-content 1fr;gap:.7rem 1.5rem}@media(max-width:640px){.feature-row{grid-template-columns:1fr}.system-status{grid-template-columns:1fr}}
.branding-preview{--preview-primary:#0f7a43;--preview-accent:#b42332;display:grid;grid-template-columns:2.5rem 1fr;gap:.1rem .75rem;align-items:center;border:1px solid var(--preview-primary);border-inline-start:4px solid var(--preview-accent);border-radius:.75rem;padding:.8rem;font-family:system-ui;font-size:1rem}.branding-preview>span{grid-row:span 2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.55rem;background:var(--preview-primary);color:#fff;font-weight:800}.branding-preview small{color:#64748b}.branding-logo-preview{max-width:12rem;max-height:5rem;object-fit:contain;border:1px solid #dbe3ef;border-radius:.5rem;padding:.25rem}