/* ============================================================
   HansMed Portal — Soft Editorial skin  (additive, reversible)
   ------------------------------------------------------------
   Loaded LAST on portal.html / doctor.html / admin.html and gated
   on  body.theme-soft-editorial  so the entire theme toggles off
   by removing one class. It does NOT edit the working portal CSS.

   Scope (deliberately narrow for a clinical UI):
     - Lightens the dark TOP BAR (.p-bar — visible on portal/doctor
       and admin) and the dark SIDEBAR (admin only; portal/doctor
       hide .sidebar and use the top bar) to the editorial light
       treatment, matching the marketing light nav.
     - Softens content cards to a clean white surface.
     - Unifies the doctor-portal primary button to burgundy.
   Intentionally LEFT ALONE (density / already-tight contrast):
     - data tables (.table), status badges (.badge--*), form fields.
   Palette (cinnabar #A24632, burgundy #6B2E28) already ships in tokens.css.
   ============================================================ */

/* ---- Sidebar (admin): dark ink -> light editorial cream ---- */
body.theme-soft-editorial .sidebar { background: #FBF9F4; color: #5B4A3C; border-right: 1px solid #ECE6DC; }
body.theme-soft-editorial .sidebar-user { border-bottom-color: #ECE6DC; }
body.theme-soft-editorial .sidebar-avatar { background: #A24632; color: #FBF3EC; }
body.theme-soft-editorial .sidebar-name { color: #2A2018; }
body.theme-soft-editorial .sidebar-sub { color: #6E5F51; }
body.theme-soft-editorial .sidebar-label { color: #7A6A58; }
body.theme-soft-editorial .sidebar-link { color: #5B4A3C; }
body.theme-soft-editorial .sidebar-link:hover { background: rgba(120,80,50,.07); color: #2A2018; }
body.theme-soft-editorial .sidebar-link.is-active { background: rgba(162,70,50,.10); color: #A24632; }
body.theme-soft-editorial .sidebar-link.is-active .sidebar-link-icon { color: #A24632; }
body.theme-soft-editorial .sidebar-link-badge { background: #A24632; color: #FBF3EC; }
body.theme-soft-editorial .sidebar-divider { background: #ECE6DC; }

/* ---- Top bar (.p-bar): dark -> light editorial ---- */
body.theme-soft-editorial .p-bar { background: rgba(251,249,244,.92); border-bottom: 1px solid #ECE6DC; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.theme-soft-editorial .p-nav-btn { color: #5B4A3C; }
body.theme-soft-editorial .p-nav-btn:hover { background: rgba(120,80,50,.07); color: #2A2018; }
body.theme-soft-editorial .p-nav-btn.active { background: rgba(162,70,50,.10); color: #A24632; }
body.theme-soft-editorial .p-bell { color: #5B4A3C; }
body.theme-soft-editorial .p-user-greeting { color: #5B4A3C; }
body.theme-soft-editorial .p-bar-right { color: #5B4A3C; }

/* sign-out: shell sets cream with !important, so match it on both shell + admin bars */
body.theme-soft-editorial .p-bar .p-signout,
body.theme-soft-editorial .p-signout { background: transparent !important; color: #5B4A3C !important; border-color: #D9CFC0 !important; }
body.theme-soft-editorial .p-bar .p-signout:hover,
body.theme-soft-editorial .p-signout:hover { background: rgba(120,80,50,.07) !important; }

/* language toggle — covers admin (.p-lang-btn) and shell (.p-lang button) structures */
body.theme-soft-editorial .p-lang { border-color: #D9CFC0; }
body.theme-soft-editorial .p-lang-btn,
body.theme-soft-editorial .p-lang button { color: #5B4A3C; }
body.theme-soft-editorial .p-lang-btn.active,
body.theme-soft-editorial .p-lang button.active { background: rgba(162,70,50,.10); color: #A24632; }

/* ---- Content cards: soft white surface + neutral hairline ---- */
body.theme-soft-editorial .card { background: #FFFFFF; border-color: #ECE6DC; }
body.theme-soft-editorial #main .card { background: #FFFFFF; border-color: #ECE6DC; }

/* ---- Doctor portal: unify primary button to burgundy (was dark ink) ---- */
body.theme-soft-editorial #main .btn--primary { background: var(--burgundy, #6B2E28); color: #FBF3EC; border-color: var(--burgundy, #6B2E28); }
body.theme-soft-editorial #main .btn--primary:hover:not(:disabled) { background: transparent; color: var(--burgundy, #6B2E28); }