/* Account Cloud owns this palette; company branding and authentication IDs stay separate. */
:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef0ff;--ink:#202844;--muted:#58647e;--line:#e1e5ef;--canvas:#f5f6fb;--teal:var(--primary);--blue:var(--primary);--focus:#6366f1}
body{background:var(--canvas)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--focus)}
.brand-symbol{width:44px;height:44px;display:grid;place-items:center}
.brand-symbol img{position:static;width:44px;height:44px;max-width:100%;object-fit:contain}
.brand-name{letter-spacing:.5px;font-size:26px}
.brand-name small{letter-spacing:.5px}
.sidebar{background:#19213e;border-right-color:#19213e;padding-top:26px}
.sidebar .brand{color:#fff;padding-bottom:32px}
.sidebar .brand-name small{color:#b8c3df}
.sidebar .nav-heading{color:#a5b1cc;font-size:11px}
.sidebar .navigation a,.sidebar-bottom a{color:#c0cbe1;border:1px solid transparent;border-radius:8px}
.sidebar .navigation a:hover,.sidebar-bottom a:hover{background:#253051;color:#fff}
.sidebar .navigation a[aria-current]{color:#fff;background:#353b72;border-color:#555d9a;font-weight:600}
.sidebar-bottom p{color:#a5b1cc;border-color:#37415c}
.topbar{height:72px;background:#fff}
.breadcrumb{color:var(--muted)}
.breadcrumb span{color:#9ba6bd}
.button{border-radius:8px;gap:12px}
.button:not(.secondary):not(.danger):hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #4f46e51a}
.button.secondary:hover{background:#f5f5ff;border-color:#b9baf0;color:var(--primary-hover)}
.inline-link:hover,.product-link:hover,.action-list>a:hover{color:var(--primary-hover)}
.navigation a,.app-company-grid a,.overview-card,.app-card{transition:background .15s,border-color .15s}
.overview-card:hover,.app-card:hover,.product-card:hover{border-color:#c0c3ed;box-shadow:0 4px 14px #20284408}
.overview-icon,.security-icon,.empty-icon,.product-icon,.app-symbol,.app-step-number{color:var(--primary);background:var(--primary-soft)}
.avatar{color:var(--primary);background:var(--primary-soft);border-color:#d6d9fa}
.eyebrow,.category{color:#5b6199;letter-spacing:1px}
.welcome-panel,.management-intro{background:linear-gradient(115deg,#fff,#f0f1ff);border-color:#dcdff3;box-shadow:none;border-radius:12px}
.welcome-copy h1{font-size:30px;letter-spacing:-.5px}
.welcome-art{width:185px;gap:9px;margin-left:32px;border-left:1px solid #dddff3}
.welcome-art img{width:106px;height:106px;mix-blend-mode:normal}
.art-caption{color:#565e94;letter-spacing:1px}
.art-orbit{display:none}
.intro-aside img{width:130px;height:130px;mix-blend-mode:normal}
.info-box,.management-overview,.app-info,.app-side-card,.connection-card{background:#f0f2ff;border-color:#dce0f6}
.info-box>.icon,.connection-card .product-icon{color:var(--primary)}
.management-card,.settings-panel,.app-panel,.app-card,.overview-card,.metrics article{border-radius:10px;box-shadow:0 2px 8px #20284403}
.metrics article{border-top-color:#6366f1}
.metrics article:nth-child(2){border-top-color:#8294e9}
.metrics article:nth-child(3){border-top-color:#a58de4}
.metrics strong,.app-metrics strong{font-variant-numeric:tabular-nums;color:var(--ink)}
.management-table th{background:#f5f6fb;color:#56627c}
.management-table tbody tr:hover{background:#fafaff}
.management-table td{border-color:var(--line)}
.section-count{background:var(--primary-soft);color:var(--primary)}
.entry-help{border-left-color:var(--primary)}
.app-company-grid a{background:#fafaff;border-color:var(--line)}
.app-company-grid a:hover{background:var(--primary-soft);border-color:#c4c8f4}
.app-steps{border-color:var(--line);background:var(--line)}
.app-steps a[aria-current=step]{color:var(--primary);background:var(--primary-soft)}
.app-steps a[aria-current=step]>span{color:#fff;background:var(--primary)}
.app-side-dot{background:var(--primary)}
.app-mail-options>div>div:has(input:checked){background:var(--primary-soft);color:var(--primary);border-color:#9194eb}
.app-mail-options input{accent-color:var(--primary)}
.management input:focus,.management select:focus,.management textarea:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus,.app-field input:focus,.app-field select:focus,.app-field textarea:focus{outline-color:var(--focus)}
.app-copy-box,.confirmation-target,.protected-note{background:#f5f6fc;border-color:var(--line)}
.account-menu-panel{border-color:var(--line);box-shadow:0 12px 32px #20284418;border-radius:10px}
.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--primary-soft)}
.page-footer{color:var(--muted)}
.app-public{background:radial-gradient(ellipse at 80% 0%,#e8e9ff,transparent 55%),#f5f6fb}
.app-public-card{border-color:var(--line);box-shadow:0 16px 48px #2028440c;border-radius:14px}
.app-public-card header .app-symbol{color:var(--primary);background:var(--primary-soft)}
.home-brand img{width:42px;height:42px}
.home-brand small{letter-spacing:.6px}
@media(max-width:760px){.topbar{height:65px}.brand-name{font-size:24px}.welcome-copy h1{font-size:26px}.welcome-art{border:0;margin:0;opacity:.13}.home-brand img{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.navigation a,.app-company-grid a,.overview-card,.app-card{transition:none}}
.page-back-link{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.page-back-link:hover,.page-back-link:focus-visible{border-color:var(--primary);background:#f5f5ff;color:var(--primary-hover);text-decoration:none}
.heading-back-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex:none}
.page-heading-with-back{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:18px}
.page-heading-with-back>h1,.page-heading-with-back>p{grid-column:1;min-width:0}
.page-heading-with-back>p:not(.eyebrow){color:var(--muted);font-size:14px}
.page-heading-with-back>.page-back-link{grid-column:2;grid-row:1 / span 2;justify-self:end}
.app-public-card .page-heading-with-back>.page-back-link{grid-row:2 / span 2}
.app-public-card .page-heading-with-back>p:not(.eyebrow){font-size:13px}
@media(max-width:760px){.management-heading>.page-back-link,.app-heading>.page-back-link{margin-left:auto}.heading-back-actions{margin-left:auto}}
@media(max-width:480px){.page-heading-with-back{grid-template-columns:minmax(0,1fr)}.page-heading-with-back>.page-back-link,.app-public-card .page-heading-with-back>.page-back-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.heading-back-actions{justify-content:flex-start;margin-left:0}}