/* Light System: blue interface and red conversion identity. */
:root {
  --ink: #182e50;
  --muted: #5b6f8b;
  --teal: #2454a6;
  --line: #dfe6f1;
  --bg: #f3f6fc;
  --nav: #163a73;
  --light-blue: #eaf1fc;
}
input, select, textarea { accent-color: #2454a6; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline-color: #85b5ff;
}
.sidebar { color: #e2ecfc; }
.brand-logo, .login-wordmark { background: #fff; border-radius: 8px; }
.brand.brand-logo { padding: 12px 10px; }
.brand-logo img, .login-wordmark img { display: block; width: 100%; height: auto; }
.login-wordmark { width: 324px; max-width: 100%; padding: 14px; }
.workspace-label { color: #acc6ed; margin-top: 38px; }
.nav-item { color: #d6e4f9; }
.nav-item.active {
  background: #295399;
  color: #fff;
  box-shadow: inset 3px 0 #91bbff;
}
.nav-item:hover { background: #254d8d; color: #fff; }
.sidebar-bottom { border-color: #3d6096; color: #d4e2f8; }
.sidebar-note { color: #b3c9e8; }
.status-dot { background: #92baff; }
.breadcrumb { color: #72839e; }
.breadcrumb span { color: #b4c1d4; }
.breadcrumb strong { color: #3a5278; }
.avatar { background: var(--light-blue); color: #2454a6; }
.eyebrow { color: #5676aa; }
.eyebrow-divider { color: #b5c6df; }
.button:hover { background: #193f81; border-color: #193f81; }
.button.secondary { color: #3c557c; border-color: #cfdaeb; }
.button.secondary:hover { background: #edf3ff; border-color: #92add8; }
.stat { box-shadow: 0 2px 3px #163a7304; }
.stat:hover { border-color: #9eb7dd; }
.stat div > span { color: #5b6f8b; }
.teal { background: var(--light-blue); color: #2454a6; }
.count { background: #f0f4fc; color: #61799e; border-color: #dfe7f4; }
.label-quiet, .bottom-note, .quiet-empty, .info-note { color: #788aa5; }
.search-field > span { color: #788caa; }
input:not([type=checkbox]), select, textarea { border-color: #d3deed; color: #304a71; }
input::placeholder { color: #8798b1; }
.filter-check { color: #657c9e; }
th { background: #f7f9fe; color: #6a7e9f; }
td { border-bottom-color: #e8edf6; }
tbody tr:hover { background: #f7faff; }
.client-code { color: #2454a6; }
.cell-secondary, .next-action { color: #71829c; }
.pagination { color: #7385a0; }
.empty { color: #7084a3; }
.empty > span { color: #7399d0; }
.empty h3 { color: #284d87; }
footer { color: #7286a3; }
.back-link { color: #5e7da9; }
label { color: #506b90; }
.summary-label { color: #7186a7; }
.action-strip { border-color: #cdddf5; background: #edf4ff; }
.action-strip p { color: #355886; }
.action-strip .summary-label { color: #426da9; }
.event { border-color: #d8e2f2; }
.event-dot { background: #638ac5; border-color: var(--bg); }
.event-meta time, .event-origin { color: #788eac; }
.changes dt { color: #748baa; }
.changes dd { color: #4f6c95; }
.changes dd span { color: #adbfda; }
.pending-item small, .about dt { color: #758cab; }
.about dd { color: #49658c; }
.login-shell main, .login-panel, .login-intro { min-width: 0; }
.login-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  box-shadow: 0 16px 70px #163a7314;
}
.login-intro { background: linear-gradient(150deg, #163a73, #23549d); }
.login-intro .eyebrow { color: #c1d8ff; }
.login-intro p { color: #d3e2fa; }
.login-intro small { color: #bbd2f2; }
.login-help { color: #6c809e; }
.review-text { background: #f7f9fe; border-color: #dfe6f1; }
.form-panel blockquote { border-color: #8daee0; background: #f2f6fd; }
.side-panel blockquote { border-color: #477cce; }
@media (max-width: 800px) {
  .login-grid { grid-template-columns: minmax(0, 1fr); }
  .brand.brand-logo { width: 220px; max-width: 100%; }
  .login-wordmark { width: 280px; }
  .sidebar nav { overflow-x: auto; padding-bottom: 4px; }
  .nav-item { flex-shrink: 0; }
}