/* Shared product treatment for the separately deployed configuration site. */
body { font-family: var(--zynx-font); }
.card, .portal-card, .alt-clients { border-radius: var(--zynx-radius-card); box-shadow: var(--zynx-shadow); }
.sub-card { background: linear-gradient(135deg, #172d66, var(--navy)); }
.page-heading h1 { font-weight: 450; }
.setup-heading { padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.app-card { border-color: var(--zynx-line); }
.privacy-note { padding: 12px; border-left: 2px solid var(--zynx-focus); background: var(--zynx-bg); }
.btn-primary { background: var(--zynx-blue); color: white; border-color: var(--zynx-blue); }
.btn-primary:hover { background: var(--zynx-blue-hover); color: white; }
:focus-visible { outline: 3px solid var(--zynx-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }