/* Customer-console visual layer. No dependency on the public website. */
:root { color-scheme: light; color: #234469; background: #f2f9ff; }
body, .app-view { color: #234469; background: #f2f9ff; }
body *, body *::before, body *::after { letter-spacing: 0; }
:is(a, button, input, select, textarea):focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
input, select, textarea, progress { accent-color: #2563eb; }
.auth-view { color: #234469; background: #edf8ff; }
.wordmark { color: #1855bc; }
.wordmark i, .app-view aside .wordmark i { color: #fff; background: #2563eb; border: 0; border-radius: 6px; }
.auth-copy h1 { color: #234469; font-size: 44px; }
.auth-copy em, .auth-copy p, .form-head p { color: #087f9c; }
.auth-copy > span, .form-head span, .auth-form label { color: #526d89; }
.auth-form { padding: 34px; border: 1px solid #bcd9f2; border-top: 3px solid #0e9fc2; border-radius: 8px; background: #fff; box-shadow: 0 16px 48px #2563eb14; }
.auth-form input { color: #234469; background: #fff; border-color: #b5cee7; border-radius: 6px; }
.auth-form input:focus { border-color: #2563eb; outline-color: #2563eb; }
.auth-methods { border-color: #c5ddf3; background: #f0f8ff; border-radius: 6px; }
.auth-methods button { color: #526d89; }
.auth-methods button.is-active { color: #fff; background: #2563eb; border-radius: 4px; }
.send-sms { color: #1855bc; background: #eaf5ff; border-color: #a8ccf3; border-radius: 5px; }
.submit, .primary-action { background: #2563eb; color: #fff; border-radius: 6px; }
.submit:hover, .primary-action:hover { background: #1d4ed8; color: #fff; }
.text-action { color: #2563eb; }
.form-error { color: #b4233c; }
.app-view aside { background: #fff; color: #234469; border-right: 1px solid #d3e5f5; }
.app-view aside > p, .side-footer button { color: #526d89; }
.side-footer { border-color: #d3e5f5; }
.side-footer a { color: #2563eb; }
.nav-group-toggle, .nav-group-toggle i, .nav-group-toggle b { color: #42617f; }
.nav-group-toggle:hover, .nav-group.is-open > .nav-group-toggle { background: #f0f8ff; color: #2563eb; }
.nav-group.is-open > .nav-group-toggle b { color: #2563eb; }
.nav-group-toggle svg, .topbar-icon svg { width: 18px; height: 18px; flex: 0 0 18px; color: #168abb; }
.nav-link-icon { display: none; width: 18px; height: 18px; }
.sidebar-collapsed .nav-link-icon { display: block; }
.sidebar-collapsed .nav-group-toggle > span { display: flex; }
.sidebar-collapsed .nav-group-toggle > span:has(svg) { display: flex; }
.sidebar-collapsed .nav-group-toggle svg { display: block; }
.nav-group-items .nav-link, .nav-link { color: #526d89; }
.nav-group-items .nav-link:hover, .nav-group-items .nav-link.active, .nav-link:hover, .nav-link.active { background: #e7f3ff; color: #2563eb; border-left-color: #2563eb; }
.workspace-topbar, .workspace-tabs { background: #fff; border-color: #d3e5f5; }
.app-view main > header { color: #234469; background: #f6fbff; border-color: #d3e5f5; }
.workspace-tab, .workspace-tabs .workspace-tab { color: #526d89; background: #fff; border-color: #d3e5f5; }
.workspace-tab.is-active, .workspace-tab.active { color: #2563eb; background: #eaf5ff; }
.workspace { background: #eaf8fd; color: #234469; border-top: 3px solid #0e9fc2; border-radius: 0; }
.workspace p, .workspace dt { color: #087f9c; }
.workspace span, .workspace dd { color: #42617f; }
.workspace dl { border-color: #b7dce9; }
.workspace h2 { font-size: 25px; }
.summary-grid article { border-color: #cfe2f3; border-top: 3px solid #2563eb; border-radius: 6px; }
.summary-grid article:nth-child(2) { border-top-color: #08a3bd; }
.summary-grid article:nth-child(3) { border-top-color: #f07834; }
.summary-grid strong { color: #2563eb; }
.summary-grid article:nth-child(2) strong { color: #087f9c; }
.summary-grid article:nth-child(3) strong { color: #c2410c; }
.summary-grid span, .summary-grid small, .data-row p, .data-row small, .list-shell > p { color: #526d89; }
.purchase-head, .purchase-section, .list-shell, .security-grid article, .data-row { border-color: #cfe2f3; }
.purchase-actions { background: #f0f9ff; border-color: #cfe2f3; }
.purchase-total strong, .purchase-version-card > b, .purchase-option > b { color: #c2410c; }
.purchase-version-card.is-selected, .purchase-version-card:has(input:checked), .purchase-option:has(input:checked) { border-color: #4a95f3; background: #eef7ff; box-shadow: none; }
.purchase-version-card input, .purchase-option input { accent-color: #2563eb; }
.mini-action, .security-grid button { color: #2563eb; border-color: #a8ccf3; background: #fff; border-radius: 5px; }
.mini-action:hover { background: #eaf5ff; }
.danger-action { border-color: #eab2c0; color: #b4233c; }
.notice { background: #eaf8ff; color: #376780; border-color: #0e9fc2; }
.error-notice { background: #fff0f2; color: #b4233c; border-color: #e34b68; }
pre, .token-notice code { color: #234469; background: #eef8ff; }
.automatic-deployment-form input, .automatic-deployment-form select, .settings-form input { border-color: #b9d1e9; border-radius: 5px; }
@media (max-width: 800px) {
  .auth-copy h1 { font-size: 32px; }
  .auth-form { padding: 24px; }
  .nav-group-items .nav-link:hover, .nav-group-items .nav-link.active { background: #e7f3ff; border-left-color: #2563eb; }
  .workspace { padding: 24px; }
  .workspace h2 { font-size: 22px; }
  .nav-group-toggle, .nav-group-items .nav-link, .mini-action { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }