/* ===== Оформление: переключатель (виден в обеих темах) ===== */
.theme-sw { display: inline-flex; gap: 4px; padding: 3px; margin-left: 10px; border-radius: 999px; background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); flex: none; align-self: center; }
.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; }
@media (max-width: 700px) { .theme-sw { margin-left: 6px; } .theme-sw button { width: 26px; height: 26px; } }

/* ===== Синяя тема: глубокий синий, хром, золотой хром (кабинет врача и ассистента, вход) ===== */
html[data-theme="navy"] {
  --navy-900: #071530; --navy-800: #0b1f45; --navy-700: #12306a; --navy-600: #1c4590;
  --chrome: linear-gradient(135deg, #fbfcfe 0%, #d9dfe8 28%, #f7f9fc 48%, #b9c3d1 72%, #eef2f7 100%);
  --goldx: linear-gradient(135deg, #fff2c2 0%, #e4c46a 22%, #b8862b 48%, #f6e19a 66%, #a8781f 100%);
  --bg: #eef1f6; --bg-tint: #e3e8f0; --white: #ffffff; --dark: #0d1d3d; --ink2: #55627a; --line: #d8dee8; --line-strong: #c3ccd9;
  --brown: #12306a; --accent: #b8862b; --mint: #8fa3c3; --mint-soft: #e6ebf3; --aqua-soft: #e6ebf3;
  --surface: rgba(255, 255, 255, .92); --nest: #f5f7fb; --seg-track: #e3e8f0; --seg-on: #fff;
  --glass: #fff; --glass-strong: #fff; --glass-soft: #f5f7fb; --glass-hi: inset 0 0 0 1px var(--line);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(150, 165, 190, .28);
  --glass-shadow: inset 0 0 0 1px rgba(150, 165, 190, .28), 0 1px 2px rgba(10, 25, 55, .05), 0 14px 32px -20px rgba(10, 25, 55, .4);
  --glass-shadow-lg: 0 2px 6px rgba(10, 25, 55, .08), 0 30px 70px -26px rgba(10, 25, 55, .55);
  --shadow: 0 1px 2px rgba(10, 25, 55, .05), 0 14px 34px -16px rgba(10, 25, 55, .3);
  --brand: #12306a;
}
html[data-theme="navy"] body { background: #eef1f6 !important; color: var(--dark); }
html[data-theme="navy"] body::before {
  background: radial-gradient(40% 36% at 100% 0%, rgba(201, 160, 63, .16), transparent 70%), radial-gradient(44% 44% at 0% 100%, rgba(28, 69, 144, .14), transparent 70%),
              linear-gradient(160deg, #f6f8fb 0%, #eaeef4 55%, #e2e8f1 100%) !important; }
html[data-theme="navy"] body::after { opacity: 0 !important; }

/* шапка и меню слева — тёмно-синее стекло, активный пункт — золото */
html[data-theme="navy"] .top { background: linear-gradient(180deg, rgba(11, 31, 69, .96), rgba(7, 21, 48, .94)) !important; box-shadow: inset 0 -1px 0 rgba(228, 196, 106, .35), 0 10px 26px -18px rgba(7, 21, 48, .7) !important; color: #fff; }
html[data-theme="navy"] .top__brand em, html[data-theme="navy"] .top__brand, html[data-theme="navy"] .top h1 { color: #fff !important; }
html[data-theme="navy"] .top__brand span, html[data-theme="navy"] #brandSub { color: #c3cde0 !important; }
html[data-theme="navy"] .top .brand, html[data-theme="navy"] .top__logo { filter: none; }
html[data-theme="navy"] .top__info { color: #dbe3f0; }
html[data-theme="navy"] .top__info b, html[data-theme="navy"] .top__info strong { color: #fff; }
html[data-theme="navy"] .top__info small { color: #b7c3d8 !important; }
html[data-theme="navy"] #tabs, html[data-theme="navy"] .tabs { background: linear-gradient(170deg, #12306a 0%, #0b1f45 55%, #071530 100%) !important; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .28), 0 24px 50px -30px rgba(7, 21, 48, .8) !important; }
html[data-theme="navy"] #tabs > button, html[data-theme="navy"] #tabs > a { color: #c3cde0 !important; }
html[data-theme="navy"] #tabs > button:hover { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
html[data-theme="navy"] #tabs > button.is-active { background: var(--goldx) !important; color: #071530 !important; box-shadow: 0 6px 16px -8px rgba(184, 134, 43, .9), inset 0 1px 0 rgba(255, 255, 255, .6) !important; }
html[data-theme="navy"] .me-av, html[data-theme="navy"] .tabs__av { background: var(--goldx) !important; color: #071530 !important; box-shadow: 0 0 0 3px rgba(228, 196, 106, .25), 0 6px 16px -6px rgba(0, 0, 0, .5) !important; }
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"] .theme-sw button[aria-pressed="true"] { background: rgba(255, 255, 255, .18); }

/* кнопки: основная — тёмно-синяя, второстепенная — хром */
html[data-theme="navy"] .btn:not(.btn--ghost):not(.btn--danger):not(.btn--light) {
  background: linear-gradient(180deg, #1c4590 0%, #12306a 55%, #0b1f45 100%) !important; color: #fff !important; border-color: transparent !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 1px 2px rgba(7, 21, 48, .3), 0 10px 22px -12px rgba(7, 21, 48, .85) !important; }
html[data-theme="navy"] .btn:not(.btn--ghost):not(.btn--danger):not(.btn--light):hover { background: linear-gradient(180deg, #2352a6 0%, #163a7c 100%) !important; }
html[data-theme="navy"] .btn--ghost { background: var(--chrome) !important; color: #12306a !important; box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #b4bfcf, 0 1px 2px rgba(7, 21, 48, .06) !important; }
html[data-theme="navy"] .btn--ghost:hover { filter: brightness(1.04); }
html[data-theme="navy"] .btn.dx-wa__go:not(.btn--ghost), html[data-theme="navy"] .tm-row .btn:not(.btn--ghost) { background: #1f9d55 !important; }
html[data-theme="navy"] .seg button.is-active, html[data-theme="navy"] #views button.is-active { color: #12306a !important; box-shadow: 0 1px 2px rgba(7, 21, 48, .12), 0 3px 10px rgba(7, 21, 48, .12), inset 0 -2px 0 #c9a03f !important; }

/* карточки и вложенные блоки — белые, с серебристой каймой */
html[data-theme="navy"] .panel .panel, html[data-theme="navy"] .cc .panel, html[data-theme="navy"] .pcard .stage, html[data-theme="navy"] .pcard .visit, html[data-theme="navy"] .pstats,
html[data-theme="navy"] .ledger, html[data-theme="navy"] .fill, html[data-theme="navy"] .ro, html[data-theme="navy"] .gbox, html[data-theme="navy"] .remline, html[data-theme="navy"] .photoline, html[data-theme="navy"] .me-x__row {
  background: var(--nest) !important; box-shadow: inset 0 0 0 1px rgba(150, 165, 190, .3) !important; }
html[data-theme="navy"] .care-card { background: linear-gradient(160deg, #fff, #f2f5fa) !important; box-shadow: inset 0 0 0 1px rgba(150, 165, 190, .3) !important; }
html[data-theme="navy"] .brand, html[data-theme="navy"] .brand--brown, html[data-theme="navy"] .ps-tile--dark, html[data-theme="navy"] .ti__next, html[data-theme="navy"] .vm__head, html[data-theme="navy"] .an-head {
  background: radial-gradient(60% 80% at 100% 0%, rgba(228, 196, 106, .28), transparent 70%), linear-gradient(150deg, #1c4590 0%, #12306a 45%, #071530 100%) !important; color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .35), 0 18px 40px -22px rgba(7, 21, 48, .8) !important; }
html[data-theme="navy"] .gate__logo, html[data-theme="navy"] .meprof__av:not(.meprof__av--img), html[data-theme="navy"] .mephoto__ph, html[data-theme="navy"] .mk-av,
html[data-theme="navy"] .ach-b.is-on .ach-b__ic, html[data-theme="navy"] .tm-det__n, html[data-theme="navy"] .sy--gc .sy-ic { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] .newb { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] .ach-b__bar i, html[data-theme="navy"] .fill__bar i { background: linear-gradient(90deg, #12306a, #c9a03f) !important; }
html[data-theme="navy"] .gate-tour__cta .btn { background: var(--goldx) !important; color: #071530 !important; }

/* поля ввода */
html[data-theme="navy"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html[data-theme="navy"] select, html[data-theme="navy"] textarea { border-color: #c3ccd9 !important; background: #fff !important; }
html[data-theme="navy"] input::placeholder, html[data-theme="navy"] textarea::placeholder { color: #8a96ab; }
html[data-theme="navy"] input:focus, html[data-theme="navy"] select:focus, html[data-theme="navy"] textarea:focus { border-color: #c9a03f !important; box-shadow: 0 0 0 4px rgba(201, 160, 63, .2) !important; }
html[data-theme="navy"] input[type="checkbox"], html[data-theme="navy"] input[type="radio"] { accent-color: #12306a; }

/* окна */
html[data-theme="navy"] dialog, html[data-theme="navy"] .drawer, html[data-theme="navy"] .cmdk__box { background: linear-gradient(160deg, #ffffff, #f3f6fa) !important; }
html[data-theme="navy"] dialog::backdrop { background: rgba(7, 21, 48, .45) !important; }

/* календарь */
html[data-theme="navy"] .wk__day, html[data-theme="navy"] .wk__col, html[data-theme="navy"] .mo__c { border-color: rgba(18, 48, 106, .12) !important; }
html[data-theme="navy"] .wk__head .is-today b, html[data-theme="navy"] .is-today .wk__n, html[data-theme="navy"] .mo__c.is-today .mo__n { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] a { color: #1c4590; }

/* вход в кабинет */
html[data-theme="navy"] .gate { background: radial-gradient(40% 60% at 85% 15%, rgba(201, 160, 63, .22), transparent 70%), radial-gradient(45% 70% at 10% 100%, rgba(60, 110, 200, .35), transparent 70%), linear-gradient(160deg, #12306a, #0b1f45 45%, #071530) !important; }
html[data-theme="navy"] .gate__box { background: linear-gradient(160deg, #ffffff, #f2f5fa) !important; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .4), 0 40px 90px -30px rgba(0, 0, 0, .7) !important; }
html[data-theme="navy"] .gate-tour { color: #fff; }

/* переключатель на телефоне — строкой в «Настройках» (в шапке на телефоне место занято кнопками) */
.theme-row { display: none; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; padding: 10px 14px; border-radius: 16px; background: var(--surface, #fff); box-shadow: var(--glass-shadow, 0 1px 2px rgba(0,0,0,.06)); font-weight: 650; }
@media (max-width: 700px) { header.top .theme-sw--head { display: none !important; } .theme-row { display: flex; } .theme-row .theme-sw { margin-left: 0; background: rgba(0,0,0,.05); } }
html[data-theme="navy"] .theme-row { color: #0d1d3d; }
html[data-theme="navy"] .ti__hello span, html[data-theme="navy"] .top__info span:not([class]) { color: #b7c3d8 !important; }
html[data-theme="navy"] .myday__chips span { background: #e6ebf3 !important; color: #12306a !important; }
html[data-theme="navy"] .myday__prog { background: #e6ebf3 !important; }
html[data-theme="navy"] .toolbar button:not(.btn):not(.is-active), html[data-theme="navy"] .me-hero-nav button { background: var(--chrome) !important; color: #12306a !important; box-shadow: inset 0 0 0 1px #b4bfcf !important; border-color: transparent !important; }
/* синие: остатки тёплых плашек (смысловые цвета — долг, заявки, статусы — не трогаем) */
html[data-theme="navy"] .chip-adv { background: #e6ebf3 !important; color: #12306a !important; box-shadow: inset 0 0 0 1px #c3ccd9 !important; }
html[data-theme="navy"] .chip-adv.is-on, html[data-theme="navy"] .chip-adv[aria-pressed="true"] { background: #12306a !important; color: #fff !important; }
html[data-theme="navy"] em.fb { background: #e6ebf3 !important; color: #12306a !important; } html[data-theme="navy"] em.fb.ok { background: rgba(31, 157, 85, .14) !important; color: #1b7a45 !important; }
html[data-theme="navy"] .me-x__ic, html[data-theme="navy"] .ach-b__ic { background: var(--chrome) !important; color: #12306a !important; box-shadow: inset 0 0 0 1px #b9c3d1 !important; }
html[data-theme="navy"] .ach-b { background: #fff !important; box-shadow: inset 0 0 0 1px var(--line) !important; }
html[data-theme="navy"] .ach-b.is-on { background: linear-gradient(160deg, #fff, #f3f6fb) !important; box-shadow: inset 0 0 0 1.5px #d4b35c !important; }
html[data-theme="navy"] .meprof__ref, html[data-theme="navy"] .ref-subnote { background: linear-gradient(160deg, #f6f8fc, #e9eef6) !important; box-shadow: inset 0 0 0 1px rgba(150, 165, 190, .35) !important; }
html[data-theme="navy"] .sub-p.is-cur { border-color: #12306a !important; background: #f3f6fb !important; box-shadow: inset 0 0 0 1px #d4b35c; }
html[data-theme="navy"] .is-gift { background: var(--goldx) !important; color: #071530 !important; }
html[data-theme="navy"] kbd { background: #e6ebf3 !important; color: #12306a !important; border-color: #c3ccd9 !important; }
html[data-theme="navy"] .ti__bk { background: rgba(255, 255, 255, .12) !important; color: #fff !important; }
html[data-theme="navy"] .gate-tour a:not(.btn) { color: #f3dc94 !important; }
html[data-theme="navy"] .gate-tour .btn, html[data-theme="navy"] .gate-tour__cta .btn { background: var(--goldx) !important; color: #071530 !important; box-shadow: 0 12px 24px -14px rgba(184, 134, 43, .95) !important; }
html[data-theme="navy"] .gate-tour p, html[data-theme="navy"] .gate-tour li { color: #c9d3e4; } html[data-theme="navy"] .gate-tour b, html[data-theme="navy"] .gate-tour h2 { color: #fff; }
html[data-theme="navy"] .care-next, html[data-theme="navy"] .lkline { background: #f3f6fb !important; }
html[data-theme="navy"] .gate-tour__cta .btn:not(.btn--ghost):not(.btn--danger):not(.btn--light) { background: var(--goldx) !important; color: #071530 !important; box-shadow: 0 12px 24px -14px rgba(184, 134, 43, .95), inset 0 1px 0 rgba(255, 255, 255, .6) !important; }

/* «Начало работы» — компактно: строка с кнопкой «дальше» и шагами-плашками */
.welcome__head--c { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.welcome__head--c > b { font-size: 16px; font-weight: 750; }
.welcome__cnt { padding: 2px 10px; border-radius: 999px; background: rgba(0,0,0,.06); font-weight: 700; font-size: 12.5px; }
.welcome__trial { font-size: 12.5px; color: var(--ink2); }
.welcome__head--c .link { margin-left: auto; }
.welcome__row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.welcome__next { flex: none; }
.welcome__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.welcome__chips button { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 6px; border: 0; border-radius: 999px; background: rgba(0,0,0,.045); font: 600 12.5px var(--body); color: var(--dark); cursor: pointer; }
.welcome__chips button i { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.welcome__chips button.is-done { opacity: .55; cursor: default; text-decoration: line-through; }
.welcome__chips button.is-done i { background: #1e8e5a; color: #fff; box-shadow: none; }
.welcome__chips button.is-next { box-shadow: inset 0 0 0 1.5px var(--accent); }
.welcome .welcome__steps { display: none; }
html[data-theme="navy"] .welcome__chips button.is-next { box-shadow: inset 0 0 0 1.5px #c9a03f; }
html[data-theme="navy"] .welcome__cnt { background: #e6ebf3; color: #12306a; }
@media (max-width: 700px) { .welcome__chips { display: none; } .welcome__next { width: 100%; } }@media (max-width: 700px) { .welcome__head--c { flex-wrap: nowrap; flex-direction: row; align-items: center; } .welcome__trial { display: none; } .welcome__head--c .link { margin: 0 0 0 auto; } .welcome__row { margin-top: 8px; } }
/* меню при наведении (раскрывается с календарём): в синей теме панель остаётся тёмно-синей — светлые подписи читаются; колонка с календарём — светлая карточка */
@media (min-width: 1000px) {
  html[data-theme="navy"] #tabs:hover:not(.force-collapsed):not(.me-shut) { background: linear-gradient(170deg, #12306a 0%, #0b1f45 55%, #071530 100%) !important; border-color: rgba(228, 196, 106, .3) !important; box-shadow: 0 30px 70px -18px rgba(7, 21, 48, .6), inset 0 0 0 1px rgba(228, 196, 106, .28) !important; }
  html[data-theme="navy"] #tabs:hover > button { color: #dfe6f2 !important; }
  html[data-theme="navy"] #tabs:hover > button:hover { color: #fff !important; background: rgba(255, 255, 255, .1) !important; }
  html[data-theme="navy"] #tabs:hover > button.is-active { color: #071530 !important; }
  html[data-theme="navy"] #tabs #meCard { background: #f7f9fc !important; border-color: rgba(228, 196, 106, .35) !important; color: #0d1d3d; }
}html[data-theme="navy"] #tabs #btnNew, html[data-theme="navy"] #tabs #btnNew .ic { color: #f3dc94 !important; }
/* меню слева: выбранный пункт — светлый хром с тёмно-синим значком (золото на золоте не читалось), аватар — синий с золотой каймой, чтобы не сливался с выбранным пунктом */
html[data-theme="navy"] #tabs > button.is-active { background: linear-gradient(135deg, #ffffff 0%, #e6ebf3 45%, #f7f9fc 70%, #cfd7e3 100%) !important; color: #0b1f45 !important; box-shadow: inset 0 0 0 1.5px #d9b45a, 0 6px 16px -8px rgba(0, 0, 0, .55) !important; }
html[data-theme="navy"] #tabs > button.is-active .ic { color: #12306a !important; }
html[data-theme="navy"] .me-av, html[data-theme="navy"] .tabs__av { background: linear-gradient(150deg, #1c4590, #0b1f45) !important; color: #f3dc94 !important; box-shadow: 0 0 0 2px #d9b45a, 0 6px 16px -6px rgba(0, 0, 0, .6) !important; }
@media (max-width: 999px) { html[data-theme="navy"] .tabs > button.is-active .ic { color: #12306a !important; } }
/* телефон: круглые кнопки в шапке (поиск, выход) — хром с тёмно-синим значком; светлый значок меню на светлом круге не читался */
@media (max-width: 999px) {
  html[data-theme="navy"] #tabs > #btnSearch, html[data-theme="navy"] #tabs > #btnLogout { background: linear-gradient(135deg, #ffffff 0%, #e6ebf3 50%, #cfd7e3 100%) !important; border: 1px solid rgba(228, 196, 106, .55) !important; color: #12306a !important; }
  html[data-theme="navy"] #tabs > #btnSearch .ic, html[data-theme="navy"] #tabs > #btnLogout .ic { color: #12306a !important; }
}