/* Loaded by web_auth_header.php only for the root patient web interface. */
body.simple-auth-body {
  --sa-bg:#f2f7f8; --sa-card:#fff; --sa-line:#d5e3e8;
  --sa-text:#173746; --sa-muted:#506b79; --sa-primary:#087782;
  --sa-primary-2:#087782; --sa-radius:18px;
  --sa-shadow:0 8px 28px rgba(23,55,70,.06);
  background:linear-gradient(145deg,#f7fbfc,#edf5f6); line-height:1.75;
}
.simple-auth-topbar { box-shadow:none; backdrop-filter:none; background:#fff; }
.simple-auth-brand-logo { border-radius:12px; box-shadow:none; }
.simple-auth-links a { padding:8px 10px; border-radius:8px; font-size:13px; }
.simple-auth-links a:hover { background:#e9f5f5; color:#075e69; }
.simple-auth-shell { margin-block:42px 28px; }
.simple-auth-layout { gap:24px; align-items:stretch; grid-template-columns:minmax(320px,480px) 1fr; }
.simple-auth-card::before { background:#087782; height:4px; }
.simple-auth-card { padding:32px; }
.simple-auth-title { font-size:28px; line-height:1.6; }
.simple-auth-sub { margin-bottom:10px; }
.simple-auth-side { box-shadow:none; background:#edf6f7; border-color:#d5e7ea; padding:32px; }
.simple-auth-side h2 { font-size:24px; line-height:1.6; }
.simple-auth-side-list { gap:0; margin-top:20px; }
.simple-auth-side-item { background:transparent; border:0; border-bottom:1px solid #d3e3e7; border-radius:0; padding:18px 0; }
.simple-auth-side-item:last-child { border:0; }
.simple-auth-badge { border-radius:10px; background:#e4f2f2; color:#076572; border-color:#cee4e6; }
.simple-auth-input { border-radius:10px; min-height:50px; font-size:16px; border-color:#b8cfd7; }
.simple-auth-input:focus { border-color:#087782; box-shadow:0 0 0 3px rgba(8,119,130,.13); }
.simple-auth-btn { background:#087782; border-radius:10px; min-height:50px; box-shadow:none; font-size:16px; }
.simple-auth-btn:hover { background:#056570; }
.simple-auth-footer { border-top:1px solid #d5e3e8; padding-top:20px; }
body.simple-auth-body :is(a,button,input):focus-visible { outline:3px solid #087782; outline-offset:3px; }
@media (max-width:900px) {
  .simple-auth-layout { grid-template-columns:1fr; }
  .simple-auth-topbar-inner { flex-direction:row; align-items:center; flex-wrap:wrap; }
  .simple-auth-links { border-top:1px solid #e0eaee; padding-top:6px; }
  .simple-auth-shell { margin-top:20px; }
  .simple-auth-card,.simple-auth-side { padding:22px; }
  .simple-auth-side h2 { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) { .simple-auth-body * { scroll-behavior:auto; transition:none; } }