/* Softer blue palette for the application shell; the landing page keeps its dark blue base. */
:root {
  --ink: #1d354b;
  --muted: #6e8495;
  --line: #e2ebf2;
  --canvas: #f5f8fc;
  --navy: #18334d;
  --navy2: #244764;
  --green: #3d80aa;
  --green-dark: #2e6a93;
  --green-pale: #e7f2fa;
  --shadow: 0 10px 35px rgba(29, 66, 97, .06);
}
.brand-mark { background: #8cbfdf; color: #163a54; }
.sidebar { color: #f2f7fc; }
.nav-button:hover, .nav-button.active { background: #294e6d; }
.nav-button.active { box-shadow: inset 3px 0 #9ac8e5; }
.nav-icon, .nav-button.active .nav-icon { color: #a5cce6; }
.help-card { background: #244866; border-color: #3d6380; }
.help-icon { background: #386788; color: #e0f2ff; }
.help-card button { color: #b4ddf4; }
.avatar { background: #e1eff9; color: #2f6a92; }
.tenant-pill { background: #e7f2fa; color: #2c6a94; }
.button-primary { box-shadow: 0 4px 12px rgba(49, 112, 156, .17); }
.stat-icon { background: #e8f3fb; color: #3d80aa; }
.search input:focus, .field input:focus, .field select:focus, .field textarea:focus {
  border-color: #84b9db;
  box-shadow: 0 0 0 3px #e4f1f9;
}
.empty-icon { background: #e8f3fb; }
.form-note { background: #edf5fb; border-left-color: #84b9db; color: #4b7290; }
.timeline { border-left-color: #d7e8f4; }
.timeline-item:before { box-shadow: 0 0 0 2px #bfdbea; }
.auth-art { background: radial-gradient(circle at 68% 28%, #527fa5 0, #2a5274 35%, #18334d 75%); }
.auth-copy h1 em { color: #b4ddf4; }
.auth-lines span { background: #91bfdf; }
.auth-lines span:nth-child(2), .auth-lines span:nth-child(3) { background: #5d8eb1; }
.landing .brand-mark { background: #8cbfdf; color: #163a54; }
.choice-list { display: grid; gap: 8px; max-height: 180px; overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbfe; }
.choice-list label { display: flex; align-items: start; gap: 8px; font-weight: 500; line-height: 1.45; cursor: pointer; }
.choice-list input { width: auto; margin: 2px 0 0; accent-color: var(--green); }
.review-comment { padding: 14px; margin: 10px 0; border: 1px solid var(--line); border-radius: 10px; background: #f8fbfe; }
.review-comment blockquote { margin: 10px 0; border-left: 3px solid #9fc4de; padding: 8px 12px; font-size: 12px; line-height: 1.6; color: #456884; white-space: pre-wrap; }