/* ============================================================
   SENIOR THEME & SIMPLIFICATION  (loads AFTER styles.css)
   Warm plum + apricot palette, high contrast, no side panel.
   Caregiver page (body[data-role="caregiver"]) is unaffected.
   ============================================================ */

body[data-role="senior"]{
  background:#FBF2E7;
  color:#3A2A1E;
  font-size:1.15rem;
}

/* ---- Top bar: deep plum with apricot underline ---- */
body[data-role="senior"] .topbar{
  background:#4B2A5A;
  border-bottom:4px solid #E8843C;
}
body[data-role="senior"] .topbar .brand,
body[data-role="senior"] .topbar .brand small{ color:#FFF6EC; }
body[data-role="senior"] .brandmark{ background:#E8843C; color:#3A1D05; }

/* ---- Hide the side panel & simplify chrome ---- */
body[data-role="senior"] aside{ display:none !important; }
body[data-role="senior"] .shell{
  display:block;
  max-width:60rem;
  margin:0 auto;
  padding:1rem;
}
body[data-role="senior"] footer{ display:none; }
body[data-role="senior"] .top-actions button[data-action="read"],
body[data-role="senior"] .top-actions button[data-nav="settings"]{ display:none; }

/* ---- Buttons: bigger, friendlier ---- */
body[data-role="senior"] button,
body[data-role="senior"] .button{
  min-height:3.4rem;
  font-size:1.2rem;
  border-radius:1rem;
}
body[data-role="senior"] .primary,
body[data-role="senior"] button.primary{
  background:#C2571B;
  color:#FFF;
  border-color:#C2571B;
}
body[data-role="senior"] .primary:hover{ background:#A84812; }

/* ---- Accent colour everywhere ---- */
body[data-role="senior"] .eyebrow{ color:#8A4A12; }
body[data-role="senior"] .pill{ background:#F6E3D0; color:#7A3E0E; }
body[data-role="senior"] .badge.taken{ background:#E7F2E4; color:#2F6B3A; }
body[data-role="senior"] a{ color:#B45309; }
body[data-role="senior"] .card{ background:#FFFDF8; border-color:#EBD9C4; border-radius:1.4rem; }
body[data-role="senior"] .banner{ background:#FDEBDD; border-color:#F0C9A8; }
body[data-role="senior"] .banner.info{ background:#F3EAF9; border-color:#D9C4EC; }
body[data-role="senior"] .metric{ color:#C2571B; }
body[data-role="senior"] .time{ color:#8A4A12; }
body[data-role="senior"] .voice-orb{ background:radial-gradient(circle at 35% 30%, #F5A15E, #C2571B); }
body[data-role="senior"] dialog{ border-radius:1.4rem; }
body[data-role="senior"] .auth-mark,
body[data-role="senior"] .pair-code{ background:#C2571B; color:#fff; }

/* ---- Big bottom voice dock ---- */
.senior-dock{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  display:flex; gap:.75rem; justify-content:center; align-items:center;
  padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));
  background:rgba(75,42,90,.96);
  box-shadow:0 -6px 24px rgba(40,20,10,.25);
}
.senior-dock .dock-talk{
  flex:1; max-width:22rem;
  background:#E8843C; color:#3A1D05;
  font-size:1.5rem; font-weight:700;
  border:none; border-radius:999px;
  display:flex; align-items:center; justify-content:center; gap:.6rem;
}
.senior-dock .dock-talk.listening{
  background:#F5A15E;
  box-shadow:0 0 0 5px rgba(245,161,94,.35);
}
.senior-dock .dock-help{
  background:#FFF3E6; color:#7A2E0E; border:none;
  font-size:1.15rem; font-weight:700;
  border-radius:999px; padding:0 1.4rem;
}
body[data-role="senior"] #content{ padding-bottom:6.5rem; }

/* ---- Extra contrast mode stays readable ---- */
body[data-role="senior"].contrast{ background:#FFF; }
body[data-role="senior"].contrast .card{ border-color:#8A6A48; }