/* ===== Оформление: переключатель (виден в обеих темах) ===== */
.theme-sw { display: inline-flex; gap: 4px; padding: 3px; border-radius: 999px; background: rgba(0, 0, 0, .05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); flex: none; }
.theme-sw button { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; display: grid; place-items: center; }
.theme-sw i { width: 18px; height: 18px; border-radius: 50%; display: block; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.theme-sw [data-th="warm"] i { background: linear-gradient(135deg, #f3e2cc, #c99a68 55%, #8a5d3b); }
.theme-sw [data-th="navy"] i { background: linear-gradient(135deg, #12306a 0 50%, #e4c46a 50% 62%, #d9dfe8 62%); }
.theme-sw button[aria-pressed="true"] { box-shadow: 0 0 0 2px #c9a03f; background: #fff; }
.top #btnLogout { margin-left: auto; }

/* ===== Синяя тема кабинета пациента ===== */
html[data-theme="navy"] {
  --bg: #eef1f6; --bg-tint: #e6ebf3; --brown: #12306a; --dark: #0d1d3d; --ink2: #55627a; --line: #d8dee8; --line-strong: #c3ccd9; --accent: #b8862b; --white: #ffffff;
  --goldx: linear-gradient(135deg, #fff2c2 0%, #e4c46a 22%, #b8862b 48%, #f6e19a 66%, #a8781f 100%);
  --chrome: linear-gradient(135deg, #fbfcfe 0%, #d9dfe8 28%, #f7f9fc 48%, #b9c3d1 72%, #eef2f7 100%);
}
html[data-theme="navy"]:not([style*="--brand"]) { --brand: #12306a; }
html[data-theme="navy"] body { background: radial-gradient(40% 30% at 100% 0%, rgba(201, 160, 63, .14), transparent 70%), radial-gradient(40% 30% at 0% 100%, rgba(28, 69, 144, .12), transparent 70%), #eef1f6 !important; color: var(--dark); }
html[data-theme="navy"] .top { background: linear-gradient(180deg, #0b1f45, #071530) !important; border-bottom: 1px solid rgba(228, 196, 106, .4) !important; color: #fff; }
html[data-theme="navy"] .top__brand em, html[data-theme="navy"] #brandName { color: #fff !important; }
html[data-theme="navy"] .top__brand span, html[data-theme="navy"] #brandSub { color: #c3cde0 !important; }
html[data-theme="navy"] .top .link { color: #e4c46a; }
html[data-theme="navy"] .theme-sw { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
html[data-theme="navy"] .panel { background: #fff; border-color: var(--line); box-shadow: 0 1px 2px rgba(10, 25, 55, .05), 0 12px 28px -18px rgba(10, 25, 55, .35); }
html[data-theme="navy"] .panel h3 { color: var(--dark); }
html[data-theme="navy"] .visitcard { background: #f2f5fa; box-shadow: inset 0 0 0 1px rgba(150, 165, 190, .28); } html[data-theme="navy"] .visitcard--past { background: #f5f7fb; }
html[data-theme="navy"] .visitcard span { color: #3f4c64; }
html[data-theme="navy"] .btn { background: linear-gradient(180deg, #1c4590, #12306a 55%, #0b1f45) !important; border-color: transparent !important; color: #fff !important; }
html[data-theme="navy"] .btn:hover { background: linear-gradient(180deg, #2352a6, #163a7c) !important; }
html[data-theme="navy"] .btn--ghost { background: var(--chrome) !important; color: #12306a !important; box-shadow: inset 0 0 0 1px #b4bfcf; }
html[data-theme="navy"] .doc__av:not(.doc__av--img), html[data-theme="navy"] .me__av--ph { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] .pc__c.has-up { background: #12306a; color: #fff; } html[data-theme="navy"] .pc__c.is-today { box-shadow: inset 0 0 0 2px #c9a03f; }
html[data-theme="navy"] .nexthero { background: radial-gradient(70% 90% at 100% 0%, rgba(228, 196, 106, .3), transparent 60%), linear-gradient(140deg, var(--brand, #12306a), #071530) !important; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .4), 0 16px 34px -18px rgba(7, 21, 48, .8); }
html[data-theme="navy"] .nexthero .btn { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] .nexthero .btn--ghost { background: rgba(255, 255, 255, .12) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }
html[data-theme="navy"] .mystats span { background: #fff; border-color: var(--line); color: #12306a; }
html[data-theme="navy"] .brush__zones span.is-on { background: #12306a; } html[data-theme="navy"] .brush__fg { stroke: #c9a03f; }
html[data-theme="navy"] .gate { background: radial-gradient(900px 520px at 85% -10%, rgba(201, 160, 63, .4), transparent 60%), radial-gradient(700px 500px at -10% 110%, rgba(60, 110, 200, .4), transparent 60%), #0b1f45 !important; }
html[data-theme="navy"] .gate__box { background: linear-gradient(160deg, #fff, #f2f5fa) !important; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .4), 0 30px 60px -20px rgba(0, 0, 0, .6); }
html[data-theme="navy"] .gate input:focus { border-color: #c9a03f; box-shadow: 0 0 0 4px rgba(201, 160, 63, .2); }
html[data-theme="navy"] .gate__logo { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] .eyebrow { color: #b8862b; }