/* ==========================================================================
   tp-web.css — facelift webu pre trénerov, krok W1: rámec (menu, hlavička,
   pozadie, tmavý režim). Platí len pre <body class="chat-page tp-shell">.
   Vrátenie celého kroku: odobrať triedu tp-shell v templates/chat.html.
   Žiadne ID, onclick ani funkcie v app.js sa nemenia; skryté prvky ostávajú
   v DOM, aby ich JS našiel ako doteraz.
   Štýl: Facelift-2026-10/dokumenty/Dizajn-Styl-Appiek.md
   ========================================================================== */

body.tp-shell {
  --tp-burgundy: #81001a;
  --tp-burgundy-soft: rgba(129, 0, 26, 0.08);
  --tp-burgundy-active: rgba(129, 0, 26, 0.10);
  --tp-fill: #81001a; /* plné tlačidlá; v tmavom režime ostáva sýta, aby biely text bol čitateľný */
  --tp-sand: #e7dcc6;
  --tp-ember: #e8734a;
  --tp-page: #f6f2ec;
  --tp-surface: #ffffff;
  --tp-surface-2: #f3eee7;
  --tp-text: #2a0a12;
  --tp-text-muted: rgba(129, 0, 26, 0.72);
  --tp-line: rgba(129, 0, 26, 0.12);
  --tp-shadow-card: 0 12px 40px rgba(13, 13, 13, 0.06);
  --tp-shadow-float: 0 20px 60px rgba(13, 13, 13, 0.18);
  --tp-radius-card: 24px;
  --tp-sidebar: 232px;
  --tp-rail: 76px;
  --tp-ease: cubic-bezier(.22, 1, .36, 1);

  /* staré premenné appky prepojené na nové tokeny */
  --bg: var(--tp-page);
  --card: var(--tp-surface);
  --text: var(--tp-text);
  --muted: var(--tp-text-muted);
  --border: var(--tp-line);

  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--tp-page) !important;
  color: var(--tp-text);
  -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] body.tp-shell {
  /* vyšší kontrast (Erik 12. 10.): svetlejší text, zreteľnejšie čiary a karty oddelené od pozadia */
  --tp-burgundy: #f6b6c1;
  --tp-burgundy-soft: rgba(246, 182, 193, 0.12);
  --tp-burgundy-active: rgba(246, 182, 193, 0.20);
  --tp-fill: #a8153a;
  --tp-page: #100709;
  --tp-surface: #22141a;
  --tp-surface-2: #301d24;
  --tp-text: #fbf4f1;
  --tp-text-muted: rgba(251, 244, 241, 0.80);
  --tp-line: rgba(251, 244, 241, 0.20);
  --tp-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.35);
  --tp-shadow-float: 0 20px 60px rgba(0, 0, 0, 0.55);
  --input-bg: #2a181d;
}

/* Pozadie stránky je pokojné v každom móde (CASE/EDU ukazuje pruh módu). */
body.tp-shell.bg-case,
body.tp-shell.bg-edu,
body.tp-shell.bg-neutral { background: var(--tp-page) !important; }

/* ---------- Bočné menu: vľavo, svetlé, bez farebných položiek ---------- */
body.tp-shell #navSidebar {
  left: 0;
  right: auto;
  width: var(--tp-sidebar);
  background: var(--tp-surface);
  border-left: none;
  border-right: 1px solid var(--tp-line);
  padding: 0 12px 20px;
  font-family: inherit;
}
body.tp-shell .nsb-top-spacer { display: none; }

body.tp-shell .tp-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 8px 16px;
  text-decoration: none;
}
body.tp-shell .tp-brand img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: contain;
  background: var(--tp-surface-2);
  border: 1px solid var(--tp-line);
}
body.tp-shell .tp-brand-name { font-size: 15px; font-weight: 600; color: var(--tp-burgundy); line-height: 1.2; }
body.tp-shell .tp-brand-sub { font-size: 12px; color: var(--tp-text-muted); }

body.tp-shell .nsb-group-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: var(--tp-text-muted) !important;
  padding: 14px 12px 4px;
}
body.tp-shell .nsb-sep { background: var(--tp-line); margin: 8px 8px; }

body.tp-shell .nsb-item {
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500 !important;
  color: var(--tp-text) !important;
  transition: background .2s var(--tp-ease);
}
body.tp-shell .nsb-item:hover { background: var(--tp-burgundy-soft); }
body.tp-shell .nsb-item.tp-active { background: var(--tp-burgundy-active); color: var(--tp-burgundy) !important; font-weight: 600 !important; }

body.tp-shell .tp-nav-icon { width: 20px; height: 20px; flex: 0 0 20px; color: var(--tp-burgundy); }
body.tp-shell .tp-nav-label { flex: 1 1 auto; }
body.tp-shell .tp-nav-badge {
  display: none;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--tp-fill);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
[data-theme="dark"] body.tp-shell .tp-nav-badge { color: #fff; }
body.tp-shell .tp-nav-badge.tp-show { display: inline-block; }

/* Položky, ktoré sú teraz v hlavnom menu, sa v skupinách nižšie neopakujú.
   V DOM ostávajú (JS ich používa, napr. menuClientCards.click()). */
body.tp-shell #navSidebar #menuClientCards,
body.tp-shell #navSidebar #menuRozvrh,
body.tp-shell #navSidebar #menuSpravyItem,
body.tp-shell #navSidebar a.nsb-item[href="/koniec-dna"]:not(.tp-primary) { display: none !important; }

/* Štatistiky v menu: neutrálne dlaždice */
body.tp-shell #cockpitStrip { margin: 4px 0 8px !important; }
body.tp-shell #cockpitStrip > div > div {
  background: var(--tp-surface-2) !important;
  border: none !important;
  border-radius: 14px !important;
}
body.tp-shell #cockpitStrip [id^="cp"] { color: var(--tp-burgundy) !important; font-variant-numeric: tabular-nums; }
body.tp-shell #cockpitStrip #cpChurn { color: #b42318 !important; }
body.tp-shell #cockpitStrip div div div:last-child { color: var(--tp-text-muted) !important; }

body.tp-shell #sidebarViacBtn { color: var(--tp-text-muted) !important; padding: 10px 12px !important; border-radius: 14px; }

/* Obsah sa posúva doprava od menu (pôvodne bolo menu vpravo). */
body.tp-shell .header { padding-right: 20px !important; }
body.tp-shell .body { padding-right: 24px !important; }
body.tp-shell .wrap { margin-left: var(--tp-sidebar); max-width: none; }

/* ---------- Hlavička: biela lišta, jednotné tlačidlá ---------- */
body.tp-shell .wrap > .card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.tp-shell .header {
  background: var(--tp-surface) !important;
  border-bottom: 1px solid var(--tp-line);
  min-height: 72px;
  padding-left: 28px !important;
  position: sticky;
  top: 0;
  z-index: 120;
}
[data-theme="dark"] body.tp-shell .header { background: var(--tp-surface) !important; }
body.tp-shell .header .logo { display: none; }
body.tp-shell .header .title h1 { font-size: 20px !important; font-weight: 600 !important; color: var(--tp-burgundy) !important; letter-spacing: 0; }
body.tp-shell .header .title .sub { display: none; }
body.tp-shell .header #appVersionLabel { border-color: var(--tp-line) !important; color: var(--tp-text-muted) !important; }

body.tp-shell .header button,
body.tp-shell .header #btnReservioToggle,
body.tp-shell .header #btnDayPlanToggle,
body.tp-shell .header #btnNotifications,
body.tp-shell .header #btnThemeToggle,
body.tp-shell .header #btnActivityFeed,
body.tp-shell .header #btnFeedbackNotif,
body.tp-shell .header #btnSwitchToAdmin,
body.tp-shell .header #btnLogout {
  min-height: 44px;
  border-radius: 999px !important;
  border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  padding: 8px 16px !important;
}
body.tp-shell .header button:hover,
body.tp-shell .header #btnReservioToggle:hover,
body.tp-shell .header #btnDayPlanToggle:hover,
body.tp-shell .header #btnNotifications:hover,
body.tp-shell .header #btnThemeToggle:hover,
body.tp-shell .header #btnActivityFeed:hover,
body.tp-shell .header #btnFeedbackNotif:hover,
body.tp-shell .header #btnSwitchToAdmin:hover,
body.tp-shell .header #btnLogout:hover { background: var(--tp-burgundy-soft) !important; }
body.tp-shell .header #btnNotifications { width: 44px; padding: 0 !important; justify-content: center; }
body.tp-shell .header #btnLogout { color: var(--tp-text-muted) !important; }
body.tp-shell .header .trainer { color: var(--tp-text-muted) !important; font-size: 14px; }
body.tp-shell .header .trainer strong { color: var(--tp-text) !important; }
body.tp-shell .header .title h1 { color: var(--tp-burgundy) !important; }
/* odznaky na tlačidlách hlavičky: jedna farba */
body.tp-shell .header button > span[id$="Badge"] {
  background: var(--tp-fill) !important;
  border: 2px solid var(--tp-surface) !important;
  box-shadow: none !important;
  color: #fff !important;
}
/* Správy a Rozvrh sú v menu; v hlavičke ich treba len na telefóne bez menu. */
body.tp-shell .header #btnClientMsgs,
body.tp-shell .header #btnReservioToggle { display: none !important; }

/* Citát dňa: tichý pruh */
body.tp-shell #stoicQuoteBar {
  background: var(--tp-surface-2) !important;
  border-bottom: 1px solid var(--tp-line) !important;
}
body.tp-shell #stoicQuoteBar #stoicQuoteText { color: var(--tp-text) !important; }
body.tp-shell #stoicQuoteBar #stoicQuoteAuthor,
body.tp-shell #stoicQuoteBar > span:first-child,
body.tp-shell #stoicQuoteBar > span:last-child { color: var(--tp-text-muted) !important; }

/* ---------- Obsah ---------- */
body.tp-shell .body { padding-left: 28px !important; padding-top: 20px; }
body.tp-shell .statusbar .pill { border-radius: 999px; background: var(--tp-surface); border: 1px solid var(--tp-line); color: var(--tp-burgundy); }
body.tp-shell #modeBar { border-radius: 20px !important; box-shadow: var(--tp-shadow-card); }

/* Živé upozornenia (vľavo dole) nesmú zakryť menu, ktoré je teraz vľavo. */
body.tp-shell #liveToastContainer { left: calc(var(--tp-sidebar) + 24px) !important; right: auto !important; }

/* Lišta bežiaceho tréningu ostáva hore pri prechádzaní stránky. */
body.tp-shell #activeTrainingBanner {
  position: sticky;
  top: 84px;
  z-index: 110;
  border-radius: 20px !important;
}

/* ---------- Tablet (761–1100 px): úzka lišta s ikonami ---------- */
@media (min-width: 761px) and (max-width: 1100px) {
  body.tp-shell #navSidebar {
    transform: none !important;
    width: var(--tp-rail);
    padding: 0 8px 16px;
    box-shadow: none !important;
  }
  body.tp-shell .wrap { margin-left: var(--tp-rail); }
  body.tp-shell #liveToastContainer { left: calc(var(--tp-rail) + 16px) !important; }
  body.tp-shell #navSidebarToggle,
  body.tp-shell #navSidebarBackdrop:not(.visible) { display: none !important; }

  /* zatvorené: len znak a ikony hlavného menu */
  body.tp-shell #navSidebar:not(.open) > :not(.tp-brand):not(.tp-primary) { display: none !important; }
  body.tp-shell #navSidebar:not(.open) .tp-brand { justify-content: center; padding: 16px 0 12px; }
  body.tp-shell #navSidebar:not(.open) .tp-brand-text,
  body.tp-shell #navSidebar:not(.open) .tp-nav-label { display: none; }
  body.tp-shell #navSidebar:not(.open) .tp-primary { justify-content: center; padding: 10px 0; position: relative; }
  body.tp-shell #navSidebar:not(.open) .tp-primary .tp-nav-badge { position: absolute; top: 4px; right: 6px; min-width: 18px; height: 18px; line-height: 18px; font-size: 10px; padding: 0 5px; }

  /* „Viac“ otvorí celé menu ako vysúvací panel (všetky položky ako na počítači) */
  body.tp-shell #navSidebar.open { width: var(--tp-sidebar); padding: 0 12px 20px; box-shadow: var(--tp-shadow-float) !important; z-index: 360; }
  body.tp-shell #navSidebarBackdrop.visible { display: block; position: fixed; inset: 0; z-index: 350; background: rgba(20, 10, 13, 0.36); }
}

/* ---------- Telefón (≤ 760 px): spodné menu, bočné menu ako panel ---------- */
#tpBottomNav { display: none; }
@media (max-width: 760px) {
  body.tp-shell .wrap { margin-left: 0; }
  body.tp-shell .header { padding-left: 16px !important; padding-right: 16px !important; min-height: 60px; }
  body.tp-shell .header .title h1 { font-size: 16px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.tp-shell .header #appVersionLabel { display: none !important; }
  /* tlačidlá hlavičky v jednom riadku, posúvateľné */
  body.tp-shell .header > div:last-child {
    flex: 1 1 100% !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    gap: 8px !important;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  body.tp-shell .header > div:last-child::-webkit-scrollbar { display: none; }
  body.tp-shell .header button { flex: 0 0 auto; white-space: nowrap; }
  body.tp-shell .header .trainer { flex: 0 0 auto; white-space: nowrap; }
  body.tp-shell .body { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 110px; }
  body.tp-shell #navSidebar {
    left: 0;
    right: auto;
    transform: translateX(-100%);
    transition: transform .3s var(--tp-ease);
    z-index: 3300;
    width: min(86vw, 320px);
  }
  body.tp-shell #navSidebar.open { transform: translateX(0); box-shadow: var(--tp-shadow-float); }
  body.tp-shell #navSidebarBackdrop.visible { z-index: 3290; background: rgba(20, 10, 13, 0.36); }
  body.tp-shell #navSidebarToggle { display: none !important; }
  body.tp-shell #activeTrainingBanner { top: 68px; }

  body.tp-shell #tpBottomNav {
    display: flex;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    height: 68px;
    padding: 6px;
    gap: 2px;
    background: var(--tp-surface);
    border-radius: 999px;
    box-shadow: var(--tp-shadow-float);
    z-index: 3250;
  }
  body.tp-shell #tpBottomNav button,
  body.tp-shell #tpBottomNav a {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: none;
    border-radius: 999px;
    background: none;
    color: var(--tp-burgundy);
    font: 600 11px/1.1 "Inter", ui-sans-serif, system-ui, sans-serif;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
  }
  body.tp-shell #tpBottomNav .tp-active { background: var(--tp-burgundy-active); }
  body.tp-shell #tpBottomNav .tp-nav-icon { width: 22px; height: 22px; flex-basis: 22px; }
  body.tp-shell #tpBottomNav .tp-nav-badge { position: absolute; top: 4px; left: calc(50% + 4px); min-width: 18px; height: 18px; line-height: 18px; font-size: 10px; padding: 0 5px; }

  /* plávajúce bubliny nad spodným menu */
  body.tp-shell #tchatBubble { bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; right: 16px !important; width: 56px !important; height: 56px !important; }
  body.tp-shell #liveToastContainer { bottom: 96px !important; left: 16px !important; right: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.tp-shell *, body.tp-shell *::before, body.tp-shell *::after { transition: none !important; }
}

/* ==========================================================================
   W2 — obrazovka tréningu. Trieda tp-training na <body> pridáva tp-shell.js,
   keď je viditeľná lišta #activeTrainingBanner. Len poradie a vzhľad sekcií;
   všetky sekcie, tlačidlá a ID ostávajú.
   ========================================================================== */

/* Lišta „Tréning beží“: burgundy, biely text */
body.tp-shell #activeTrainingBanner {
  background: var(--tp-fill) !important;
  border: none !important;
  border-left: none !important;
  box-shadow: var(--tp-shadow-card) !important;
  padding: 14px 18px !important;
}
[data-theme="dark"] body.tp-shell #activeTrainingBanner { background: #5c0414 !important; }
body.tp-shell #activeTrainingBanner #trainingStatusDot { background: #fff !important; box-shadow: none !important; width: 10px !important; height: 10px !important; }
body.tp-shell #activeTrainingBanner #trainingStatusDot + div > div:first-child {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
body.tp-shell #activeTrainingBanner #bannerClientName { color: #fff !important; font-size: 17px !important; font-weight: 600 !important; }
body.tp-shell #activeTrainingBanner #trainingTimer {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-variant-numeric: tabular-nums;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
}
body.tp-shell #activeTrainingBanner button {
  min-height: 40px;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  background: transparent !important;
  color: #fff !important;
  font-family: inherit;
  font-weight: 600 !important;
}
body.tp-shell #activeTrainingBanner button:hover { background: rgba(255, 255, 255, 0.12) !important; }
body.tp-shell #activeTrainingBanner #btnBannerEndTraining {
  background: #fff !important;
  color: var(--tp-burgundy) !important;
  border-color: #fff !important;
}
[data-theme="dark"] body.tp-shell #activeTrainingBanner #btnBannerEndTraining { color: #5c0414 !important; }
body.tp-shell #activeTrainingBanner #audioRecordingBar { background: rgba(255, 255, 255, 0.94) !important; border: none !important; border-radius: 16px !important; }

/* Sekcie tréningu ako karty */
body.tp-shell .body > .session-panel,
body.tp-shell #clientSummaryPanel,
body.tp-shell #quickActionsPanel {
  background: var(--tp-surface) !important;
  border: 1px solid var(--tp-line) !important;
  border-radius: var(--tp-radius-card) !important;
  box-shadow: var(--tp-shadow-card) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  color: var(--tp-text);
}
body.tp-shell .body > .session-panel h3,
body.tp-shell .body > .session-panel h4 { color: var(--tp-burgundy); font-weight: 600; }

/* Panel klienta: z tej istej žltej karty pokojná karta */
body.tp-shell #clientSummaryPanel * { border-color: var(--tp-line) !important; }
body.tp-shell #clientSummaryPanel > div,
body.tp-shell #clientSummaryPanel [style*="background"] { background: transparent !important; }
body.tp-shell #clientSummaryPanel [style*="border-left"] {
  background: var(--tp-sand) !important;
  border-left: none !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
}
[data-theme="dark"] body.tp-shell #clientSummaryPanel [style*="border-left"] { background: var(--tp-surface-2) !important; }
body.tp-shell #clientSummaryPanel { color: var(--tp-text) !important; }
body.tp-shell #clientSummaryPanel [style*="color"] { color: inherit !important; }

/* Tagy z obrazovky tréningu preč (dáta aj štatistiky ostávajú, Erik 9. 10.) */
body.tp-shell.tp-training #tagsPanel,
body.tp-shell.tp-training .session-tab[data-tab="tags"] { display: none !important; }
/* Počas tréningu netreba scoreboard ani záložky — všetko je na jednej obrazovke */
body.tp-shell.tp-training #homeScoreboardBtn { display: none !important; }

/* Počítač: dva stĺpce — vľavo zápis, vpravo klient */
@media (min-width: 1101px) {
  body.tp-shell.tp-training .body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    column-gap: 20px;
    align-items: start;
    grid-auto-flow: row dense;
  }
  body.tp-shell.tp-training .body > * { grid-column: 1; min-width: 0; }
  body.tp-shell.tp-training .body > .statusbar,
  body.tp-shell.tp-training .body > #modeBar,
  body.tp-shell.tp-training .body > #activeTrainingBanner { grid-column: 1 / -1; }
  body.tp-shell.tp-training #sessionTabsContainer { display: none !important; }

  /* poradie (Erik 9. 10.): lišta → video → poznámky → cviky → diagnostika → koncepty → asistent */
  body.tp-shell.tp-training .body > * { order: 30; }
  body.tp-shell.tp-training .body > .statusbar { order: 0; }
  body.tp-shell.tp-training .body > #modeBar { order: 1; }
  body.tp-shell.tp-training .body > #activeTrainingBanner { order: 2; }
  body.tp-shell.tp-training .body > #clientSummaryPanel { order: 5; }
  body.tp-shell.tp-training .body > #quickActionsPanel { order: 6; }
  body.tp-shell.tp-training .body > #exercisesPanel { order: 12; }
  body.tp-shell.tp-training .body > #notesPanel { order: 11; }
  body.tp-shell.tp-training .body > #lastVideoPanel { order: 10; }
  body.tp-shell.tp-training .body > #diagnosticsPanel { order: 13; }
  body.tp-shell.tp-training .body > #konceptyPanel { order: 14; }
  body.tp-shell.tp-training .body > #questionGuidePanel { order: 20; }
  body.tp-shell.tp-training .body > .composer { order: 21; }

  /* pravý stĺpec: klient (prilepený) a rýchle akcie */
  body.tp-shell.tp-training .body > #quickActionsPanel { grid-column: 2; }
  body.tp-shell.tp-training .body > #clientSummaryPanel { grid-column: 2; grid-row: span 3; position: sticky; top: 176px; }
}

/* Tablet a telefón: jeden stĺpec, video, poznámky a cviky hneď pod lištou */
@media (max-width: 1100px) {
  body.tp-shell.tp-training .body { display: flex; flex-direction: column; }
  body.tp-shell.tp-training .body > * { order: 30; }
  body.tp-shell.tp-training .body > .statusbar { order: 0; }
  body.tp-shell.tp-training .body > #modeBar { order: 1; }
  body.tp-shell.tp-training .body > #activeTrainingBanner { order: 2; }
  body.tp-shell.tp-training .body > #sessionTabsContainer { order: 3; }
  body.tp-shell.tp-training .body > #exercisesPanel { order: 12; }
  body.tp-shell.tp-training .body > #notesPanel { order: 11; }
  body.tp-shell.tp-training .body > #clientSummaryPanel { order: 13; }
  body.tp-shell.tp-training .body > #quickActionsPanel { order: 14; }
  body.tp-shell.tp-training .body > #lastVideoPanel { order: 10; }
  body.tp-shell.tp-training .body > #diagnosticsPanel { order: 15; }
  body.tp-shell.tp-training .body > #konceptyPanel { order: 16; }
  body.tp-shell.tp-training .body > #questionGuidePanel { order: 20; }
  body.tp-shell.tp-training .body > .composer { order: 21; }
}
/* Erik 23. 10.: tablet počas tréningu, pohovor a cviky klienta nad tréningom (zbaliteľné). */
body.tp-shell #tpTrainingClient { display: none; }
@media (min-width: 761px) and (max-width: 1100px) {
  body.tp-shell.tp-training .body > #tpTrainingClient { display: block; order: 3; }
  body.tp-shell.tp-training .body > #sessionTabsContainer { order: 4; }
  body.tp-shell #tpTrainingClient > summary { cursor: pointer; font-weight: 700; padding: 4px 0; }
  body.tp-shell #tpTrainingClient .tp-tc-col { margin-top: 12px; max-height: 40vh; overflow: auto; }
}


/* ==========================================================================
   W3a — značkové tlačidlá (AppCta) a písmo Inter aj v poliach a tlačidlách.
   Farby sa len premapujú; vybraný/nevybraný stav ostáva rozlíšený.
   ========================================================================== */
body.tp-shell button,
body.tp-shell input,
body.tp-shell select,
body.tp-shell textarea { font-family: inherit !important; }
body.tp-shell button { letter-spacing: -0.011em; text-transform: none !important; }
body.tp-shell .body button,
body.tp-shell [id$="Modal"] button,
body.tp-shell [class*="modal"] button { border-radius: 999px !important; font-weight: 600 !important; }
/* zatváracie krížiky ostávajú okrúhle ikonové */
body.tp-shell [class*="close"],
body.tp-shell .cards-modal-close { border-radius: 50% !important; }

/* plné farebné → burgundy (primárna akcia) */
body.tp-shell button[style*="background:#7c3aed"],
body.tp-shell button[style*="background: #7c3aed"],
body.tp-shell button[style*="background:#7C3AED"],
body.tp-shell button[style*="background:#16a34a"],
body.tp-shell button[style*="background: #16a34a"],
body.tp-shell button[style*="background:#16A34A"],
body.tp-shell button[style*="background:#0ea5e9"],
body.tp-shell button[style*="background: #0ea5e9"],
body.tp-shell button[style*="background:#0EA5E9"],
body.tp-shell button[style*="background:#f59e0b"],
body.tp-shell button[style*="background: #f59e0b"],
body.tp-shell button[style*="background:#F59E0B"],
body.tp-shell button[style*="background:#10b981"],
body.tp-shell button[style*="background: #10b981"],
body.tp-shell button[style*="background:#10B981"],
body.tp-shell button[style*="background:#0369a1"],
body.tp-shell button[style*="background: #0369a1"],
body.tp-shell button[style*="background:#0369A1"],
body.tp-shell button[style*="background:#22c55e"],
body.tp-shell button[style*="background: #22c55e"],
body.tp-shell button[style*="background:#22C55E"],
body.tp-shell button[style*="background:#f97316"],
body.tp-shell button[style*="background: #f97316"],
body.tp-shell button[style*="background:#F97316"],
body.tp-shell button[style*="background:#eab308"],
body.tp-shell button[style*="background: #eab308"],
body.tp-shell button[style*="background:#EAB308"],
body.tp-shell button[style*="background:#d97706"],
body.tp-shell button[style*="background: #d97706"],
body.tp-shell button[style*="background:#D97706"],
body.tp-shell button[style*="background:#8b5cf6"],
body.tp-shell button[style*="background: #8b5cf6"],
body.tp-shell button[style*="background:#8B5CF6"],
body.tp-shell button[style*="background:#111827"],
body.tp-shell button[style*="background: #111827"],
body.tp-shell button[style*="background:#111827"],
body.tp-shell button[style*="background:#1a1a1a"],
body.tp-shell button[style*="background: #1a1a1a"],
body.tp-shell button[style*="background:#1A1A1A"],
body.tp-shell button[style*="background:#2563eb"],
body.tp-shell button[style*="background: #2563eb"],
body.tp-shell button[style*="background:#2563EB"],
body.tp-shell button[style*="background:#059669"],
body.tp-shell button[style*="background: #059669"],
body.tp-shell button[style*="background:#059669"],
body.tp-shell button[style*="background:#0284c7"],
body.tp-shell button[style*="background: #0284c7"],
body.tp-shell button[style*="background:#0284C7"],
body.tp-shell button[style*="background:#3b82f6"],
body.tp-shell button[style*="background: #3b82f6"],
body.tp-shell button[style*="background:#3B82F6"],
body.tp-shell button[style*="background:#6b1d2a"],
body.tp-shell button[style*="background: #6b1d2a"],
body.tp-shell button[style*="background:#6B1D2A"],
body.tp-shell button[style*="background:#8b1538"],
body.tp-shell button[style*="background: #8b1538"],
body.tp-shell button[style*="background:#8B1538"],
body.tp-shell button[style*="background:#7b2d3f"],
body.tp-shell button[style*="background: #7b2d3f"],
body.tp-shell button[style*="background:#7B2D3F"],
body.tp-shell button[style*="background:#0891b2"],
body.tp-shell button[style*="background: #0891b2"],
body.tp-shell button[style*="background:#0891B2"],
body.tp-shell button[style*="background:#0d9488"],
body.tp-shell button[style*="background: #0d9488"],
body.tp-shell button[style*="background:#0D9488"],
body.tp-shell button[style*="background:#b07e00"],
body.tp-shell button[style*="background: #b07e00"],
body.tp-shell button[style*="background:#B07E00"],
body.tp-shell button[style*="background:#9333ea"],
body.tp-shell button[style*="background: #9333ea"],
body.tp-shell button[style*="background:#9333EA"],
body.tp-shell button[style*="background:#4f46e5"],
body.tp-shell button[style*="background: #4f46e5"],
body.tp-shell button[style*="background:#4F46E5"] {
  background: var(--tp-fill) !important;
  border-color: var(--tp-burgundy) !important;
  color: #fff !important;
}

/* jemne tónované a biele → obrys (sekundárna akcia) */
body.tp-shell button[style*="background:#f5f3ff"],
body.tp-shell button[style*="background: #f5f3ff"],
body.tp-shell button[style*="background:#F5F3FF"],
body.tp-shell button[style*="background:#f0fdf4"],
body.tp-shell button[style*="background: #f0fdf4"],
body.tp-shell button[style*="background:#F0FDF4"],
body.tp-shell button[style*="background:#eff6ff"],
body.tp-shell button[style*="background: #eff6ff"],
body.tp-shell button[style*="background:#EFF6FF"],
body.tp-shell button[style*="background:#fffbeb"],
body.tp-shell button[style*="background: #fffbeb"],
body.tp-shell button[style*="background:#FFFBEB"],
body.tp-shell button[style*="background:#ecfeff"],
body.tp-shell button[style*="background: #ecfeff"],
body.tp-shell button[style*="background:#ECFEFF"],
body.tp-shell button[style*="background:#ecfdf5"],
body.tp-shell button[style*="background: #ecfdf5"],
body.tp-shell button[style*="background:#ECFDF5"],
body.tp-shell button[style*="background:#e0f2fe"],
body.tp-shell button[style*="background: #e0f2fe"],
body.tp-shell button[style*="background:#E0F2FE"],
body.tp-shell button[style*="background:#f3f4f6"],
body.tp-shell button[style*="background: #f3f4f6"],
body.tp-shell button[style*="background:#F3F4F6"],
body.tp-shell button[style*="background:#f9fafb"],
body.tp-shell button[style*="background: #f9fafb"],
body.tp-shell button[style*="background:#F9FAFB"],
body.tp-shell button[style*="background:#fff"],
body.tp-shell button[style*="background: #fff"],
body.tp-shell button[style*="background:#FFF"],
body.tp-shell button[style*="background:#ffffff"],
body.tp-shell button[style*="background: #ffffff"],
body.tp-shell button[style*="background:#FFFFFF"],
body.tp-shell button[style*="background:#faf5ff"],
body.tp-shell button[style*="background: #faf5ff"],
body.tp-shell button[style*="background:#FAF5FF"],
body.tp-shell button[style*="background:#f0f9ff"],
body.tp-shell button[style*="background: #f0f9ff"],
body.tp-shell button[style*="background:#F0F9FF"],
body.tp-shell button[style*="background:#fefce8"],
body.tp-shell button[style*="background: #fefce8"],
body.tp-shell button[style*="background:#FEFCE8"] {
  background: var(--tp-surface) !important;
  border: 1px solid var(--tp-line) !important;
  color: var(--tp-burgundy) !important;
}

/* ničivé akcie: tlmená červená */
body.tp-shell button[style*="background:#dc2626"],
body.tp-shell button[style*="background: #dc2626"],
body.tp-shell button[style*="background:#DC2626"],
body.tp-shell button[style*="background:#ef4444"],
body.tp-shell button[style*="background: #ef4444"],
body.tp-shell button[style*="background:#EF4444"],
body.tp-shell button[style*="background:#b91c1c"],
body.tp-shell button[style*="background: #b91c1c"],
body.tp-shell button[style*="background:#B91C1C"] {
  background: #b42318 !important;
  border-color: #b42318 !important;
  color: #fff !important;
}
body.tp-shell button[style*="background:#fef2f2"],
body.tp-shell button[style*="background: #fef2f2"],
body.tp-shell button[style*="background:#FEF2F2"],
body.tp-shell button[style*="background:#fee2e2"],
body.tp-shell button[style*="background: #fee2e2"],
body.tp-shell button[style*="background:#FEE2E2"] {
  background: var(--tp-surface) !important;
  border: 1px solid rgba(180, 35, 24, 0.28) !important;
  color: #b42318 !important;
}

/* filtre a prepínače s triedou active (karty klientov, polohy cvikov) */
body.tp-shell .cards-filter-btn { border-radius: 999px !important; border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important; color: var(--tp-burgundy) !important; }
body.tp-shell .cards-filter-btn.active { background: var(--tp-fill) !important; border-color: var(--tp-fill) !important; color: #fff !important; }

/* ==========================================================================
   W3b — tréning: v lište len Ukončiť + koliesko „Ďalšie“ (tp-shell.js presunie
   Info, Pohovor, Video, Zmazať tréning, Nahrávanie do menu). Zdvojené Ukončiť
   dole a v pruhu módu sa počas tréningu nezobrazujú (lišta má vlastné).
   ========================================================================== */
body.tp-shell.tp-training #qaEndTraining,
body.tp-shell.tp-training #btnEndTraining { display: none !important; }

body.tp-shell .tp-menu-wrap { position: relative; display: inline-flex; }
body.tp-shell #tpTrainingMore { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px !important; }
body.tp-shell #tpTrainingMore .tp-nav-icon { color: #fff; width: 18px; height: 18px; flex-basis: 18px; }
body.tp-shell .tp-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 400;
  min-width: 220px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--tp-surface);
  border: 1px solid var(--tp-line);
  border-radius: 20px;
  box-shadow: var(--tp-shadow-float);
}
body.tp-shell .tp-menu[hidden] { display: none; }
body.tp-shell .tp-menu button,
body.tp-shell #activeTrainingBanner .tp-menu button {
  display: flex !important;
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
  border: none !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--tp-text) !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  text-align: left;
}
body.tp-shell .tp-menu button:hover,
body.tp-shell #activeTrainingBanner .tp-menu button:hover { background: var(--tp-burgundy-soft) !important; }
body.tp-shell #activeTrainingBanner .tp-menu #btnBannerVoidTraining { color: #b42318 !important; }
body.tp-shell .tp-menu button[style*="display:none"],
body.tp-shell .tp-menu button[style*="display: none"],
body.tp-shell #activeTrainingBanner .tp-menu button[style*="display:none"],
body.tp-shell #activeTrainingBanner .tp-menu button[style*="display: none"] { display: none !important; }

/* Uložiť v pruhu módu (farbu mu nastavuje app.js) — biela pilulka na burgundy */
body.tp-shell #modeBar #btnSaveProgress {
  background: #fff !important;
  color: var(--tp-burgundy) !important;
  border: none !important;
  border-radius: 999px !important;
}
/* ikony v tlačidlách lišty tréningu */
body.tp-shell #activeTrainingBanner .tp-btn-icon { width: 18px; height: 18px; flex: 0 0 18px; }

/* koliesko v karte klienta: obrysová pilulka */
body.tp-shell .tp-gear-light {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 14px !important;
  border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  cursor: pointer;
}
body.tp-shell .tp-gear-light .tp-nav-icon { width: 18px; height: 18px; flex-basis: 18px; }
body.tp-shell .client-card-actions { align-items: center; }
body.tp-shell .client-card-actions .tp-menu-wrap { margin-left: auto; }
body.tp-shell .client-card-actions .tp-menu { z-index: 50; }


/* ==========================================================================
   W4 (Erik 9. 10.): bez horného menu, Klienti a Správy ako podstránky,
   ikony namiesto emoji v ovládacích prvkoch, farby mimo značky preč.
   Triedy tp-no-header, tp-page, tp-page-open a tp-side-* pridáva tp-shell.js.
   ========================================================================== */

/* Horné menu preč — nástroje a tréner sú v ľavom paneli */
body.tp-shell.tp-no-header .header { display: none !important; }
body.tp-shell #stoicQuoteBar { box-shadow: none !important; }
body.tp-shell.tp-no-header #activeTrainingBanner { top: 12px; }
body.tp-shell.tp-no-header .body { padding-top: 24px; }

body.tp-shell #tpSideTools { display: flex; flex-direction: column; }
body.tp-shell #navSidebar .tp-side-btn {
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--tp-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  cursor: pointer;
}
body.tp-shell #navSidebar .tp-side-btn:not([style*="display:none"]):not([style*="display: none"]) { display: flex !important; }
body.tp-shell #navSidebar .tp-side-btn:hover { background: var(--tp-burgundy-soft) !important; }
body.tp-shell #navSidebar .tp-side-btn > span[id] {
  position: static !important;
  margin-left: auto;
  background: var(--tp-fill) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

body.tp-shell #tpSideFooter {
  margin-top: auto;
  padding: 14px 8px 4px;
  border-top: 1px solid var(--tp-line);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.tp-shell #tpSideFooter .trainer {
  flex-wrap: wrap;
  gap: 8px;
  color: var(--tp-text-muted) !important;
  font-size: 13px;
}
body.tp-shell #tpSideFooter .trainer strong { color: var(--tp-text) !important; font-size: 15px; width: 100%; }
body.tp-shell #tpSideFooter button {
  margin-left: 0 !important;
  min-height: 36px;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important;
  font-weight: 600 !important;
}
body.tp-shell #tpSideFooter #appVersionLabel { display: block !important; color: var(--tp-text-muted) !important; border-color: var(--tp-line) !important; }

/* Klienti a Správy ako stránka vedľa ľavého menu (rovnaké okná, iné zobrazenie) */
body.tp-shell .tp-page {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: var(--tp-sidebar) !important;
  z-index: 140 !important;
  background: var(--tp-page) !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: auto;
}
body.tp-shell #clientCardsModal.tp-page .cards-modal-content,
body.tp-shell #mobileHubModal.tp-page > div {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--tp-page) !important;
  padding: 24px 28px !important;
  box-sizing: border-box;
}
body.tp-shell #clientCardsModal.tp-page .cards-modal-header { background: transparent !important; border: none !important; padding: 0 0 12px !important; }
body.tp-shell #clientCardsModal.tp-page .cards-modal-header h2 { font-size: 26px; font-weight: 600; color: var(--tp-burgundy); }
body.tp-shell #mobileHubModal.tp-page > div > div:first-child {
  background: transparent !important;
  color: var(--tp-burgundy) !important;
  padding: 0 0 12px !important;
}
body.tp-shell #mobileHubModal.tp-page > div > div:first-child * { color: var(--tp-burgundy) !important; }
/* na stránke netreba krížik — späť je cez menu */
body.tp-shell #clientCardsModal.tp-page #closeCardsModal { display: none !important; }

@media (min-width: 761px) and (max-width: 1100px) {
  body.tp-shell .tp-page { left: var(--tp-rail) !important; }
}
@media (max-width: 760px) {
  body.tp-shell .tp-page { left: 0 !important; bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
  body.tp-shell #clientCardsModal.tp-page .cards-modal-content,
  body.tp-shell #mobileHubModal.tp-page > div { padding: 16px !important; }
  body.tp-shell #tpSideFooter { padding-bottom: 16px; }
}

/* ikony namiesto emoji v tlačidlách a nadpisoch */
body.tp-shell .tp-inline-icon {
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 1.15em;
  vertical-align: -0.2em;
  margin-right: 0.4em;
}

/* Okno po ukončení tréningu a ďalšie okná: pokojná karta značky */
body.tp-shell .summary-modal-content,
body.tp-shell #endWizardOverlay > div,
body.tp-shell .cards-modal-content {
  border-radius: 28px !important;
  box-shadow: var(--tp-shadow-float) !important;
  font-family: inherit;
}
body.tp-shell .summary-header,
body.tp-shell #endWizardOverlay > div > div:first-child {
  background: var(--tp-fill) !important;
  color: #fff !important;
}
body.tp-shell .summary-header h2 { font-weight: 600 !important; letter-spacing: -0.01em; }
body.tp-shell #summaryModal,
body.tp-shell #endWizardOverlay { background: rgba(20, 10, 13, 0.42) !important; backdrop-filter: blur(6px); }

/* Panely na hlavnej stránke v pokojných farbách značky */
body.tp-shell #dnesWidget,
body.tp-shell #reservioPanel,
body.tp-shell #dayPlanPanel,
body.tp-shell .question-guide {
  background: var(--tp-surface) !important;
  border: 1px solid var(--tp-line) !important;
  border-radius: var(--tp-radius-card) !important;
  box-shadow: var(--tp-shadow-card) !important;
  color: var(--tp-text) !important;
}
body.tp-shell #dnesWidget * { color: inherit; }

/* Farby textu mimo značky → burgundy; sivé texty → tóny značky (aj v tmavom režime) */
body.tp-shell div[style*="color:#7c3aed"],
body.tp-shell span[style*="color:#7c3aed"],
body.tp-shell section[style*="color:#7c3aed"],
body.tp-shell p[style*="color:#7c3aed"],
body.tp-shell td[style*="color:#7c3aed"],
body.tp-shell li[style*="color:#7c3aed"],
body.tp-shell small[style*="color:#7c3aed"],
body.tp-shell strong[style*="color:#7c3aed"],
body.tp-shell h3[style*="color:#7c3aed"],
body.tp-shell h4[style*="color:#7c3aed"],
body.tp-shell label[style*="color:#7c3aed"],
body.tp-shell a[style*="color:#7c3aed"],
body.tp-shell div[style*="color: #7c3aed"],
body.tp-shell span[style*="color: #7c3aed"],
body.tp-shell section[style*="color: #7c3aed"],
body.tp-shell p[style*="color: #7c3aed"],
body.tp-shell td[style*="color: #7c3aed"],
body.tp-shell li[style*="color: #7c3aed"],
body.tp-shell small[style*="color: #7c3aed"],
body.tp-shell strong[style*="color: #7c3aed"],
body.tp-shell h3[style*="color: #7c3aed"],
body.tp-shell h4[style*="color: #7c3aed"],
body.tp-shell label[style*="color: #7c3aed"],
body.tp-shell a[style*="color: #7c3aed"],
body.tp-shell div[style*="color:#7C3AED"],
body.tp-shell span[style*="color:#7C3AED"],
body.tp-shell section[style*="color:#7C3AED"],
body.tp-shell p[style*="color:#7C3AED"],
body.tp-shell td[style*="color:#7C3AED"],
body.tp-shell li[style*="color:#7C3AED"],
body.tp-shell small[style*="color:#7C3AED"],
body.tp-shell strong[style*="color:#7C3AED"],
body.tp-shell h3[style*="color:#7C3AED"],
body.tp-shell h4[style*="color:#7C3AED"],
body.tp-shell label[style*="color:#7C3AED"],
body.tp-shell a[style*="color:#7C3AED"],
body.tp-shell div[style*="color:#5b21b6"],
body.tp-shell span[style*="color:#5b21b6"],
body.tp-shell section[style*="color:#5b21b6"],
body.tp-shell p[style*="color:#5b21b6"],
body.tp-shell td[style*="color:#5b21b6"],
body.tp-shell li[style*="color:#5b21b6"],
body.tp-shell small[style*="color:#5b21b6"],
body.tp-shell strong[style*="color:#5b21b6"],
body.tp-shell h3[style*="color:#5b21b6"],
body.tp-shell h4[style*="color:#5b21b6"],
body.tp-shell label[style*="color:#5b21b6"],
body.tp-shell a[style*="color:#5b21b6"],
body.tp-shell div[style*="color: #5b21b6"],
body.tp-shell span[style*="color: #5b21b6"],
body.tp-shell section[style*="color: #5b21b6"],
body.tp-shell p[style*="color: #5b21b6"],
body.tp-shell td[style*="color: #5b21b6"],
body.tp-shell li[style*="color: #5b21b6"],
body.tp-shell small[style*="color: #5b21b6"],
body.tp-shell strong[style*="color: #5b21b6"],
body.tp-shell h3[style*="color: #5b21b6"],
body.tp-shell h4[style*="color: #5b21b6"],
body.tp-shell label[style*="color: #5b21b6"],
body.tp-shell a[style*="color: #5b21b6"],
body.tp-shell div[style*="color:#5B21B6"],
body.tp-shell span[style*="color:#5B21B6"],
body.tp-shell section[style*="color:#5B21B6"],
body.tp-shell p[style*="color:#5B21B6"],
body.tp-shell td[style*="color:#5B21B6"],
body.tp-shell li[style*="color:#5B21B6"],
body.tp-shell small[style*="color:#5B21B6"],
body.tp-shell strong[style*="color:#5B21B6"],
body.tp-shell h3[style*="color:#5B21B6"],
body.tp-shell h4[style*="color:#5B21B6"],
body.tp-shell label[style*="color:#5B21B6"],
body.tp-shell a[style*="color:#5B21B6"],
body.tp-shell div[style*="color:#6d28d9"],
body.tp-shell span[style*="color:#6d28d9"],
body.tp-shell section[style*="color:#6d28d9"],
body.tp-shell p[style*="color:#6d28d9"],
body.tp-shell td[style*="color:#6d28d9"],
body.tp-shell li[style*="color:#6d28d9"],
body.tp-shell small[style*="color:#6d28d9"],
body.tp-shell strong[style*="color:#6d28d9"],
body.tp-shell h3[style*="color:#6d28d9"],
body.tp-shell h4[style*="color:#6d28d9"],
body.tp-shell label[style*="color:#6d28d9"],
body.tp-shell a[style*="color:#6d28d9"],
body.tp-shell div[style*="color: #6d28d9"],
body.tp-shell span[style*="color: #6d28d9"],
body.tp-shell section[style*="color: #6d28d9"],
body.tp-shell p[style*="color: #6d28d9"],
body.tp-shell td[style*="color: #6d28d9"],
body.tp-shell li[style*="color: #6d28d9"],
body.tp-shell small[style*="color: #6d28d9"],
body.tp-shell strong[style*="color: #6d28d9"],
body.tp-shell h3[style*="color: #6d28d9"],
body.tp-shell h4[style*="color: #6d28d9"],
body.tp-shell label[style*="color: #6d28d9"],
body.tp-shell a[style*="color: #6d28d9"],
body.tp-shell div[style*="color:#6D28D9"],
body.tp-shell span[style*="color:#6D28D9"],
body.tp-shell section[style*="color:#6D28D9"],
body.tp-shell p[style*="color:#6D28D9"],
body.tp-shell td[style*="color:#6D28D9"],
body.tp-shell li[style*="color:#6D28D9"],
body.tp-shell small[style*="color:#6D28D9"],
body.tp-shell strong[style*="color:#6D28D9"],
body.tp-shell h3[style*="color:#6D28D9"],
body.tp-shell h4[style*="color:#6D28D9"],
body.tp-shell label[style*="color:#6D28D9"],
body.tp-shell a[style*="color:#6D28D9"],
body.tp-shell div[style*="color:#4c1d95"],
body.tp-shell span[style*="color:#4c1d95"],
body.tp-shell section[style*="color:#4c1d95"],
body.tp-shell p[style*="color:#4c1d95"],
body.tp-shell td[style*="color:#4c1d95"],
body.tp-shell li[style*="color:#4c1d95"],
body.tp-shell small[style*="color:#4c1d95"],
body.tp-shell strong[style*="color:#4c1d95"],
body.tp-shell h3[style*="color:#4c1d95"],
body.tp-shell h4[style*="color:#4c1d95"],
body.tp-shell label[style*="color:#4c1d95"],
body.tp-shell a[style*="color:#4c1d95"],
body.tp-shell div[style*="color: #4c1d95"],
body.tp-shell span[style*="color: #4c1d95"],
body.tp-shell section[style*="color: #4c1d95"],
body.tp-shell p[style*="color: #4c1d95"],
body.tp-shell td[style*="color: #4c1d95"],
body.tp-shell li[style*="color: #4c1d95"],
body.tp-shell small[style*="color: #4c1d95"],
body.tp-shell strong[style*="color: #4c1d95"],
body.tp-shell h3[style*="color: #4c1d95"],
body.tp-shell h4[style*="color: #4c1d95"],
body.tp-shell label[style*="color: #4c1d95"],
body.tp-shell a[style*="color: #4c1d95"],
body.tp-shell div[style*="color:#4C1D95"],
body.tp-shell span[style*="color:#4C1D95"],
body.tp-shell section[style*="color:#4C1D95"],
body.tp-shell p[style*="color:#4C1D95"],
body.tp-shell td[style*="color:#4C1D95"],
body.tp-shell li[style*="color:#4C1D95"],
body.tp-shell small[style*="color:#4C1D95"],
body.tp-shell strong[style*="color:#4C1D95"],
body.tp-shell h3[style*="color:#4C1D95"],
body.tp-shell h4[style*="color:#4C1D95"],
body.tp-shell label[style*="color:#4C1D95"],
body.tp-shell a[style*="color:#4C1D95"],
body.tp-shell div[style*="color:#0369a1"],
body.tp-shell span[style*="color:#0369a1"],
body.tp-shell section[style*="color:#0369a1"],
body.tp-shell p[style*="color:#0369a1"],
body.tp-shell td[style*="color:#0369a1"],
body.tp-shell li[style*="color:#0369a1"],
body.tp-shell small[style*="color:#0369a1"],
body.tp-shell strong[style*="color:#0369a1"],
body.tp-shell h3[style*="color:#0369a1"],
body.tp-shell h4[style*="color:#0369a1"],
body.tp-shell label[style*="color:#0369a1"],
body.tp-shell a[style*="color:#0369a1"],
body.tp-shell div[style*="color: #0369a1"],
body.tp-shell span[style*="color: #0369a1"],
body.tp-shell section[style*="color: #0369a1"],
body.tp-shell p[style*="color: #0369a1"],
body.tp-shell td[style*="color: #0369a1"],
body.tp-shell li[style*="color: #0369a1"],
body.tp-shell small[style*="color: #0369a1"],
body.tp-shell strong[style*="color: #0369a1"],
body.tp-shell h3[style*="color: #0369a1"],
body.tp-shell h4[style*="color: #0369a1"],
body.tp-shell label[style*="color: #0369a1"],
body.tp-shell a[style*="color: #0369a1"],
body.tp-shell div[style*="color:#0369A1"],
body.tp-shell span[style*="color:#0369A1"],
body.tp-shell section[style*="color:#0369A1"],
body.tp-shell p[style*="color:#0369A1"],
body.tp-shell td[style*="color:#0369A1"],
body.tp-shell li[style*="color:#0369A1"],
body.tp-shell small[style*="color:#0369A1"],
body.tp-shell strong[style*="color:#0369A1"],
body.tp-shell h3[style*="color:#0369A1"],
body.tp-shell h4[style*="color:#0369A1"],
body.tp-shell label[style*="color:#0369A1"],
body.tp-shell a[style*="color:#0369A1"],
body.tp-shell div[style*="color:#1d4ed8"],
body.tp-shell span[style*="color:#1d4ed8"],
body.tp-shell section[style*="color:#1d4ed8"],
body.tp-shell p[style*="color:#1d4ed8"],
body.tp-shell td[style*="color:#1d4ed8"],
body.tp-shell li[style*="color:#1d4ed8"],
body.tp-shell small[style*="color:#1d4ed8"],
body.tp-shell strong[style*="color:#1d4ed8"],
body.tp-shell h3[style*="color:#1d4ed8"],
body.tp-shell h4[style*="color:#1d4ed8"],
body.tp-shell label[style*="color:#1d4ed8"],
body.tp-shell a[style*="color:#1d4ed8"],
body.tp-shell div[style*="color: #1d4ed8"],
body.tp-shell span[style*="color: #1d4ed8"],
body.tp-shell section[style*="color: #1d4ed8"],
body.tp-shell p[style*="color: #1d4ed8"],
body.tp-shell td[style*="color: #1d4ed8"],
body.tp-shell li[style*="color: #1d4ed8"],
body.tp-shell small[style*="color: #1d4ed8"],
body.tp-shell strong[style*="color: #1d4ed8"],
body.tp-shell h3[style*="color: #1d4ed8"],
body.tp-shell h4[style*="color: #1d4ed8"],
body.tp-shell label[style*="color: #1d4ed8"],
body.tp-shell a[style*="color: #1d4ed8"],
body.tp-shell div[style*="color:#1D4ED8"],
body.tp-shell span[style*="color:#1D4ED8"],
body.tp-shell section[style*="color:#1D4ED8"],
body.tp-shell p[style*="color:#1D4ED8"],
body.tp-shell td[style*="color:#1D4ED8"],
body.tp-shell li[style*="color:#1D4ED8"],
body.tp-shell small[style*="color:#1D4ED8"],
body.tp-shell strong[style*="color:#1D4ED8"],
body.tp-shell h3[style*="color:#1D4ED8"],
body.tp-shell h4[style*="color:#1D4ED8"],
body.tp-shell label[style*="color:#1D4ED8"],
body.tp-shell a[style*="color:#1D4ED8"],
body.tp-shell div[style*="color:#2563eb"],
body.tp-shell span[style*="color:#2563eb"],
body.tp-shell section[style*="color:#2563eb"],
body.tp-shell p[style*="color:#2563eb"],
body.tp-shell td[style*="color:#2563eb"],
body.tp-shell li[style*="color:#2563eb"],
body.tp-shell small[style*="color:#2563eb"],
body.tp-shell strong[style*="color:#2563eb"],
body.tp-shell h3[style*="color:#2563eb"],
body.tp-shell h4[style*="color:#2563eb"],
body.tp-shell label[style*="color:#2563eb"],
body.tp-shell a[style*="color:#2563eb"],
body.tp-shell div[style*="color: #2563eb"],
body.tp-shell span[style*="color: #2563eb"],
body.tp-shell section[style*="color: #2563eb"],
body.tp-shell p[style*="color: #2563eb"],
body.tp-shell td[style*="color: #2563eb"],
body.tp-shell li[style*="color: #2563eb"],
body.tp-shell small[style*="color: #2563eb"],
body.tp-shell strong[style*="color: #2563eb"],
body.tp-shell h3[style*="color: #2563eb"],
body.tp-shell h4[style*="color: #2563eb"],
body.tp-shell label[style*="color: #2563eb"],
body.tp-shell a[style*="color: #2563eb"],
body.tp-shell div[style*="color:#2563EB"],
body.tp-shell span[style*="color:#2563EB"],
body.tp-shell section[style*="color:#2563EB"],
body.tp-shell p[style*="color:#2563EB"],
body.tp-shell td[style*="color:#2563EB"],
body.tp-shell li[style*="color:#2563EB"],
body.tp-shell small[style*="color:#2563EB"],
body.tp-shell strong[style*="color:#2563EB"],
body.tp-shell h3[style*="color:#2563EB"],
body.tp-shell h4[style*="color:#2563EB"],
body.tp-shell label[style*="color:#2563EB"],
body.tp-shell a[style*="color:#2563EB"],
body.tp-shell div[style*="color:#3b82f6"],
body.tp-shell span[style*="color:#3b82f6"],
body.tp-shell section[style*="color:#3b82f6"],
body.tp-shell p[style*="color:#3b82f6"],
body.tp-shell td[style*="color:#3b82f6"],
body.tp-shell li[style*="color:#3b82f6"],
body.tp-shell small[style*="color:#3b82f6"],
body.tp-shell strong[style*="color:#3b82f6"],
body.tp-shell h3[style*="color:#3b82f6"],
body.tp-shell h4[style*="color:#3b82f6"],
body.tp-shell label[style*="color:#3b82f6"],
body.tp-shell a[style*="color:#3b82f6"],
body.tp-shell div[style*="color: #3b82f6"],
body.tp-shell span[style*="color: #3b82f6"],
body.tp-shell section[style*="color: #3b82f6"],
body.tp-shell p[style*="color: #3b82f6"],
body.tp-shell td[style*="color: #3b82f6"],
body.tp-shell li[style*="color: #3b82f6"],
body.tp-shell small[style*="color: #3b82f6"],
body.tp-shell strong[style*="color: #3b82f6"],
body.tp-shell h3[style*="color: #3b82f6"],
body.tp-shell h4[style*="color: #3b82f6"],
body.tp-shell label[style*="color: #3b82f6"],
body.tp-shell a[style*="color: #3b82f6"],
body.tp-shell div[style*="color:#3B82F6"],
body.tp-shell span[style*="color:#3B82F6"],
body.tp-shell section[style*="color:#3B82F6"],
body.tp-shell p[style*="color:#3B82F6"],
body.tp-shell td[style*="color:#3B82F6"],
body.tp-shell li[style*="color:#3B82F6"],
body.tp-shell small[style*="color:#3B82F6"],
body.tp-shell strong[style*="color:#3B82F6"],
body.tp-shell h3[style*="color:#3B82F6"],
body.tp-shell h4[style*="color:#3B82F6"],
body.tp-shell label[style*="color:#3B82F6"],
body.tp-shell a[style*="color:#3B82F6"],
body.tp-shell div[style*="color:#0891b2"],
body.tp-shell span[style*="color:#0891b2"],
body.tp-shell section[style*="color:#0891b2"],
body.tp-shell p[style*="color:#0891b2"],
body.tp-shell td[style*="color:#0891b2"],
body.tp-shell li[style*="color:#0891b2"],
body.tp-shell small[style*="color:#0891b2"],
body.tp-shell strong[style*="color:#0891b2"],
body.tp-shell h3[style*="color:#0891b2"],
body.tp-shell h4[style*="color:#0891b2"],
body.tp-shell label[style*="color:#0891b2"],
body.tp-shell a[style*="color:#0891b2"],
body.tp-shell div[style*="color: #0891b2"],
body.tp-shell span[style*="color: #0891b2"],
body.tp-shell section[style*="color: #0891b2"],
body.tp-shell p[style*="color: #0891b2"],
body.tp-shell td[style*="color: #0891b2"],
body.tp-shell li[style*="color: #0891b2"],
body.tp-shell small[style*="color: #0891b2"],
body.tp-shell strong[style*="color: #0891b2"],
body.tp-shell h3[style*="color: #0891b2"],
body.tp-shell h4[style*="color: #0891b2"],
body.tp-shell label[style*="color: #0891b2"],
body.tp-shell a[style*="color: #0891b2"],
body.tp-shell div[style*="color:#0891B2"],
body.tp-shell span[style*="color:#0891B2"],
body.tp-shell section[style*="color:#0891B2"],
body.tp-shell p[style*="color:#0891B2"],
body.tp-shell td[style*="color:#0891B2"],
body.tp-shell li[style*="color:#0891B2"],
body.tp-shell small[style*="color:#0891B2"],
body.tp-shell strong[style*="color:#0891B2"],
body.tp-shell h3[style*="color:#0891B2"],
body.tp-shell h4[style*="color:#0891B2"],
body.tp-shell label[style*="color:#0891B2"],
body.tp-shell a[style*="color:#0891B2"],
body.tp-shell div[style*="color:#0e7490"],
body.tp-shell span[style*="color:#0e7490"],
body.tp-shell section[style*="color:#0e7490"],
body.tp-shell p[style*="color:#0e7490"],
body.tp-shell td[style*="color:#0e7490"],
body.tp-shell li[style*="color:#0e7490"],
body.tp-shell small[style*="color:#0e7490"],
body.tp-shell strong[style*="color:#0e7490"],
body.tp-shell h3[style*="color:#0e7490"],
body.tp-shell h4[style*="color:#0e7490"],
body.tp-shell label[style*="color:#0e7490"],
body.tp-shell a[style*="color:#0e7490"],
body.tp-shell div[style*="color: #0e7490"],
body.tp-shell span[style*="color: #0e7490"],
body.tp-shell section[style*="color: #0e7490"],
body.tp-shell p[style*="color: #0e7490"],
body.tp-shell td[style*="color: #0e7490"],
body.tp-shell li[style*="color: #0e7490"],
body.tp-shell small[style*="color: #0e7490"],
body.tp-shell strong[style*="color: #0e7490"],
body.tp-shell h3[style*="color: #0e7490"],
body.tp-shell h4[style*="color: #0e7490"],
body.tp-shell label[style*="color: #0e7490"],
body.tp-shell a[style*="color: #0e7490"],
body.tp-shell div[style*="color:#0E7490"],
body.tp-shell span[style*="color:#0E7490"],
body.tp-shell section[style*="color:#0E7490"],
body.tp-shell p[style*="color:#0E7490"],
body.tp-shell td[style*="color:#0E7490"],
body.tp-shell li[style*="color:#0E7490"],
body.tp-shell small[style*="color:#0E7490"],
body.tp-shell strong[style*="color:#0E7490"],
body.tp-shell h3[style*="color:#0E7490"],
body.tp-shell h4[style*="color:#0E7490"],
body.tp-shell label[style*="color:#0E7490"],
body.tp-shell a[style*="color:#0E7490"],
body.tp-shell div[style*="color:#0d9488"],
body.tp-shell span[style*="color:#0d9488"],
body.tp-shell section[style*="color:#0d9488"],
body.tp-shell p[style*="color:#0d9488"],
body.tp-shell td[style*="color:#0d9488"],
body.tp-shell li[style*="color:#0d9488"],
body.tp-shell small[style*="color:#0d9488"],
body.tp-shell strong[style*="color:#0d9488"],
body.tp-shell h3[style*="color:#0d9488"],
body.tp-shell h4[style*="color:#0d9488"],
body.tp-shell label[style*="color:#0d9488"],
body.tp-shell a[style*="color:#0d9488"],
body.tp-shell div[style*="color: #0d9488"],
body.tp-shell span[style*="color: #0d9488"],
body.tp-shell section[style*="color: #0d9488"],
body.tp-shell p[style*="color: #0d9488"],
body.tp-shell td[style*="color: #0d9488"],
body.tp-shell li[style*="color: #0d9488"],
body.tp-shell small[style*="color: #0d9488"],
body.tp-shell strong[style*="color: #0d9488"],
body.tp-shell h3[style*="color: #0d9488"],
body.tp-shell h4[style*="color: #0d9488"],
body.tp-shell label[style*="color: #0d9488"],
body.tp-shell a[style*="color: #0d9488"],
body.tp-shell div[style*="color:#0D9488"],
body.tp-shell span[style*="color:#0D9488"],
body.tp-shell section[style*="color:#0D9488"],
body.tp-shell p[style*="color:#0D9488"],
body.tp-shell td[style*="color:#0D9488"],
body.tp-shell li[style*="color:#0D9488"],
body.tp-shell small[style*="color:#0D9488"],
body.tp-shell strong[style*="color:#0D9488"],
body.tp-shell h3[style*="color:#0D9488"],
body.tp-shell h4[style*="color:#0D9488"],
body.tp-shell label[style*="color:#0D9488"],
body.tp-shell a[style*="color:#0D9488"],
body.tp-shell div[style*="color:#0ea5e9"],
body.tp-shell span[style*="color:#0ea5e9"],
body.tp-shell section[style*="color:#0ea5e9"],
body.tp-shell p[style*="color:#0ea5e9"],
body.tp-shell td[style*="color:#0ea5e9"],
body.tp-shell li[style*="color:#0ea5e9"],
body.tp-shell small[style*="color:#0ea5e9"],
body.tp-shell strong[style*="color:#0ea5e9"],
body.tp-shell h3[style*="color:#0ea5e9"],
body.tp-shell h4[style*="color:#0ea5e9"],
body.tp-shell label[style*="color:#0ea5e9"],
body.tp-shell a[style*="color:#0ea5e9"],
body.tp-shell div[style*="color: #0ea5e9"],
body.tp-shell span[style*="color: #0ea5e9"],
body.tp-shell section[style*="color: #0ea5e9"],
body.tp-shell p[style*="color: #0ea5e9"],
body.tp-shell td[style*="color: #0ea5e9"],
body.tp-shell li[style*="color: #0ea5e9"],
body.tp-shell small[style*="color: #0ea5e9"],
body.tp-shell strong[style*="color: #0ea5e9"],
body.tp-shell h3[style*="color: #0ea5e9"],
body.tp-shell h4[style*="color: #0ea5e9"],
body.tp-shell label[style*="color: #0ea5e9"],
body.tp-shell a[style*="color: #0ea5e9"],
body.tp-shell div[style*="color:#0EA5E9"],
body.tp-shell span[style*="color:#0EA5E9"],
body.tp-shell section[style*="color:#0EA5E9"],
body.tp-shell p[style*="color:#0EA5E9"],
body.tp-shell td[style*="color:#0EA5E9"],
body.tp-shell li[style*="color:#0EA5E9"],
body.tp-shell small[style*="color:#0EA5E9"],
body.tp-shell strong[style*="color:#0EA5E9"],
body.tp-shell h3[style*="color:#0EA5E9"],
body.tp-shell h4[style*="color:#0EA5E9"],
body.tp-shell label[style*="color:#0EA5E9"],
body.tp-shell a[style*="color:#0EA5E9"],
body.tp-shell div[style*="color:#4f46e5"],
body.tp-shell span[style*="color:#4f46e5"],
body.tp-shell section[style*="color:#4f46e5"],
body.tp-shell p[style*="color:#4f46e5"],
body.tp-shell td[style*="color:#4f46e5"],
body.tp-shell li[style*="color:#4f46e5"],
body.tp-shell small[style*="color:#4f46e5"],
body.tp-shell strong[style*="color:#4f46e5"],
body.tp-shell h3[style*="color:#4f46e5"],
body.tp-shell h4[style*="color:#4f46e5"],
body.tp-shell label[style*="color:#4f46e5"],
body.tp-shell a[style*="color:#4f46e5"],
body.tp-shell div[style*="color: #4f46e5"],
body.tp-shell span[style*="color: #4f46e5"],
body.tp-shell section[style*="color: #4f46e5"],
body.tp-shell p[style*="color: #4f46e5"],
body.tp-shell td[style*="color: #4f46e5"],
body.tp-shell li[style*="color: #4f46e5"],
body.tp-shell small[style*="color: #4f46e5"],
body.tp-shell strong[style*="color: #4f46e5"],
body.tp-shell h3[style*="color: #4f46e5"],
body.tp-shell h4[style*="color: #4f46e5"],
body.tp-shell label[style*="color: #4f46e5"],
body.tp-shell a[style*="color: #4f46e5"],
body.tp-shell div[style*="color:#4F46E5"],
body.tp-shell span[style*="color:#4F46E5"],
body.tp-shell section[style*="color:#4F46E5"],
body.tp-shell p[style*="color:#4F46E5"],
body.tp-shell td[style*="color:#4F46E5"],
body.tp-shell li[style*="color:#4F46E5"],
body.tp-shell small[style*="color:#4F46E5"],
body.tp-shell strong[style*="color:#4F46E5"],
body.tp-shell h3[style*="color:#4F46E5"],
body.tp-shell h4[style*="color:#4F46E5"],
body.tp-shell label[style*="color:#4F46E5"],
body.tp-shell a[style*="color:#4F46E5"],
body.tp-shell div[style*="color:#1e40af"],
body.tp-shell span[style*="color:#1e40af"],
body.tp-shell section[style*="color:#1e40af"],
body.tp-shell p[style*="color:#1e40af"],
body.tp-shell td[style*="color:#1e40af"],
body.tp-shell li[style*="color:#1e40af"],
body.tp-shell small[style*="color:#1e40af"],
body.tp-shell strong[style*="color:#1e40af"],
body.tp-shell h3[style*="color:#1e40af"],
body.tp-shell h4[style*="color:#1e40af"],
body.tp-shell label[style*="color:#1e40af"],
body.tp-shell a[style*="color:#1e40af"],
body.tp-shell div[style*="color: #1e40af"],
body.tp-shell span[style*="color: #1e40af"],
body.tp-shell section[style*="color: #1e40af"],
body.tp-shell p[style*="color: #1e40af"],
body.tp-shell td[style*="color: #1e40af"],
body.tp-shell li[style*="color: #1e40af"],
body.tp-shell small[style*="color: #1e40af"],
body.tp-shell strong[style*="color: #1e40af"],
body.tp-shell h3[style*="color: #1e40af"],
body.tp-shell h4[style*="color: #1e40af"],
body.tp-shell label[style*="color: #1e40af"],
body.tp-shell a[style*="color: #1e40af"],
body.tp-shell div[style*="color:#1E40AF"],
body.tp-shell span[style*="color:#1E40AF"],
body.tp-shell section[style*="color:#1E40AF"],
body.tp-shell p[style*="color:#1E40AF"],
body.tp-shell td[style*="color:#1E40AF"],
body.tp-shell li[style*="color:#1E40AF"],
body.tp-shell small[style*="color:#1E40AF"],
body.tp-shell strong[style*="color:#1E40AF"],
body.tp-shell h3[style*="color:#1E40AF"],
body.tp-shell h4[style*="color:#1E40AF"],
body.tp-shell label[style*="color:#1E40AF"],
body.tp-shell a[style*="color:#1E40AF"],
body.tp-shell div[style*="color:#6b1d2a"],
body.tp-shell span[style*="color:#6b1d2a"],
body.tp-shell section[style*="color:#6b1d2a"],
body.tp-shell p[style*="color:#6b1d2a"],
body.tp-shell td[style*="color:#6b1d2a"],
body.tp-shell li[style*="color:#6b1d2a"],
body.tp-shell small[style*="color:#6b1d2a"],
body.tp-shell strong[style*="color:#6b1d2a"],
body.tp-shell h3[style*="color:#6b1d2a"],
body.tp-shell h4[style*="color:#6b1d2a"],
body.tp-shell label[style*="color:#6b1d2a"],
body.tp-shell a[style*="color:#6b1d2a"],
body.tp-shell div[style*="color: #6b1d2a"],
body.tp-shell span[style*="color: #6b1d2a"],
body.tp-shell section[style*="color: #6b1d2a"],
body.tp-shell p[style*="color: #6b1d2a"],
body.tp-shell td[style*="color: #6b1d2a"],
body.tp-shell li[style*="color: #6b1d2a"],
body.tp-shell small[style*="color: #6b1d2a"],
body.tp-shell strong[style*="color: #6b1d2a"],
body.tp-shell h3[style*="color: #6b1d2a"],
body.tp-shell h4[style*="color: #6b1d2a"],
body.tp-shell label[style*="color: #6b1d2a"],
body.tp-shell a[style*="color: #6b1d2a"],
body.tp-shell div[style*="color:#6B1D2A"],
body.tp-shell span[style*="color:#6B1D2A"],
body.tp-shell section[style*="color:#6B1D2A"],
body.tp-shell p[style*="color:#6B1D2A"],
body.tp-shell td[style*="color:#6B1D2A"],
body.tp-shell li[style*="color:#6B1D2A"],
body.tp-shell small[style*="color:#6B1D2A"],
body.tp-shell strong[style*="color:#6B1D2A"],
body.tp-shell h3[style*="color:#6B1D2A"],
body.tp-shell h4[style*="color:#6B1D2A"],
body.tp-shell label[style*="color:#6B1D2A"],
body.tp-shell a[style*="color:#6B1D2A"],
body.tp-shell div[style*="color:#8b1538"],
body.tp-shell span[style*="color:#8b1538"],
body.tp-shell section[style*="color:#8b1538"],
body.tp-shell p[style*="color:#8b1538"],
body.tp-shell td[style*="color:#8b1538"],
body.tp-shell li[style*="color:#8b1538"],
body.tp-shell small[style*="color:#8b1538"],
body.tp-shell strong[style*="color:#8b1538"],
body.tp-shell h3[style*="color:#8b1538"],
body.tp-shell h4[style*="color:#8b1538"],
body.tp-shell label[style*="color:#8b1538"],
body.tp-shell a[style*="color:#8b1538"],
body.tp-shell div[style*="color: #8b1538"],
body.tp-shell span[style*="color: #8b1538"],
body.tp-shell section[style*="color: #8b1538"],
body.tp-shell p[style*="color: #8b1538"],
body.tp-shell td[style*="color: #8b1538"],
body.tp-shell li[style*="color: #8b1538"],
body.tp-shell small[style*="color: #8b1538"],
body.tp-shell strong[style*="color: #8b1538"],
body.tp-shell h3[style*="color: #8b1538"],
body.tp-shell h4[style*="color: #8b1538"],
body.tp-shell label[style*="color: #8b1538"],
body.tp-shell a[style*="color: #8b1538"],
body.tp-shell div[style*="color:#8B1538"],
body.tp-shell span[style*="color:#8B1538"],
body.tp-shell section[style*="color:#8B1538"],
body.tp-shell p[style*="color:#8B1538"],
body.tp-shell td[style*="color:#8B1538"],
body.tp-shell li[style*="color:#8B1538"],
body.tp-shell small[style*="color:#8B1538"],
body.tp-shell strong[style*="color:#8B1538"],
body.tp-shell h3[style*="color:#8B1538"],
body.tp-shell h4[style*="color:#8B1538"],
body.tp-shell label[style*="color:#8B1538"],
body.tp-shell a[style*="color:#8B1538"] { color: var(--tp-burgundy) !important; }
body.tp-shell div[style*="color:#6b7280"],
body.tp-shell span[style*="color:#6b7280"],
body.tp-shell section[style*="color:#6b7280"],
body.tp-shell p[style*="color:#6b7280"],
body.tp-shell td[style*="color:#6b7280"],
body.tp-shell li[style*="color:#6b7280"],
body.tp-shell small[style*="color:#6b7280"],
body.tp-shell strong[style*="color:#6b7280"],
body.tp-shell h3[style*="color:#6b7280"],
body.tp-shell h4[style*="color:#6b7280"],
body.tp-shell label[style*="color:#6b7280"],
body.tp-shell a[style*="color:#6b7280"],
body.tp-shell div[style*="color: #6b7280"],
body.tp-shell span[style*="color: #6b7280"],
body.tp-shell section[style*="color: #6b7280"],
body.tp-shell p[style*="color: #6b7280"],
body.tp-shell td[style*="color: #6b7280"],
body.tp-shell li[style*="color: #6b7280"],
body.tp-shell small[style*="color: #6b7280"],
body.tp-shell strong[style*="color: #6b7280"],
body.tp-shell h3[style*="color: #6b7280"],
body.tp-shell h4[style*="color: #6b7280"],
body.tp-shell label[style*="color: #6b7280"],
body.tp-shell a[style*="color: #6b7280"],
body.tp-shell div[style*="color:#6B7280"],
body.tp-shell span[style*="color:#6B7280"],
body.tp-shell section[style*="color:#6B7280"],
body.tp-shell p[style*="color:#6B7280"],
body.tp-shell td[style*="color:#6B7280"],
body.tp-shell li[style*="color:#6B7280"],
body.tp-shell small[style*="color:#6B7280"],
body.tp-shell strong[style*="color:#6B7280"],
body.tp-shell h3[style*="color:#6B7280"],
body.tp-shell h4[style*="color:#6B7280"],
body.tp-shell label[style*="color:#6B7280"],
body.tp-shell a[style*="color:#6B7280"],
body.tp-shell div[style*="color:#9ca3af"],
body.tp-shell span[style*="color:#9ca3af"],
body.tp-shell section[style*="color:#9ca3af"],
body.tp-shell p[style*="color:#9ca3af"],
body.tp-shell td[style*="color:#9ca3af"],
body.tp-shell li[style*="color:#9ca3af"],
body.tp-shell small[style*="color:#9ca3af"],
body.tp-shell strong[style*="color:#9ca3af"],
body.tp-shell h3[style*="color:#9ca3af"],
body.tp-shell h4[style*="color:#9ca3af"],
body.tp-shell label[style*="color:#9ca3af"],
body.tp-shell a[style*="color:#9ca3af"],
body.tp-shell div[style*="color: #9ca3af"],
body.tp-shell span[style*="color: #9ca3af"],
body.tp-shell section[style*="color: #9ca3af"],
body.tp-shell p[style*="color: #9ca3af"],
body.tp-shell td[style*="color: #9ca3af"],
body.tp-shell li[style*="color: #9ca3af"],
body.tp-shell small[style*="color: #9ca3af"],
body.tp-shell strong[style*="color: #9ca3af"],
body.tp-shell h3[style*="color: #9ca3af"],
body.tp-shell h4[style*="color: #9ca3af"],
body.tp-shell label[style*="color: #9ca3af"],
body.tp-shell a[style*="color: #9ca3af"],
body.tp-shell div[style*="color:#9CA3AF"],
body.tp-shell span[style*="color:#9CA3AF"],
body.tp-shell section[style*="color:#9CA3AF"],
body.tp-shell p[style*="color:#9CA3AF"],
body.tp-shell td[style*="color:#9CA3AF"],
body.tp-shell li[style*="color:#9CA3AF"],
body.tp-shell small[style*="color:#9CA3AF"],
body.tp-shell strong[style*="color:#9CA3AF"],
body.tp-shell h3[style*="color:#9CA3AF"],
body.tp-shell h4[style*="color:#9CA3AF"],
body.tp-shell label[style*="color:#9CA3AF"],
body.tp-shell a[style*="color:#9CA3AF"],
body.tp-shell div[style*="color:#4b5563"],
body.tp-shell span[style*="color:#4b5563"],
body.tp-shell section[style*="color:#4b5563"],
body.tp-shell p[style*="color:#4b5563"],
body.tp-shell td[style*="color:#4b5563"],
body.tp-shell li[style*="color:#4b5563"],
body.tp-shell small[style*="color:#4b5563"],
body.tp-shell strong[style*="color:#4b5563"],
body.tp-shell h3[style*="color:#4b5563"],
body.tp-shell h4[style*="color:#4b5563"],
body.tp-shell label[style*="color:#4b5563"],
body.tp-shell a[style*="color:#4b5563"],
body.tp-shell div[style*="color: #4b5563"],
body.tp-shell span[style*="color: #4b5563"],
body.tp-shell section[style*="color: #4b5563"],
body.tp-shell p[style*="color: #4b5563"],
body.tp-shell td[style*="color: #4b5563"],
body.tp-shell li[style*="color: #4b5563"],
body.tp-shell small[style*="color: #4b5563"],
body.tp-shell strong[style*="color: #4b5563"],
body.tp-shell h3[style*="color: #4b5563"],
body.tp-shell h4[style*="color: #4b5563"],
body.tp-shell label[style*="color: #4b5563"],
body.tp-shell a[style*="color: #4b5563"],
body.tp-shell div[style*="color:#4B5563"],
body.tp-shell span[style*="color:#4B5563"],
body.tp-shell section[style*="color:#4B5563"],
body.tp-shell p[style*="color:#4B5563"],
body.tp-shell td[style*="color:#4B5563"],
body.tp-shell li[style*="color:#4B5563"],
body.tp-shell small[style*="color:#4B5563"],
body.tp-shell strong[style*="color:#4B5563"],
body.tp-shell h3[style*="color:#4B5563"],
body.tp-shell h4[style*="color:#4B5563"],
body.tp-shell label[style*="color:#4B5563"],
body.tp-shell a[style*="color:#4B5563"] { color: var(--tp-text-muted) !important; }
body.tp-shell div[style*="color:#374151"],
body.tp-shell span[style*="color:#374151"],
body.tp-shell section[style*="color:#374151"],
body.tp-shell p[style*="color:#374151"],
body.tp-shell td[style*="color:#374151"],
body.tp-shell li[style*="color:#374151"],
body.tp-shell small[style*="color:#374151"],
body.tp-shell strong[style*="color:#374151"],
body.tp-shell h3[style*="color:#374151"],
body.tp-shell h4[style*="color:#374151"],
body.tp-shell label[style*="color:#374151"],
body.tp-shell a[style*="color:#374151"],
body.tp-shell div[style*="color: #374151"],
body.tp-shell span[style*="color: #374151"],
body.tp-shell section[style*="color: #374151"],
body.tp-shell p[style*="color: #374151"],
body.tp-shell td[style*="color: #374151"],
body.tp-shell li[style*="color: #374151"],
body.tp-shell small[style*="color: #374151"],
body.tp-shell strong[style*="color: #374151"],
body.tp-shell h3[style*="color: #374151"],
body.tp-shell h4[style*="color: #374151"],
body.tp-shell label[style*="color: #374151"],
body.tp-shell a[style*="color: #374151"],
body.tp-shell div[style*="color:#374151"],
body.tp-shell span[style*="color:#374151"],
body.tp-shell section[style*="color:#374151"],
body.tp-shell p[style*="color:#374151"],
body.tp-shell td[style*="color:#374151"],
body.tp-shell li[style*="color:#374151"],
body.tp-shell small[style*="color:#374151"],
body.tp-shell strong[style*="color:#374151"],
body.tp-shell h3[style*="color:#374151"],
body.tp-shell h4[style*="color:#374151"],
body.tp-shell label[style*="color:#374151"],
body.tp-shell a[style*="color:#374151"],
body.tp-shell div[style*="color:#1f2937"],
body.tp-shell span[style*="color:#1f2937"],
body.tp-shell section[style*="color:#1f2937"],
body.tp-shell p[style*="color:#1f2937"],
body.tp-shell td[style*="color:#1f2937"],
body.tp-shell li[style*="color:#1f2937"],
body.tp-shell small[style*="color:#1f2937"],
body.tp-shell strong[style*="color:#1f2937"],
body.tp-shell h3[style*="color:#1f2937"],
body.tp-shell h4[style*="color:#1f2937"],
body.tp-shell label[style*="color:#1f2937"],
body.tp-shell a[style*="color:#1f2937"],
body.tp-shell div[style*="color: #1f2937"],
body.tp-shell span[style*="color: #1f2937"],
body.tp-shell section[style*="color: #1f2937"],
body.tp-shell p[style*="color: #1f2937"],
body.tp-shell td[style*="color: #1f2937"],
body.tp-shell li[style*="color: #1f2937"],
body.tp-shell small[style*="color: #1f2937"],
body.tp-shell strong[style*="color: #1f2937"],
body.tp-shell h3[style*="color: #1f2937"],
body.tp-shell h4[style*="color: #1f2937"],
body.tp-shell label[style*="color: #1f2937"],
body.tp-shell a[style*="color: #1f2937"],
body.tp-shell div[style*="color:#1F2937"],
body.tp-shell span[style*="color:#1F2937"],
body.tp-shell section[style*="color:#1F2937"],
body.tp-shell p[style*="color:#1F2937"],
body.tp-shell td[style*="color:#1F2937"],
body.tp-shell li[style*="color:#1F2937"],
body.tp-shell small[style*="color:#1F2937"],
body.tp-shell strong[style*="color:#1F2937"],
body.tp-shell h3[style*="color:#1F2937"],
body.tp-shell h4[style*="color:#1F2937"],
body.tp-shell label[style*="color:#1F2937"],
body.tp-shell a[style*="color:#1F2937"],
body.tp-shell div[style*="color:#111827"],
body.tp-shell span[style*="color:#111827"],
body.tp-shell section[style*="color:#111827"],
body.tp-shell p[style*="color:#111827"],
body.tp-shell td[style*="color:#111827"],
body.tp-shell li[style*="color:#111827"],
body.tp-shell small[style*="color:#111827"],
body.tp-shell strong[style*="color:#111827"],
body.tp-shell h3[style*="color:#111827"],
body.tp-shell h4[style*="color:#111827"],
body.tp-shell label[style*="color:#111827"],
body.tp-shell a[style*="color:#111827"],
body.tp-shell div[style*="color: #111827"],
body.tp-shell span[style*="color: #111827"],
body.tp-shell section[style*="color: #111827"],
body.tp-shell p[style*="color: #111827"],
body.tp-shell td[style*="color: #111827"],
body.tp-shell li[style*="color: #111827"],
body.tp-shell small[style*="color: #111827"],
body.tp-shell strong[style*="color: #111827"],
body.tp-shell h3[style*="color: #111827"],
body.tp-shell h4[style*="color: #111827"],
body.tp-shell label[style*="color: #111827"],
body.tp-shell a[style*="color: #111827"],
body.tp-shell div[style*="color:#111827"],
body.tp-shell span[style*="color:#111827"],
body.tp-shell section[style*="color:#111827"],
body.tp-shell p[style*="color:#111827"],
body.tp-shell td[style*="color:#111827"],
body.tp-shell li[style*="color:#111827"],
body.tp-shell small[style*="color:#111827"],
body.tp-shell strong[style*="color:#111827"],
body.tp-shell h3[style*="color:#111827"],
body.tp-shell h4[style*="color:#111827"],
body.tp-shell label[style*="color:#111827"],
body.tp-shell a[style*="color:#111827"] { color: var(--tp-text) !important; }

/* Studené a sivé podklady → piesok/povrch; žlté → teplý piesok; plné fialové → burgundy */
body.tp-shell div[style*="background:#eff6ff"],
body.tp-shell span[style*="background:#eff6ff"],
body.tp-shell section[style*="background:#eff6ff"],
body.tp-shell p[style*="background:#eff6ff"],
body.tp-shell td[style*="background:#eff6ff"],
body.tp-shell li[style*="background:#eff6ff"],
body.tp-shell small[style*="background:#eff6ff"],
body.tp-shell strong[style*="background:#eff6ff"],
body.tp-shell h3[style*="background:#eff6ff"],
body.tp-shell h4[style*="background:#eff6ff"],
body.tp-shell label[style*="background:#eff6ff"],
body.tp-shell a[style*="background:#eff6ff"],
body.tp-shell div[style*="background: #eff6ff"],
body.tp-shell span[style*="background: #eff6ff"],
body.tp-shell section[style*="background: #eff6ff"],
body.tp-shell p[style*="background: #eff6ff"],
body.tp-shell td[style*="background: #eff6ff"],
body.tp-shell li[style*="background: #eff6ff"],
body.tp-shell small[style*="background: #eff6ff"],
body.tp-shell strong[style*="background: #eff6ff"],
body.tp-shell h3[style*="background: #eff6ff"],
body.tp-shell h4[style*="background: #eff6ff"],
body.tp-shell label[style*="background: #eff6ff"],
body.tp-shell a[style*="background: #eff6ff"],
body.tp-shell div[style*="background:#EFF6FF"],
body.tp-shell span[style*="background:#EFF6FF"],
body.tp-shell section[style*="background:#EFF6FF"],
body.tp-shell p[style*="background:#EFF6FF"],
body.tp-shell td[style*="background:#EFF6FF"],
body.tp-shell li[style*="background:#EFF6FF"],
body.tp-shell small[style*="background:#EFF6FF"],
body.tp-shell strong[style*="background:#EFF6FF"],
body.tp-shell h3[style*="background:#EFF6FF"],
body.tp-shell h4[style*="background:#EFF6FF"],
body.tp-shell label[style*="background:#EFF6FF"],
body.tp-shell a[style*="background:#EFF6FF"],
body.tp-shell div[style*="background:#e0e7ff"],
body.tp-shell span[style*="background:#e0e7ff"],
body.tp-shell section[style*="background:#e0e7ff"],
body.tp-shell p[style*="background:#e0e7ff"],
body.tp-shell td[style*="background:#e0e7ff"],
body.tp-shell li[style*="background:#e0e7ff"],
body.tp-shell small[style*="background:#e0e7ff"],
body.tp-shell strong[style*="background:#e0e7ff"],
body.tp-shell h3[style*="background:#e0e7ff"],
body.tp-shell h4[style*="background:#e0e7ff"],
body.tp-shell label[style*="background:#e0e7ff"],
body.tp-shell a[style*="background:#e0e7ff"],
body.tp-shell div[style*="background: #e0e7ff"],
body.tp-shell span[style*="background: #e0e7ff"],
body.tp-shell section[style*="background: #e0e7ff"],
body.tp-shell p[style*="background: #e0e7ff"],
body.tp-shell td[style*="background: #e0e7ff"],
body.tp-shell li[style*="background: #e0e7ff"],
body.tp-shell small[style*="background: #e0e7ff"],
body.tp-shell strong[style*="background: #e0e7ff"],
body.tp-shell h3[style*="background: #e0e7ff"],
body.tp-shell h4[style*="background: #e0e7ff"],
body.tp-shell label[style*="background: #e0e7ff"],
body.tp-shell a[style*="background: #e0e7ff"],
body.tp-shell div[style*="background:#E0E7FF"],
body.tp-shell span[style*="background:#E0E7FF"],
body.tp-shell section[style*="background:#E0E7FF"],
body.tp-shell p[style*="background:#E0E7FF"],
body.tp-shell td[style*="background:#E0E7FF"],
body.tp-shell li[style*="background:#E0E7FF"],
body.tp-shell small[style*="background:#E0E7FF"],
body.tp-shell strong[style*="background:#E0E7FF"],
body.tp-shell h3[style*="background:#E0E7FF"],
body.tp-shell h4[style*="background:#E0E7FF"],
body.tp-shell label[style*="background:#E0E7FF"],
body.tp-shell a[style*="background:#E0E7FF"],
body.tp-shell div[style*="background:#dbeafe"],
body.tp-shell span[style*="background:#dbeafe"],
body.tp-shell section[style*="background:#dbeafe"],
body.tp-shell p[style*="background:#dbeafe"],
body.tp-shell td[style*="background:#dbeafe"],
body.tp-shell li[style*="background:#dbeafe"],
body.tp-shell small[style*="background:#dbeafe"],
body.tp-shell strong[style*="background:#dbeafe"],
body.tp-shell h3[style*="background:#dbeafe"],
body.tp-shell h4[style*="background:#dbeafe"],
body.tp-shell label[style*="background:#dbeafe"],
body.tp-shell a[style*="background:#dbeafe"],
body.tp-shell div[style*="background: #dbeafe"],
body.tp-shell span[style*="background: #dbeafe"],
body.tp-shell section[style*="background: #dbeafe"],
body.tp-shell p[style*="background: #dbeafe"],
body.tp-shell td[style*="background: #dbeafe"],
body.tp-shell li[style*="background: #dbeafe"],
body.tp-shell small[style*="background: #dbeafe"],
body.tp-shell strong[style*="background: #dbeafe"],
body.tp-shell h3[style*="background: #dbeafe"],
body.tp-shell h4[style*="background: #dbeafe"],
body.tp-shell label[style*="background: #dbeafe"],
body.tp-shell a[style*="background: #dbeafe"],
body.tp-shell div[style*="background:#DBEAFE"],
body.tp-shell span[style*="background:#DBEAFE"],
body.tp-shell section[style*="background:#DBEAFE"],
body.tp-shell p[style*="background:#DBEAFE"],
body.tp-shell td[style*="background:#DBEAFE"],
body.tp-shell li[style*="background:#DBEAFE"],
body.tp-shell small[style*="background:#DBEAFE"],
body.tp-shell strong[style*="background:#DBEAFE"],
body.tp-shell h3[style*="background:#DBEAFE"],
body.tp-shell h4[style*="background:#DBEAFE"],
body.tp-shell label[style*="background:#DBEAFE"],
body.tp-shell a[style*="background:#DBEAFE"],
body.tp-shell div[style*="background:#f0f9ff"],
body.tp-shell span[style*="background:#f0f9ff"],
body.tp-shell section[style*="background:#f0f9ff"],
body.tp-shell p[style*="background:#f0f9ff"],
body.tp-shell td[style*="background:#f0f9ff"],
body.tp-shell li[style*="background:#f0f9ff"],
body.tp-shell small[style*="background:#f0f9ff"],
body.tp-shell strong[style*="background:#f0f9ff"],
body.tp-shell h3[style*="background:#f0f9ff"],
body.tp-shell h4[style*="background:#f0f9ff"],
body.tp-shell label[style*="background:#f0f9ff"],
body.tp-shell a[style*="background:#f0f9ff"],
body.tp-shell div[style*="background: #f0f9ff"],
body.tp-shell span[style*="background: #f0f9ff"],
body.tp-shell section[style*="background: #f0f9ff"],
body.tp-shell p[style*="background: #f0f9ff"],
body.tp-shell td[style*="background: #f0f9ff"],
body.tp-shell li[style*="background: #f0f9ff"],
body.tp-shell small[style*="background: #f0f9ff"],
body.tp-shell strong[style*="background: #f0f9ff"],
body.tp-shell h3[style*="background: #f0f9ff"],
body.tp-shell h4[style*="background: #f0f9ff"],
body.tp-shell label[style*="background: #f0f9ff"],
body.tp-shell a[style*="background: #f0f9ff"],
body.tp-shell div[style*="background:#F0F9FF"],
body.tp-shell span[style*="background:#F0F9FF"],
body.tp-shell section[style*="background:#F0F9FF"],
body.tp-shell p[style*="background:#F0F9FF"],
body.tp-shell td[style*="background:#F0F9FF"],
body.tp-shell li[style*="background:#F0F9FF"],
body.tp-shell small[style*="background:#F0F9FF"],
body.tp-shell strong[style*="background:#F0F9FF"],
body.tp-shell h3[style*="background:#F0F9FF"],
body.tp-shell h4[style*="background:#F0F9FF"],
body.tp-shell label[style*="background:#F0F9FF"],
body.tp-shell a[style*="background:#F0F9FF"],
body.tp-shell div[style*="background:#faf5ff"],
body.tp-shell span[style*="background:#faf5ff"],
body.tp-shell section[style*="background:#faf5ff"],
body.tp-shell p[style*="background:#faf5ff"],
body.tp-shell td[style*="background:#faf5ff"],
body.tp-shell li[style*="background:#faf5ff"],
body.tp-shell small[style*="background:#faf5ff"],
body.tp-shell strong[style*="background:#faf5ff"],
body.tp-shell h3[style*="background:#faf5ff"],
body.tp-shell h4[style*="background:#faf5ff"],
body.tp-shell label[style*="background:#faf5ff"],
body.tp-shell a[style*="background:#faf5ff"],
body.tp-shell div[style*="background: #faf5ff"],
body.tp-shell span[style*="background: #faf5ff"],
body.tp-shell section[style*="background: #faf5ff"],
body.tp-shell p[style*="background: #faf5ff"],
body.tp-shell td[style*="background: #faf5ff"],
body.tp-shell li[style*="background: #faf5ff"],
body.tp-shell small[style*="background: #faf5ff"],
body.tp-shell strong[style*="background: #faf5ff"],
body.tp-shell h3[style*="background: #faf5ff"],
body.tp-shell h4[style*="background: #faf5ff"],
body.tp-shell label[style*="background: #faf5ff"],
body.tp-shell a[style*="background: #faf5ff"],
body.tp-shell div[style*="background:#FAF5FF"],
body.tp-shell span[style*="background:#FAF5FF"],
body.tp-shell section[style*="background:#FAF5FF"],
body.tp-shell p[style*="background:#FAF5FF"],
body.tp-shell td[style*="background:#FAF5FF"],
body.tp-shell li[style*="background:#FAF5FF"],
body.tp-shell small[style*="background:#FAF5FF"],
body.tp-shell strong[style*="background:#FAF5FF"],
body.tp-shell h3[style*="background:#FAF5FF"],
body.tp-shell h4[style*="background:#FAF5FF"],
body.tp-shell label[style*="background:#FAF5FF"],
body.tp-shell a[style*="background:#FAF5FF"],
body.tp-shell div[style*="background:#f5f3ff"],
body.tp-shell span[style*="background:#f5f3ff"],
body.tp-shell section[style*="background:#f5f3ff"],
body.tp-shell p[style*="background:#f5f3ff"],
body.tp-shell td[style*="background:#f5f3ff"],
body.tp-shell li[style*="background:#f5f3ff"],
body.tp-shell small[style*="background:#f5f3ff"],
body.tp-shell strong[style*="background:#f5f3ff"],
body.tp-shell h3[style*="background:#f5f3ff"],
body.tp-shell h4[style*="background:#f5f3ff"],
body.tp-shell label[style*="background:#f5f3ff"],
body.tp-shell a[style*="background:#f5f3ff"],
body.tp-shell div[style*="background: #f5f3ff"],
body.tp-shell span[style*="background: #f5f3ff"],
body.tp-shell section[style*="background: #f5f3ff"],
body.tp-shell p[style*="background: #f5f3ff"],
body.tp-shell td[style*="background: #f5f3ff"],
body.tp-shell li[style*="background: #f5f3ff"],
body.tp-shell small[style*="background: #f5f3ff"],
body.tp-shell strong[style*="background: #f5f3ff"],
body.tp-shell h3[style*="background: #f5f3ff"],
body.tp-shell h4[style*="background: #f5f3ff"],
body.tp-shell label[style*="background: #f5f3ff"],
body.tp-shell a[style*="background: #f5f3ff"],
body.tp-shell div[style*="background:#F5F3FF"],
body.tp-shell span[style*="background:#F5F3FF"],
body.tp-shell section[style*="background:#F5F3FF"],
body.tp-shell p[style*="background:#F5F3FF"],
body.tp-shell td[style*="background:#F5F3FF"],
body.tp-shell li[style*="background:#F5F3FF"],
body.tp-shell small[style*="background:#F5F3FF"],
body.tp-shell strong[style*="background:#F5F3FF"],
body.tp-shell h3[style*="background:#F5F3FF"],
body.tp-shell h4[style*="background:#F5F3FF"],
body.tp-shell label[style*="background:#F5F3FF"],
body.tp-shell a[style*="background:#F5F3FF"],
body.tp-shell div[style*="background:#ecfeff"],
body.tp-shell span[style*="background:#ecfeff"],
body.tp-shell section[style*="background:#ecfeff"],
body.tp-shell p[style*="background:#ecfeff"],
body.tp-shell td[style*="background:#ecfeff"],
body.tp-shell li[style*="background:#ecfeff"],
body.tp-shell small[style*="background:#ecfeff"],
body.tp-shell strong[style*="background:#ecfeff"],
body.tp-shell h3[style*="background:#ecfeff"],
body.tp-shell h4[style*="background:#ecfeff"],
body.tp-shell label[style*="background:#ecfeff"],
body.tp-shell a[style*="background:#ecfeff"],
body.tp-shell div[style*="background: #ecfeff"],
body.tp-shell span[style*="background: #ecfeff"],
body.tp-shell section[style*="background: #ecfeff"],
body.tp-shell p[style*="background: #ecfeff"],
body.tp-shell td[style*="background: #ecfeff"],
body.tp-shell li[style*="background: #ecfeff"],
body.tp-shell small[style*="background: #ecfeff"],
body.tp-shell strong[style*="background: #ecfeff"],
body.tp-shell h3[style*="background: #ecfeff"],
body.tp-shell h4[style*="background: #ecfeff"],
body.tp-shell label[style*="background: #ecfeff"],
body.tp-shell a[style*="background: #ecfeff"],
body.tp-shell div[style*="background:#ECFEFF"],
body.tp-shell span[style*="background:#ECFEFF"],
body.tp-shell section[style*="background:#ECFEFF"],
body.tp-shell p[style*="background:#ECFEFF"],
body.tp-shell td[style*="background:#ECFEFF"],
body.tp-shell li[style*="background:#ECFEFF"],
body.tp-shell small[style*="background:#ECFEFF"],
body.tp-shell strong[style*="background:#ECFEFF"],
body.tp-shell h3[style*="background:#ECFEFF"],
body.tp-shell h4[style*="background:#ECFEFF"],
body.tp-shell label[style*="background:#ECFEFF"],
body.tp-shell a[style*="background:#ECFEFF"],
body.tp-shell div[style*="background:#e0f2fe"],
body.tp-shell span[style*="background:#e0f2fe"],
body.tp-shell section[style*="background:#e0f2fe"],
body.tp-shell p[style*="background:#e0f2fe"],
body.tp-shell td[style*="background:#e0f2fe"],
body.tp-shell li[style*="background:#e0f2fe"],
body.tp-shell small[style*="background:#e0f2fe"],
body.tp-shell strong[style*="background:#e0f2fe"],
body.tp-shell h3[style*="background:#e0f2fe"],
body.tp-shell h4[style*="background:#e0f2fe"],
body.tp-shell label[style*="background:#e0f2fe"],
body.tp-shell a[style*="background:#e0f2fe"],
body.tp-shell div[style*="background: #e0f2fe"],
body.tp-shell span[style*="background: #e0f2fe"],
body.tp-shell section[style*="background: #e0f2fe"],
body.tp-shell p[style*="background: #e0f2fe"],
body.tp-shell td[style*="background: #e0f2fe"],
body.tp-shell li[style*="background: #e0f2fe"],
body.tp-shell small[style*="background: #e0f2fe"],
body.tp-shell strong[style*="background: #e0f2fe"],
body.tp-shell h3[style*="background: #e0f2fe"],
body.tp-shell h4[style*="background: #e0f2fe"],
body.tp-shell label[style*="background: #e0f2fe"],
body.tp-shell a[style*="background: #e0f2fe"],
body.tp-shell div[style*="background:#E0F2FE"],
body.tp-shell span[style*="background:#E0F2FE"],
body.tp-shell section[style*="background:#E0F2FE"],
body.tp-shell p[style*="background:#E0F2FE"],
body.tp-shell td[style*="background:#E0F2FE"],
body.tp-shell li[style*="background:#E0F2FE"],
body.tp-shell small[style*="background:#E0F2FE"],
body.tp-shell strong[style*="background:#E0F2FE"],
body.tp-shell h3[style*="background:#E0F2FE"],
body.tp-shell h4[style*="background:#E0F2FE"],
body.tp-shell label[style*="background:#E0F2FE"],
body.tp-shell a[style*="background:#E0F2FE"],
body.tp-shell div[style*="background:#ede9fe"],
body.tp-shell span[style*="background:#ede9fe"],
body.tp-shell section[style*="background:#ede9fe"],
body.tp-shell p[style*="background:#ede9fe"],
body.tp-shell td[style*="background:#ede9fe"],
body.tp-shell li[style*="background:#ede9fe"],
body.tp-shell small[style*="background:#ede9fe"],
body.tp-shell strong[style*="background:#ede9fe"],
body.tp-shell h3[style*="background:#ede9fe"],
body.tp-shell h4[style*="background:#ede9fe"],
body.tp-shell label[style*="background:#ede9fe"],
body.tp-shell a[style*="background:#ede9fe"],
body.tp-shell div[style*="background: #ede9fe"],
body.tp-shell span[style*="background: #ede9fe"],
body.tp-shell section[style*="background: #ede9fe"],
body.tp-shell p[style*="background: #ede9fe"],
body.tp-shell td[style*="background: #ede9fe"],
body.tp-shell li[style*="background: #ede9fe"],
body.tp-shell small[style*="background: #ede9fe"],
body.tp-shell strong[style*="background: #ede9fe"],
body.tp-shell h3[style*="background: #ede9fe"],
body.tp-shell h4[style*="background: #ede9fe"],
body.tp-shell label[style*="background: #ede9fe"],
body.tp-shell a[style*="background: #ede9fe"],
body.tp-shell div[style*="background:#EDE9FE"],
body.tp-shell span[style*="background:#EDE9FE"],
body.tp-shell section[style*="background:#EDE9FE"],
body.tp-shell p[style*="background:#EDE9FE"],
body.tp-shell td[style*="background:#EDE9FE"],
body.tp-shell li[style*="background:#EDE9FE"],
body.tp-shell small[style*="background:#EDE9FE"],
body.tp-shell strong[style*="background:#EDE9FE"],
body.tp-shell h3[style*="background:#EDE9FE"],
body.tp-shell h4[style*="background:#EDE9FE"],
body.tp-shell label[style*="background:#EDE9FE"],
body.tp-shell a[style*="background:#EDE9FE"],
body.tp-shell div[style*="background:#f9fafb"],
body.tp-shell span[style*="background:#f9fafb"],
body.tp-shell section[style*="background:#f9fafb"],
body.tp-shell p[style*="background:#f9fafb"],
body.tp-shell td[style*="background:#f9fafb"],
body.tp-shell li[style*="background:#f9fafb"],
body.tp-shell small[style*="background:#f9fafb"],
body.tp-shell strong[style*="background:#f9fafb"],
body.tp-shell h3[style*="background:#f9fafb"],
body.tp-shell h4[style*="background:#f9fafb"],
body.tp-shell label[style*="background:#f9fafb"],
body.tp-shell a[style*="background:#f9fafb"],
body.tp-shell div[style*="background: #f9fafb"],
body.tp-shell span[style*="background: #f9fafb"],
body.tp-shell section[style*="background: #f9fafb"],
body.tp-shell p[style*="background: #f9fafb"],
body.tp-shell td[style*="background: #f9fafb"],
body.tp-shell li[style*="background: #f9fafb"],
body.tp-shell small[style*="background: #f9fafb"],
body.tp-shell strong[style*="background: #f9fafb"],
body.tp-shell h3[style*="background: #f9fafb"],
body.tp-shell h4[style*="background: #f9fafb"],
body.tp-shell label[style*="background: #f9fafb"],
body.tp-shell a[style*="background: #f9fafb"],
body.tp-shell div[style*="background:#F9FAFB"],
body.tp-shell span[style*="background:#F9FAFB"],
body.tp-shell section[style*="background:#F9FAFB"],
body.tp-shell p[style*="background:#F9FAFB"],
body.tp-shell td[style*="background:#F9FAFB"],
body.tp-shell li[style*="background:#F9FAFB"],
body.tp-shell small[style*="background:#F9FAFB"],
body.tp-shell strong[style*="background:#F9FAFB"],
body.tp-shell h3[style*="background:#F9FAFB"],
body.tp-shell h4[style*="background:#F9FAFB"],
body.tp-shell label[style*="background:#F9FAFB"],
body.tp-shell a[style*="background:#F9FAFB"],
body.tp-shell div[style*="background:#f8fafc"],
body.tp-shell span[style*="background:#f8fafc"],
body.tp-shell section[style*="background:#f8fafc"],
body.tp-shell p[style*="background:#f8fafc"],
body.tp-shell td[style*="background:#f8fafc"],
body.tp-shell li[style*="background:#f8fafc"],
body.tp-shell small[style*="background:#f8fafc"],
body.tp-shell strong[style*="background:#f8fafc"],
body.tp-shell h3[style*="background:#f8fafc"],
body.tp-shell h4[style*="background:#f8fafc"],
body.tp-shell label[style*="background:#f8fafc"],
body.tp-shell a[style*="background:#f8fafc"],
body.tp-shell div[style*="background: #f8fafc"],
body.tp-shell span[style*="background: #f8fafc"],
body.tp-shell section[style*="background: #f8fafc"],
body.tp-shell p[style*="background: #f8fafc"],
body.tp-shell td[style*="background: #f8fafc"],
body.tp-shell li[style*="background: #f8fafc"],
body.tp-shell small[style*="background: #f8fafc"],
body.tp-shell strong[style*="background: #f8fafc"],
body.tp-shell h3[style*="background: #f8fafc"],
body.tp-shell h4[style*="background: #f8fafc"],
body.tp-shell label[style*="background: #f8fafc"],
body.tp-shell a[style*="background: #f8fafc"],
body.tp-shell div[style*="background:#F8FAFC"],
body.tp-shell span[style*="background:#F8FAFC"],
body.tp-shell section[style*="background:#F8FAFC"],
body.tp-shell p[style*="background:#F8FAFC"],
body.tp-shell td[style*="background:#F8FAFC"],
body.tp-shell li[style*="background:#F8FAFC"],
body.tp-shell small[style*="background:#F8FAFC"],
body.tp-shell strong[style*="background:#F8FAFC"],
body.tp-shell h3[style*="background:#F8FAFC"],
body.tp-shell h4[style*="background:#F8FAFC"],
body.tp-shell label[style*="background:#F8FAFC"],
body.tp-shell a[style*="background:#F8FAFC"],
body.tp-shell div[style*="background:#f3f4f6"],
body.tp-shell span[style*="background:#f3f4f6"],
body.tp-shell section[style*="background:#f3f4f6"],
body.tp-shell p[style*="background:#f3f4f6"],
body.tp-shell td[style*="background:#f3f4f6"],
body.tp-shell li[style*="background:#f3f4f6"],
body.tp-shell small[style*="background:#f3f4f6"],
body.tp-shell strong[style*="background:#f3f4f6"],
body.tp-shell h3[style*="background:#f3f4f6"],
body.tp-shell h4[style*="background:#f3f4f6"],
body.tp-shell label[style*="background:#f3f4f6"],
body.tp-shell a[style*="background:#f3f4f6"],
body.tp-shell div[style*="background: #f3f4f6"],
body.tp-shell span[style*="background: #f3f4f6"],
body.tp-shell section[style*="background: #f3f4f6"],
body.tp-shell p[style*="background: #f3f4f6"],
body.tp-shell td[style*="background: #f3f4f6"],
body.tp-shell li[style*="background: #f3f4f6"],
body.tp-shell small[style*="background: #f3f4f6"],
body.tp-shell strong[style*="background: #f3f4f6"],
body.tp-shell h3[style*="background: #f3f4f6"],
body.tp-shell h4[style*="background: #f3f4f6"],
body.tp-shell label[style*="background: #f3f4f6"],
body.tp-shell a[style*="background: #f3f4f6"],
body.tp-shell div[style*="background:#F3F4F6"],
body.tp-shell span[style*="background:#F3F4F6"],
body.tp-shell section[style*="background:#F3F4F6"],
body.tp-shell p[style*="background:#F3F4F6"],
body.tp-shell td[style*="background:#F3F4F6"],
body.tp-shell li[style*="background:#F3F4F6"],
body.tp-shell small[style*="background:#F3F4F6"],
body.tp-shell strong[style*="background:#F3F4F6"],
body.tp-shell h3[style*="background:#F3F4F6"],
body.tp-shell h4[style*="background:#F3F4F6"],
body.tp-shell label[style*="background:#F3F4F6"],
body.tp-shell a[style*="background:#F3F4F6"],
body.tp-shell div[style*="background:#e5e7eb"],
body.tp-shell span[style*="background:#e5e7eb"],
body.tp-shell section[style*="background:#e5e7eb"],
body.tp-shell p[style*="background:#e5e7eb"],
body.tp-shell td[style*="background:#e5e7eb"],
body.tp-shell li[style*="background:#e5e7eb"],
body.tp-shell small[style*="background:#e5e7eb"],
body.tp-shell strong[style*="background:#e5e7eb"],
body.tp-shell h3[style*="background:#e5e7eb"],
body.tp-shell h4[style*="background:#e5e7eb"],
body.tp-shell label[style*="background:#e5e7eb"],
body.tp-shell a[style*="background:#e5e7eb"],
body.tp-shell div[style*="background: #e5e7eb"],
body.tp-shell span[style*="background: #e5e7eb"],
body.tp-shell section[style*="background: #e5e7eb"],
body.tp-shell p[style*="background: #e5e7eb"],
body.tp-shell td[style*="background: #e5e7eb"],
body.tp-shell li[style*="background: #e5e7eb"],
body.tp-shell small[style*="background: #e5e7eb"],
body.tp-shell strong[style*="background: #e5e7eb"],
body.tp-shell h3[style*="background: #e5e7eb"],
body.tp-shell h4[style*="background: #e5e7eb"],
body.tp-shell label[style*="background: #e5e7eb"],
body.tp-shell a[style*="background: #e5e7eb"],
body.tp-shell div[style*="background:#E5E7EB"],
body.tp-shell span[style*="background:#E5E7EB"],
body.tp-shell section[style*="background:#E5E7EB"],
body.tp-shell p[style*="background:#E5E7EB"],
body.tp-shell td[style*="background:#E5E7EB"],
body.tp-shell li[style*="background:#E5E7EB"],
body.tp-shell small[style*="background:#E5E7EB"],
body.tp-shell strong[style*="background:#E5E7EB"],
body.tp-shell h3[style*="background:#E5E7EB"],
body.tp-shell h4[style*="background:#E5E7EB"],
body.tp-shell label[style*="background:#E5E7EB"],
body.tp-shell a[style*="background:#E5E7EB"],
body.tp-shell div[style*="background:#fdf4ff"],
body.tp-shell span[style*="background:#fdf4ff"],
body.tp-shell section[style*="background:#fdf4ff"],
body.tp-shell p[style*="background:#fdf4ff"],
body.tp-shell td[style*="background:#fdf4ff"],
body.tp-shell li[style*="background:#fdf4ff"],
body.tp-shell small[style*="background:#fdf4ff"],
body.tp-shell strong[style*="background:#fdf4ff"],
body.tp-shell h3[style*="background:#fdf4ff"],
body.tp-shell h4[style*="background:#fdf4ff"],
body.tp-shell label[style*="background:#fdf4ff"],
body.tp-shell a[style*="background:#fdf4ff"],
body.tp-shell div[style*="background: #fdf4ff"],
body.tp-shell span[style*="background: #fdf4ff"],
body.tp-shell section[style*="background: #fdf4ff"],
body.tp-shell p[style*="background: #fdf4ff"],
body.tp-shell td[style*="background: #fdf4ff"],
body.tp-shell li[style*="background: #fdf4ff"],
body.tp-shell small[style*="background: #fdf4ff"],
body.tp-shell strong[style*="background: #fdf4ff"],
body.tp-shell h3[style*="background: #fdf4ff"],
body.tp-shell h4[style*="background: #fdf4ff"],
body.tp-shell label[style*="background: #fdf4ff"],
body.tp-shell a[style*="background: #fdf4ff"],
body.tp-shell div[style*="background:#FDF4FF"],
body.tp-shell span[style*="background:#FDF4FF"],
body.tp-shell section[style*="background:#FDF4FF"],
body.tp-shell p[style*="background:#FDF4FF"],
body.tp-shell td[style*="background:#FDF4FF"],
body.tp-shell li[style*="background:#FDF4FF"],
body.tp-shell small[style*="background:#FDF4FF"],
body.tp-shell strong[style*="background:#FDF4FF"],
body.tp-shell h3[style*="background:#FDF4FF"],
body.tp-shell h4[style*="background:#FDF4FF"],
body.tp-shell label[style*="background:#FDF4FF"],
body.tp-shell a[style*="background:#FDF4FF"] { background: var(--tp-surface-2) !important; border-color: var(--tp-line) !important; }
body.tp-shell div[style*="background:#fef3c7"],
body.tp-shell span[style*="background:#fef3c7"],
body.tp-shell section[style*="background:#fef3c7"],
body.tp-shell p[style*="background:#fef3c7"],
body.tp-shell td[style*="background:#fef3c7"],
body.tp-shell li[style*="background:#fef3c7"],
body.tp-shell small[style*="background:#fef3c7"],
body.tp-shell strong[style*="background:#fef3c7"],
body.tp-shell h3[style*="background:#fef3c7"],
body.tp-shell h4[style*="background:#fef3c7"],
body.tp-shell label[style*="background:#fef3c7"],
body.tp-shell a[style*="background:#fef3c7"],
body.tp-shell div[style*="background: #fef3c7"],
body.tp-shell span[style*="background: #fef3c7"],
body.tp-shell section[style*="background: #fef3c7"],
body.tp-shell p[style*="background: #fef3c7"],
body.tp-shell td[style*="background: #fef3c7"],
body.tp-shell li[style*="background: #fef3c7"],
body.tp-shell small[style*="background: #fef3c7"],
body.tp-shell strong[style*="background: #fef3c7"],
body.tp-shell h3[style*="background: #fef3c7"],
body.tp-shell h4[style*="background: #fef3c7"],
body.tp-shell label[style*="background: #fef3c7"],
body.tp-shell a[style*="background: #fef3c7"],
body.tp-shell div[style*="background:#FEF3C7"],
body.tp-shell span[style*="background:#FEF3C7"],
body.tp-shell section[style*="background:#FEF3C7"],
body.tp-shell p[style*="background:#FEF3C7"],
body.tp-shell td[style*="background:#FEF3C7"],
body.tp-shell li[style*="background:#FEF3C7"],
body.tp-shell small[style*="background:#FEF3C7"],
body.tp-shell strong[style*="background:#FEF3C7"],
body.tp-shell h3[style*="background:#FEF3C7"],
body.tp-shell h4[style*="background:#FEF3C7"],
body.tp-shell label[style*="background:#FEF3C7"],
body.tp-shell a[style*="background:#FEF3C7"],
body.tp-shell div[style*="background:#fffbeb"],
body.tp-shell span[style*="background:#fffbeb"],
body.tp-shell section[style*="background:#fffbeb"],
body.tp-shell p[style*="background:#fffbeb"],
body.tp-shell td[style*="background:#fffbeb"],
body.tp-shell li[style*="background:#fffbeb"],
body.tp-shell small[style*="background:#fffbeb"],
body.tp-shell strong[style*="background:#fffbeb"],
body.tp-shell h3[style*="background:#fffbeb"],
body.tp-shell h4[style*="background:#fffbeb"],
body.tp-shell label[style*="background:#fffbeb"],
body.tp-shell a[style*="background:#fffbeb"],
body.tp-shell div[style*="background: #fffbeb"],
body.tp-shell span[style*="background: #fffbeb"],
body.tp-shell section[style*="background: #fffbeb"],
body.tp-shell p[style*="background: #fffbeb"],
body.tp-shell td[style*="background: #fffbeb"],
body.tp-shell li[style*="background: #fffbeb"],
body.tp-shell small[style*="background: #fffbeb"],
body.tp-shell strong[style*="background: #fffbeb"],
body.tp-shell h3[style*="background: #fffbeb"],
body.tp-shell h4[style*="background: #fffbeb"],
body.tp-shell label[style*="background: #fffbeb"],
body.tp-shell a[style*="background: #fffbeb"],
body.tp-shell div[style*="background:#FFFBEB"],
body.tp-shell span[style*="background:#FFFBEB"],
body.tp-shell section[style*="background:#FFFBEB"],
body.tp-shell p[style*="background:#FFFBEB"],
body.tp-shell td[style*="background:#FFFBEB"],
body.tp-shell li[style*="background:#FFFBEB"],
body.tp-shell small[style*="background:#FFFBEB"],
body.tp-shell strong[style*="background:#FFFBEB"],
body.tp-shell h3[style*="background:#FFFBEB"],
body.tp-shell h4[style*="background:#FFFBEB"],
body.tp-shell label[style*="background:#FFFBEB"],
body.tp-shell a[style*="background:#FFFBEB"],
body.tp-shell div[style*="background:#fefce8"],
body.tp-shell span[style*="background:#fefce8"],
body.tp-shell section[style*="background:#fefce8"],
body.tp-shell p[style*="background:#fefce8"],
body.tp-shell td[style*="background:#fefce8"],
body.tp-shell li[style*="background:#fefce8"],
body.tp-shell small[style*="background:#fefce8"],
body.tp-shell strong[style*="background:#fefce8"],
body.tp-shell h3[style*="background:#fefce8"],
body.tp-shell h4[style*="background:#fefce8"],
body.tp-shell label[style*="background:#fefce8"],
body.tp-shell a[style*="background:#fefce8"],
body.tp-shell div[style*="background: #fefce8"],
body.tp-shell span[style*="background: #fefce8"],
body.tp-shell section[style*="background: #fefce8"],
body.tp-shell p[style*="background: #fefce8"],
body.tp-shell td[style*="background: #fefce8"],
body.tp-shell li[style*="background: #fefce8"],
body.tp-shell small[style*="background: #fefce8"],
body.tp-shell strong[style*="background: #fefce8"],
body.tp-shell h3[style*="background: #fefce8"],
body.tp-shell h4[style*="background: #fefce8"],
body.tp-shell label[style*="background: #fefce8"],
body.tp-shell a[style*="background: #fefce8"],
body.tp-shell div[style*="background:#FEFCE8"],
body.tp-shell span[style*="background:#FEFCE8"],
body.tp-shell section[style*="background:#FEFCE8"],
body.tp-shell p[style*="background:#FEFCE8"],
body.tp-shell td[style*="background:#FEFCE8"],
body.tp-shell li[style*="background:#FEFCE8"],
body.tp-shell small[style*="background:#FEFCE8"],
body.tp-shell strong[style*="background:#FEFCE8"],
body.tp-shell h3[style*="background:#FEFCE8"],
body.tp-shell h4[style*="background:#FEFCE8"],
body.tp-shell label[style*="background:#FEFCE8"],
body.tp-shell a[style*="background:#FEFCE8"],
body.tp-shell div[style*="background:#fef9c3"],
body.tp-shell span[style*="background:#fef9c3"],
body.tp-shell section[style*="background:#fef9c3"],
body.tp-shell p[style*="background:#fef9c3"],
body.tp-shell td[style*="background:#fef9c3"],
body.tp-shell li[style*="background:#fef9c3"],
body.tp-shell small[style*="background:#fef9c3"],
body.tp-shell strong[style*="background:#fef9c3"],
body.tp-shell h3[style*="background:#fef9c3"],
body.tp-shell h4[style*="background:#fef9c3"],
body.tp-shell label[style*="background:#fef9c3"],
body.tp-shell a[style*="background:#fef9c3"],
body.tp-shell div[style*="background: #fef9c3"],
body.tp-shell span[style*="background: #fef9c3"],
body.tp-shell section[style*="background: #fef9c3"],
body.tp-shell p[style*="background: #fef9c3"],
body.tp-shell td[style*="background: #fef9c3"],
body.tp-shell li[style*="background: #fef9c3"],
body.tp-shell small[style*="background: #fef9c3"],
body.tp-shell strong[style*="background: #fef9c3"],
body.tp-shell h3[style*="background: #fef9c3"],
body.tp-shell h4[style*="background: #fef9c3"],
body.tp-shell label[style*="background: #fef9c3"],
body.tp-shell a[style*="background: #fef9c3"],
body.tp-shell div[style*="background:#FEF9C3"],
body.tp-shell span[style*="background:#FEF9C3"],
body.tp-shell section[style*="background:#FEF9C3"],
body.tp-shell p[style*="background:#FEF9C3"],
body.tp-shell td[style*="background:#FEF9C3"],
body.tp-shell li[style*="background:#FEF9C3"],
body.tp-shell small[style*="background:#FEF9C3"],
body.tp-shell strong[style*="background:#FEF9C3"],
body.tp-shell h3[style*="background:#FEF9C3"],
body.tp-shell h4[style*="background:#FEF9C3"],
body.tp-shell label[style*="background:#FEF9C3"],
body.tp-shell a[style*="background:#FEF9C3"] { background: var(--tp-sand) !important; border-color: rgba(129, 0, 26, 0.18) !important; }
[data-theme="dark"] body.tp-shell div[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell span[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell section[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell p[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell td[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell li[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell small[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell strong[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell h3[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell h4[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell label[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell a[style*="background:#fef3c7"],
[data-theme="dark"] body.tp-shell div[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell span[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell section[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell p[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell td[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell li[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell small[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell strong[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell h3[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell h4[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell label[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell a[style*="background: #fef3c7"],
[data-theme="dark"] body.tp-shell div[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell span[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell section[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell p[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell td[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell li[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell small[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell strong[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell h3[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell h4[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell label[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell a[style*="background:#FEF3C7"],
[data-theme="dark"] body.tp-shell div[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell span[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell section[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell p[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell td[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell li[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell small[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell strong[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell h3[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell h4[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell label[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell a[style*="background:#fffbeb"],
[data-theme="dark"] body.tp-shell div[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell span[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell section[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell p[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell td[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell li[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell small[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell strong[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell h3[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell h4[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell label[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell a[style*="background: #fffbeb"],
[data-theme="dark"] body.tp-shell div[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell span[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell section[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell p[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell td[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell li[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell small[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell strong[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell h3[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell h4[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell label[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell a[style*="background:#FFFBEB"],
[data-theme="dark"] body.tp-shell div[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell span[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell section[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell p[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell td[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell li[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell small[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell strong[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell h3[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell h4[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell label[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell a[style*="background:#fefce8"],
[data-theme="dark"] body.tp-shell div[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell span[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell section[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell p[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell td[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell li[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell small[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell strong[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell h3[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell h4[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell label[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell a[style*="background: #fefce8"],
[data-theme="dark"] body.tp-shell div[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell span[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell section[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell p[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell td[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell li[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell small[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell strong[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell h3[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell h4[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell label[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell a[style*="background:#FEFCE8"],
[data-theme="dark"] body.tp-shell div[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell span[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell section[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell p[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell td[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell li[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell small[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell strong[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell h3[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell h4[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell label[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell a[style*="background:#fef9c3"],
[data-theme="dark"] body.tp-shell div[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell span[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell section[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell p[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell td[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell li[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell small[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell strong[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell h3[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell h4[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell label[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell a[style*="background: #fef9c3"],
[data-theme="dark"] body.tp-shell div[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell span[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell section[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell p[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell td[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell li[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell small[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell strong[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell h3[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell h4[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell label[style*="background:#FEF9C3"],
[data-theme="dark"] body.tp-shell a[style*="background:#FEF9C3"] { background: var(--tp-surface-2) !important; }
body.tp-shell div[style*="background:#7c3aed"],
body.tp-shell span[style*="background:#7c3aed"],
body.tp-shell section[style*="background:#7c3aed"],
body.tp-shell p[style*="background:#7c3aed"],
body.tp-shell td[style*="background:#7c3aed"],
body.tp-shell li[style*="background:#7c3aed"],
body.tp-shell small[style*="background:#7c3aed"],
body.tp-shell strong[style*="background:#7c3aed"],
body.tp-shell h3[style*="background:#7c3aed"],
body.tp-shell h4[style*="background:#7c3aed"],
body.tp-shell label[style*="background:#7c3aed"],
body.tp-shell a[style*="background:#7c3aed"],
body.tp-shell div[style*="background: #7c3aed"],
body.tp-shell span[style*="background: #7c3aed"],
body.tp-shell section[style*="background: #7c3aed"],
body.tp-shell p[style*="background: #7c3aed"],
body.tp-shell td[style*="background: #7c3aed"],
body.tp-shell li[style*="background: #7c3aed"],
body.tp-shell small[style*="background: #7c3aed"],
body.tp-shell strong[style*="background: #7c3aed"],
body.tp-shell h3[style*="background: #7c3aed"],
body.tp-shell h4[style*="background: #7c3aed"],
body.tp-shell label[style*="background: #7c3aed"],
body.tp-shell a[style*="background: #7c3aed"],
body.tp-shell div[style*="background:#7C3AED"],
body.tp-shell span[style*="background:#7C3AED"],
body.tp-shell section[style*="background:#7C3AED"],
body.tp-shell p[style*="background:#7C3AED"],
body.tp-shell td[style*="background:#7C3AED"],
body.tp-shell li[style*="background:#7C3AED"],
body.tp-shell small[style*="background:#7C3AED"],
body.tp-shell strong[style*="background:#7C3AED"],
body.tp-shell h3[style*="background:#7C3AED"],
body.tp-shell h4[style*="background:#7C3AED"],
body.tp-shell label[style*="background:#7C3AED"],
body.tp-shell a[style*="background:#7C3AED"],
body.tp-shell div[style*="background:#0891b2"],
body.tp-shell span[style*="background:#0891b2"],
body.tp-shell section[style*="background:#0891b2"],
body.tp-shell p[style*="background:#0891b2"],
body.tp-shell td[style*="background:#0891b2"],
body.tp-shell li[style*="background:#0891b2"],
body.tp-shell small[style*="background:#0891b2"],
body.tp-shell strong[style*="background:#0891b2"],
body.tp-shell h3[style*="background:#0891b2"],
body.tp-shell h4[style*="background:#0891b2"],
body.tp-shell label[style*="background:#0891b2"],
body.tp-shell a[style*="background:#0891b2"],
body.tp-shell div[style*="background: #0891b2"],
body.tp-shell span[style*="background: #0891b2"],
body.tp-shell section[style*="background: #0891b2"],
body.tp-shell p[style*="background: #0891b2"],
body.tp-shell td[style*="background: #0891b2"],
body.tp-shell li[style*="background: #0891b2"],
body.tp-shell small[style*="background: #0891b2"],
body.tp-shell strong[style*="background: #0891b2"],
body.tp-shell h3[style*="background: #0891b2"],
body.tp-shell h4[style*="background: #0891b2"],
body.tp-shell label[style*="background: #0891b2"],
body.tp-shell a[style*="background: #0891b2"],
body.tp-shell div[style*="background:#0891B2"],
body.tp-shell span[style*="background:#0891B2"],
body.tp-shell section[style*="background:#0891B2"],
body.tp-shell p[style*="background:#0891B2"],
body.tp-shell td[style*="background:#0891B2"],
body.tp-shell li[style*="background:#0891B2"],
body.tp-shell small[style*="background:#0891B2"],
body.tp-shell strong[style*="background:#0891B2"],
body.tp-shell h3[style*="background:#0891B2"],
body.tp-shell h4[style*="background:#0891B2"],
body.tp-shell label[style*="background:#0891B2"],
body.tp-shell a[style*="background:#0891B2"],
body.tp-shell div[style*="background:#0369a1"],
body.tp-shell span[style*="background:#0369a1"],
body.tp-shell section[style*="background:#0369a1"],
body.tp-shell p[style*="background:#0369a1"],
body.tp-shell td[style*="background:#0369a1"],
body.tp-shell li[style*="background:#0369a1"],
body.tp-shell small[style*="background:#0369a1"],
body.tp-shell strong[style*="background:#0369a1"],
body.tp-shell h3[style*="background:#0369a1"],
body.tp-shell h4[style*="background:#0369a1"],
body.tp-shell label[style*="background:#0369a1"],
body.tp-shell a[style*="background:#0369a1"],
body.tp-shell div[style*="background: #0369a1"],
body.tp-shell span[style*="background: #0369a1"],
body.tp-shell section[style*="background: #0369a1"],
body.tp-shell p[style*="background: #0369a1"],
body.tp-shell td[style*="background: #0369a1"],
body.tp-shell li[style*="background: #0369a1"],
body.tp-shell small[style*="background: #0369a1"],
body.tp-shell strong[style*="background: #0369a1"],
body.tp-shell h3[style*="background: #0369a1"],
body.tp-shell h4[style*="background: #0369a1"],
body.tp-shell label[style*="background: #0369a1"],
body.tp-shell a[style*="background: #0369a1"],
body.tp-shell div[style*="background:#0369A1"],
body.tp-shell span[style*="background:#0369A1"],
body.tp-shell section[style*="background:#0369A1"],
body.tp-shell p[style*="background:#0369A1"],
body.tp-shell td[style*="background:#0369A1"],
body.tp-shell li[style*="background:#0369A1"],
body.tp-shell small[style*="background:#0369A1"],
body.tp-shell strong[style*="background:#0369A1"],
body.tp-shell h3[style*="background:#0369A1"],
body.tp-shell h4[style*="background:#0369A1"],
body.tp-shell label[style*="background:#0369A1"],
body.tp-shell a[style*="background:#0369A1"],
body.tp-shell div[style*="background:#2563eb"],
body.tp-shell span[style*="background:#2563eb"],
body.tp-shell section[style*="background:#2563eb"],
body.tp-shell p[style*="background:#2563eb"],
body.tp-shell td[style*="background:#2563eb"],
body.tp-shell li[style*="background:#2563eb"],
body.tp-shell small[style*="background:#2563eb"],
body.tp-shell strong[style*="background:#2563eb"],
body.tp-shell h3[style*="background:#2563eb"],
body.tp-shell h4[style*="background:#2563eb"],
body.tp-shell label[style*="background:#2563eb"],
body.tp-shell a[style*="background:#2563eb"],
body.tp-shell div[style*="background: #2563eb"],
body.tp-shell span[style*="background: #2563eb"],
body.tp-shell section[style*="background: #2563eb"],
body.tp-shell p[style*="background: #2563eb"],
body.tp-shell td[style*="background: #2563eb"],
body.tp-shell li[style*="background: #2563eb"],
body.tp-shell small[style*="background: #2563eb"],
body.tp-shell strong[style*="background: #2563eb"],
body.tp-shell h3[style*="background: #2563eb"],
body.tp-shell h4[style*="background: #2563eb"],
body.tp-shell label[style*="background: #2563eb"],
body.tp-shell a[style*="background: #2563eb"],
body.tp-shell div[style*="background:#2563EB"],
body.tp-shell span[style*="background:#2563EB"],
body.tp-shell section[style*="background:#2563EB"],
body.tp-shell p[style*="background:#2563EB"],
body.tp-shell td[style*="background:#2563EB"],
body.tp-shell li[style*="background:#2563EB"],
body.tp-shell small[style*="background:#2563EB"],
body.tp-shell strong[style*="background:#2563EB"],
body.tp-shell h3[style*="background:#2563EB"],
body.tp-shell h4[style*="background:#2563EB"],
body.tp-shell label[style*="background:#2563EB"],
body.tp-shell a[style*="background:#2563EB"],
body.tp-shell div[style*="background:#8b5cf6"],
body.tp-shell span[style*="background:#8b5cf6"],
body.tp-shell section[style*="background:#8b5cf6"],
body.tp-shell p[style*="background:#8b5cf6"],
body.tp-shell td[style*="background:#8b5cf6"],
body.tp-shell li[style*="background:#8b5cf6"],
body.tp-shell small[style*="background:#8b5cf6"],
body.tp-shell strong[style*="background:#8b5cf6"],
body.tp-shell h3[style*="background:#8b5cf6"],
body.tp-shell h4[style*="background:#8b5cf6"],
body.tp-shell label[style*="background:#8b5cf6"],
body.tp-shell a[style*="background:#8b5cf6"],
body.tp-shell div[style*="background: #8b5cf6"],
body.tp-shell span[style*="background: #8b5cf6"],
body.tp-shell section[style*="background: #8b5cf6"],
body.tp-shell p[style*="background: #8b5cf6"],
body.tp-shell td[style*="background: #8b5cf6"],
body.tp-shell li[style*="background: #8b5cf6"],
body.tp-shell small[style*="background: #8b5cf6"],
body.tp-shell strong[style*="background: #8b5cf6"],
body.tp-shell h3[style*="background: #8b5cf6"],
body.tp-shell h4[style*="background: #8b5cf6"],
body.tp-shell label[style*="background: #8b5cf6"],
body.tp-shell a[style*="background: #8b5cf6"],
body.tp-shell div[style*="background:#8B5CF6"],
body.tp-shell span[style*="background:#8B5CF6"],
body.tp-shell section[style*="background:#8B5CF6"],
body.tp-shell p[style*="background:#8B5CF6"],
body.tp-shell td[style*="background:#8B5CF6"],
body.tp-shell li[style*="background:#8B5CF6"],
body.tp-shell small[style*="background:#8B5CF6"],
body.tp-shell strong[style*="background:#8B5CF6"],
body.tp-shell h3[style*="background:#8B5CF6"],
body.tp-shell h4[style*="background:#8B5CF6"],
body.tp-shell label[style*="background:#8B5CF6"],
body.tp-shell a[style*="background:#8B5CF6"] { background: var(--tp-fill) !important; color: #fff !important; }

/* W4 doladenie: nástroje v menu zarovnané doľava */
body.tp-shell #navSidebar .tp-side-btn { justify-content: flex-start !important; text-align: left !important; }
body.tp-shell #navSidebar .tp-side-btn .tp-nav-label { flex: 1 1 auto; text-align: left; }

/* Správy (Appka klientov) ako stránka: záložky v značke, bez krížika */
body.tp-shell #mobileHubModal.tp-page > div > div:first-child > button { display: none !important; }
body.tp-shell #mobileHubModal > div > div:nth-child(2) { background: transparent !important; border-bottom: 1px solid var(--tp-line) !important; }
body.tp-shell #mobileHubModal [id^="mhTab"] {
  background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important;
  border: 1px solid var(--tp-line) !important;
}
body.tp-shell #mobileHubModal [id^="mhTab"][style*="rgb(14"],
body.tp-shell #mobileHubModal [id^="mhTab"][style*="#0ea5e9"] {
  background: var(--tp-fill) !important;
  border-color: var(--tp-burgundy) !important;
  color: #fff !important;
}

/* Návrhy otázok, Spýtaj sa Oskara, výber programu — farby značky */
body.tp-shell .question-guide-title,
body.tp-shell .question-guide button { color: var(--tp-burgundy) !important; border-color: var(--tp-line) !important; background: var(--tp-surface) !important; }
body.tp-shell button[style*="background:#fdf4ff"],
body.tp-shell button[style*="background: #fdf4ff"] { background: var(--tp-surface) !important; color: var(--tp-burgundy) !important; border: 1px solid var(--tp-line) !important; }
body.tp-shell .program-select {
  border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-family: inherit !important;
}


/* ==========================================================================
   W5 (Erik 9. 10. večer): Dnes s check-inmi, rozvrhom a plánom; Viac ako
   stránka; bez pruhu CASE MÓD a bez AI asistenta na úvodnej obrazovke.
   tp-no-client, #tpToday a #tpMorePage pridáva tp-shell.js.
   ========================================================================== */
body.tp-shell .statusbar { display: none !important; }
body.tp-shell.tp-no-client #modeBar { display: none !important; }
/* AI asistent je schovaný (Erik 8. 10.); Návrhy otázok k nemu patria */
body.tp-shell .body > .composer,
body.tp-shell #questionGuidePanel,
body.tp-shell #homeScoreboardBtn { display: none !important; }

/* ľavý panel: len hlavné menu, nástroje a tréner — ostatné je vo Viac */
body.tp-shell #navSidebar > *:not(.tp-brand):not(.tp-primary):not(#tpSideTools):not(#tpSideFooter):not(.nsb-sep) { display: none !important; }
body.tp-shell #navSidebar > .nsb-sep ~ .nsb-sep { display: none !important; }

/* Dnes */
body.tp-shell #tpToday { margin-bottom: 20px; }
body.tp-shell:not(.tp-no-client) #tpToday,
body.tp-shell.tp-training #tpToday { display: none !important; }
body.tp-shell .tp-today-title { margin: 0; font-size: 30px; font-weight: 600; color: var(--tp-burgundy); letter-spacing: -0.015em; }
body.tp-shell .tp-today-sub { margin-top: 4px; color: var(--tp-text-muted); font-size: 15px; }
body.tp-shell .tp-today-head { margin-bottom: 20px; }
body.tp-shell .tp-today-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; align-items: start; }
body.tp-shell .tp-card {
  background: var(--tp-surface);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius-card);
  box-shadow: var(--tp-shadow-card);
  padding: 20px;
}
body.tp-shell .tp-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
body.tp-shell .tp-card-head h2 { margin: 0; font-size: 19px; font-weight: 600; color: var(--tp-burgundy); }
body.tp-shell .tp-link { color: var(--tp-burgundy); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.tp-shell .tp-muted { color: var(--tp-text-muted); font-size: 14px; padding: 8px 0; }
body.tp-shell .tp-checkin { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--tp-line); }
body.tp-shell .tp-checkin:first-child { border-top: none; }
body.tp-shell .tp-checkin-time { flex: 0 0 52px; font-size: 17px; font-weight: 600; color: var(--tp-burgundy); font-variant-numeric: tabular-nums; }
body.tp-shell .tp-checkin-name { font-weight: 600; color: var(--tp-text); }
body.tp-shell .tp-checkin-meta { font-size: 14px; color: var(--tp-text-muted); margin-top: 2px; }
body.tp-shell .tp-checkin-note { font-size: 14px; margin-top: 6px; padding: 8px 12px; border-radius: 14px; background: var(--tp-surface-2); color: var(--tp-text); }
body.tp-shell .tp-pill { display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--tp-burgundy-active); color: var(--tp-burgundy); font-size: 11px; font-weight: 600; }
body.tp-shell .tp-today-side { display: flex; flex-direction: column; gap: 20px; }
body.tp-shell .tp-today-side > div { margin: 0 !important; }

/* Viac ako stránka: dlaždice */
body.tp-shell #tpMorePage { overflow-y: auto; }
body.tp-shell .tp-more-inner { padding: 28px; max-width: 1100px; }
body.tp-shell .tp-more-section { margin-top: 24px; }
body.tp-shell .tp-more-section h2 { margin: 0 0 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: var(--tp-text-muted); }
body.tp-shell .tp-more-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
body.tp-shell .tp-more-tile {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 12px 16px !important;
  border: 1px solid var(--tp-line) !important;
  border-radius: 20px !important;
  background: var(--tp-surface) !important;
  color: var(--tp-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left;
  cursor: pointer;
  box-shadow: var(--tp-shadow-card);
}
body.tp-shell .tp-more-tile:hover { background: var(--tp-burgundy-soft) !important; }
body.tp-shell .tp-more-tile svg { width: 22px; height: 22px; flex: 0 0 22px; color: var(--tp-burgundy); }
body.tp-shell .tp-more-section #cockpitStrip { margin: 0 0 10px !important; max-width: 420px; }

@media (max-width: 1100px) {
  body.tp-shell .tp-today-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.tp-shell .tp-more-inner { padding: 16px; }
  body.tp-shell .tp-more-grid { grid-template-columns: 1fr 1fr; }
  body.tp-shell .tp-today-title { font-size: 26px; }
}


/* ==========================================================================
   W6: detail klienta ako stránka (návrh 02-karta-klienta). tp-shell.js pridá
   hlavičku, pohovor, check-in, graf bolesti a videá; história je z app.js.
   ========================================================================== */
body.tp-shell #clientDetailModal.tp-page .cards-modal-header,
body.tp-shell #clientDetailModal.tp-page .cd-tab-btn,
body.tp-shell #clientDetailModal.tp-page .cards-modal-body > div[style*="border-bottom"] { display: none !important; }
body.tp-shell #clientDetailModal.tp-page .cards-modal-content {
  width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important;
  margin: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: var(--tp-page) !important; padding: 24px 28px !important; box-sizing: border-box; overflow-y: auto;
}
body.tp-shell #clientDetailModal.tp-page .cards-modal-body { max-height: none !important; overflow: visible !important; padding: 0 !important; background: transparent !important; }
body.tp-shell #clientDetailModal.tp-page #clientDetailFooter { background: transparent !important; border: none !important; padding: 16px 0 !important; }
/* záložky Historia/Koncepty: história je v karte Tréningy, koncepty ostávajú dostupné cez tlačidlo */
body.tp-shell #clientDetailModal.tp-page .cards-modal-content > div[style*="border-bottom:2px"] { display: none !important; }

body.tp-shell .tp-client-head { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
body.tp-shell .tp-back {
  width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50% !important; border: none !important;
  background: var(--tp-burgundy-soft) !important; color: var(--tp-burgundy) !important;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 !important;
}
body.tp-shell .tp-back svg { width: 20px; height: 20px; }
body.tp-shell .tp-avatar {
  width: 56px; height: 56px; flex: 0 0 56px; border-radius: 50%; background: var(--tp-surface-2);
  color: var(--tp-burgundy); font-weight: 600; font-size: 20px; display: flex; align-items: center; justify-content: center;
}
body.tp-shell .tp-client-title { flex: 1 1 auto; min-width: 0; }
body.tp-shell .tp-client-title h1 { margin: 0; font-size: 26px; font-weight: 600; color: var(--tp-burgundy); }
body.tp-shell .tp-client-actions #btnClientDetailTrain {
  min-height: 52px; padding: 12px 28px !important; border-radius: 999px !important;
  background: var(--tp-fill) !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; border: none !important;
}
body.tp-shell .tp-sand { background: var(--tp-sand) !important; border-color: transparent !important; box-shadow: none !important; margin-bottom: 20px; }
[data-theme="dark"] body.tp-shell .tp-sand { background: var(--tp-surface-2) !important; }
body.tp-shell .tp-interview-main { font-size: 17px; color: var(--tp-text); margin-bottom: 14px; }
body.tp-shell .tp-interview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; font-size: 14px; }
body.tp-shell .tp-label { font-size: 12px; font-weight: 600; color: var(--tp-text-muted); margin-bottom: 2px; }
body.tp-shell .tp-more-answers { margin-top: 12px; font-size: 14px; }
body.tp-shell .tp-more-answers summary { cursor: pointer; color: var(--tp-burgundy); font-weight: 600; }
body.tp-shell .tp-qa { margin-top: 10px; font-size: 14px; }
body.tp-shell .tp-client-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; align-items: start; }
body.tp-shell .tp-client-left,
body.tp-shell .tp-client-right { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
body.tp-shell .tp-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
body.tp-shell .tp-fact { background: var(--tp-surface-2); border-radius: 14px; padding: 8px 12px; font-weight: 600; color: var(--tp-text); }
body.tp-shell .tp-chart { width: 100%; height: auto; display: block; margin-bottom: 6px; }
body.tp-shell .tp-chart-grid { stroke: var(--tp-line); stroke-width: 1; }
body.tp-shell .tp-chart-axis { fill: var(--tp-text-muted); font-size: 11px; font-family: inherit; }
body.tp-shell .tp-chart-line { fill: none; stroke: var(--tp-burgundy); stroke-width: 2; stroke-linejoin: round; }
body.tp-shell .tp-chart-dot { fill: var(--tp-surface); stroke: var(--tp-burgundy); stroke-width: 2; }
body.tp-shell #tpClientVideosHost #snapshotVideos { margin: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }

@media (max-width: 1100px) {
  body.tp-shell .tp-client-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.tp-shell #clientDetailModal.tp-page .cards-modal-content { padding: 16px !important; }
  body.tp-shell .tp-client-head { flex-wrap: wrap; }
  body.tp-shell .tp-client-actions { width: 100%; }
  body.tp-shell .tp-client-actions #btnClientDetailTrain { width: 100%; }
}


/* ==========================================================================
   W7 (Erik 9. 10. večer): jednotné rozloženie a okraje, filtre kariet pod
   kolieskom, čistá história klienta, krátke ukončenie tréningu, chat bublina.
   ========================================================================== */
/* obsah vycentrovaný, rovnaká šírka a okraje na každej stránke */
body.tp-shell .body,
body.tp-shell .tp-more-inner { max-width: 1180px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
body.tp-shell .body { padding: 32px 32px 48px !important; }
body.tp-shell .tp-page .cards-modal-content,
body.tp-shell #mobileHubModal.tp-page > div { max-width: 1180px !important; margin: 0 auto !important; padding: 32px !important; }
body.tp-shell .tp-more-inner { padding: 32px !important; }
body.tp-shell #stoicQuoteBar { justify-content: center; }
/* Dnes: karty rovnakej šírky; bez rozvrhu/plánu sú check-iny na celú šírku */
body.tp-shell .tp-today-grid:has(.tp-today-side:empty) { grid-template-columns: 1fr; }
body.tp-shell .tp-today-grid { margin-bottom: 20px; }
body.tp-shell #quickActionsPanel { border-radius: var(--tp-radius-card) !important; }
body.tp-shell .tp-checkin[data-client] { cursor: pointer; border-radius: 16px; margin: 0 -10px; padding-left: 10px; padding-right: 10px; }
body.tp-shell .tp-checkin[data-client]:hover { background: var(--tp-burgundy-soft); }

/* karty klientov: filtre pod kolieskom */
body.tp-shell #cardsFilters { align-items: center; }
body.tp-shell .tp-menu-filters { min-width: 280px; }
body.tp-shell .tp-menu-filters .cards-filter-btn,
body.tp-shell .tp-menu-filters #btnToggleTableView { width: 100%; justify-content: flex-start; text-align: left; border: none !important; background: transparent !important; color: var(--tp-text) !important; }
body.tp-shell .tp-menu-filters .cards-filter-btn.active { background: var(--tp-burgundy-active) !important; color: var(--tp-burgundy) !important; }
body.tp-shell .tp-menu-filters #healthProblemSearch { margin: 6px 0 2px; border-radius: 14px !important; border: 1px solid var(--tp-line) !important; padding: 10px 12px !important; width: 100%; box-sizing: border-box; }
body.tp-shell #clientsCountInfo { background: transparent !important; color: var(--tp-text-muted) !important; padding: 8px 0 !important; }

/* detail klienta: skryté zdvojené bloky; Mobilný prístup v farbách značky */
body.tp-shell .tp-hidden-block { display: none !important; }
body.tp-shell #clientDetailModal [style*="#c4b5fd"],
body.tp-shell #clientDetailModal [style*="#ddd6fe"],
body.tp-shell #clientDetailModal [style*="#a78bfa"],
body.tp-shell #clientDetailModal [style*="#f3e8ff"],
body.tp-shell #clientDetailModal [style*="#ede9fe"],
body.tp-shell #clientDetailModal [style*="#faf5ff"],
body.tp-shell #clientDetailModal [style*="#f5f3ff"] {
  background: var(--tp-surface-2) !important;
  border-color: var(--tp-line) !important;
  color: var(--tp-text) !important;
}

/* ukončenie tréningu: najprv krátka otázka, potom bez dlhého súhrnu */
body.tp-shell .tp-dialog {
  position: fixed; inset: 0; z-index: 9990; display: none; align-items: center; justify-content: center;
  background: rgba(20, 10, 13, 0.42); backdrop-filter: blur(6px); padding: 16px;
}
body.tp-shell .tp-dialog-card {
  width: min(460px, 100%); background: var(--tp-surface); border-radius: 28px; padding: 28px;
  box-shadow: var(--tp-shadow-float); text-align: center;
}
body.tp-shell .tp-dialog-card h2 { margin: 0 0 20px; font-size: 21px; font-weight: 600; color: var(--tp-burgundy); }
body.tp-shell .tp-dialog-choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.tp-shell .tp-dialog-choices button {
  min-height: 56px; border-radius: 999px !important; border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important; color: var(--tp-burgundy) !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell .tp-dialog-choices button:hover { background: var(--tp-fill) !important; color: #fff !important; }
body.tp-shell .tp-dialog-foot { display: flex; justify-content: space-between; margin-top: 18px; }
body.tp-shell .tp-dialog-foot button { border: none !important; background: transparent !important; color: var(--tp-text-muted) !important; font-weight: 600 !important; cursor: pointer; padding: 8px 4px !important; }
body.tp-shell #summaryModal .summary-body,
body.tp-shell #summaryModal #btnSummaryPdf,
body.tp-shell #summaryModal #btnSummaryExcel,
body.tp-shell #summaryModal #btnSummaryCopy { display: none !important; }
body.tp-shell #summaryModal .summary-modal-content { max-width: 460px !important; }
body.tp-shell #summaryModal .summary-footer { justify-content: center !important; padding: 20px !important; }

/* chat bublina: ikona presne v strede */
body.tp-shell #tchatBubble { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
body.tp-shell #tchatBubble .tp-inline-icon { margin: 0 !important; width: 28px; height: 28px; flex: 0 0 28px; vertical-align: 0; }

@media (max-width: 760px) {
  body.tp-shell .body { padding: 20px 16px 110px !important; }
  body.tp-shell .tp-page .cards-modal-content,
  body.tp-shell #mobileHubModal.tp-page > div,
  body.tp-shell .tp-more-inner { padding: 16px !important; }
  body.tp-shell .tp-dialog-choices { grid-template-columns: 1fr; }
}


/* ==========================================================================
   W8 (Erik 9. 10. noc): Dnes = moje tréningy + check-iny + plán (vľavo),
   nástenka vpravo; Rozvrh ako stránka; nadpisy so vzduchom; zvyšky farieb.
   ========================================================================== */
body.tp-shell .tp-today-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
body.tp-shell .tp-today-main > #dayPlanPanel { margin: 0 !important; }
body.tp-shell .tp-row-arrow { width: 18px; height: 18px; flex: 0 0 18px; align-self: center; color: var(--tp-text-muted); margin-left: auto; }
body.tp-shell .tp-checkin-main { flex: 1 1 auto; min-width: 0; }

/* nadpisy stránok: viac vzduchu nad aj pod */
body.tp-shell .tp-today-head { padding-top: 8px; margin-bottom: 28px; }
body.tp-shell .tp-more-inner > .tp-today-title { margin-top: 8px; }
body.tp-shell .tp-more-inner > .tp-today-sub { margin-bottom: 24px; }
body.tp-shell #clientCardsModal.tp-page .cards-modal-header { padding: 8px 0 20px !important; }
body.tp-shell #mobileHubModal.tp-page > div > div:first-child { padding: 8px 0 20px !important; }
body.tp-shell #mobileHubModal.tp-page > div > div:first-child span { font-size: 30px !important; font-weight: 600 !important; letter-spacing: -0.015em !important; }
body.tp-shell #mobileHubModal.tp-page > div > div:first-child .tp-inline-icon { display: none; }
body.tp-shell #clientCardsModal.tp-page .cards-modal-header h2 { font-size: 30px !important; }

/* Rozvrh (panel rezervácií) v značke */
body.tp-shell #tpScheduleHost #reservioPanel { display: block; margin: 0 !important; }
body.tp-shell #reservioPanel :not(button)[style*="#0284c7"],
body.tp-shell #reservioPanel :not(button)[style*="#0ea5e9"],
body.tp-shell #reservioPanel :not(button)[style*="#0369a1"],
body.tp-shell #reservioPanel :not(button)[style*="#075985"] { color: var(--tp-burgundy) !important; border-color: var(--tp-line) !important; }
/* rezervácie: biele karty, burgundy okraj; minulé stlmené; prebiehajúca zvýraznená */
body.tp-shell #reservioPanel [data-slot-status] {
  background: var(--tp-surface) !important;
  border: 1px solid var(--tp-line) !important;
  border-left: 4px solid var(--tp-line) !important;
  border-radius: 20px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}
body.tp-shell #reservioPanel [data-slot-status="past"] { opacity: 0.6; }
body.tp-shell #reservioPanel [data-slot-status="next"],
body.tp-shell #reservioPanel [data-slot-status="current"] { border-left-color: var(--tp-burgundy) !important; box-shadow: var(--tp-shadow-card) !important; }
body.tp-shell #reservioPanel [data-slot-status] span[style*="color:#9a3412"],
body.tp-shell #reservioPanel [data-slot-status] span[style*="color: #9a3412"] { color: var(--tp-text) !important; }
body.tp-shell #reservioPanel [data-slot-status] span[style*="background:#fed7aa"],
body.tp-shell #reservioPanel [data-slot-status] span[style*="background:#dcfce7"],
body.tp-shell #reservioPanel [data-slot-status] span[style*="background:#bbf7d0"] { background: var(--tp-surface-2) !important; color: var(--tp-burgundy) !important; }
body.tp-shell #reservioPanel [data-slot-status] button { border-radius: 999px !important; font-size: 13px !important; padding: 8px 14px !important; }
body.tp-shell #reservioPanel [style*="background:#e0f2fe"],
body.tp-shell #reservioPanel [style*="background:#f0f9ff"],
body.tp-shell #reservioPanel [style*="background: #e0f2fe"] { background: var(--tp-surface-2) !important; }

/* detail klienta: box Posledná návšteva a ďalšie jantárové boxy pokojne */
body.tp-shell #clientDetailModal [style*="#f59e0b"],
body.tp-shell #clientDetailModal [style*="#fde68a"],
body.tp-shell #clientDetailModal [style*="#fcd34d"] { border-color: var(--tp-line) !important; }
body.tp-shell #clientDetailModal [style*="color:#92400e"],
body.tp-shell #clientDetailModal [style*="color:#78350f"],
body.tp-shell #clientDetailModal [style*="color:#b45309"] { color: var(--tp-text) !important; }

/* ==========================================================================
   W9: Nástenka trénerov (návrh 09-nastenka) — stránka a karta v Dnes
   ========================================================================== */
body.tp-shell .tp-board-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 20px; align-items: start; }
body.tp-shell .tp-board-compose { background: var(--tp-surface-2) !important; border-color: transparent !important; box-shadow: none !important; }
body.tp-shell .tp-board-compose textarea {
  width: 100%; box-sizing: border-box; min-height: 96px; resize: vertical;
  border: 1px solid var(--tp-line); border-radius: 20px; padding: 14px 16px;
  background: var(--tp-surface); color: var(--tp-text); font: inherit; font-size: 15px;
}
body.tp-shell .tp-board-for { display: flex; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
body.tp-shell .tp-board-for > span { font-size: 14px; font-weight: 600; color: var(--tp-burgundy); }
body.tp-shell #tpBoardFor { display: flex; gap: 6px; flex-wrap: wrap; }
body.tp-shell #tpBoardFor button,
body.tp-shell .tp-segment button {
  min-height: 34px; padding: 6px 14px !important; border-radius: 999px !important;
  border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell #tpBoardFor button.tp-active { background: var(--tp-fill) !important; border-color: var(--tp-fill) !important; color: #fff !important; }
body.tp-shell .tp-board-send { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; }
body.tp-shell #tpBoardSubmit {
  min-height: 44px; padding: 10px 22px !important; border-radius: 999px !important; border: none !important;
  background: var(--tp-fill) !important; color: #fff !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell #tpBoardSubmit:disabled { opacity: 0.5; }
body.tp-shell .tp-segment { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: 999px; background: var(--tp-burgundy-soft); margin-bottom: 12px; }
body.tp-shell .tp-segment button { border: none !important; background: transparent !important; min-height: 38px; }
body.tp-shell .tp-segment button.tp-active { background: var(--tp-surface) !important; box-shadow: var(--tp-shadow-card); }
body.tp-shell .tp-board-list { display: flex; flex-direction: column; gap: 10px; }
body.tp-shell .tp-board-post { background: var(--tp-surface); border: 1px solid var(--tp-line); border-radius: 20px; padding: 14px 16px; }
body.tp-shell #tpTodayBoardList .tp-board-post { border-radius: 16px; padding: 12px 14px; margin-bottom: 8px; background: var(--tp-surface-2); border-color: transparent; }
body.tp-shell .tp-board-mine { border: 2px solid var(--tp-burgundy) !important; }
body.tp-shell .tp-board-closed { opacity: 0.6; }
body.tp-shell .tp-board-meta { font-size: 12px; color: var(--tp-text-muted); margin-bottom: 4px; }
body.tp-shell .tp-board-text { font-size: 15px; color: var(--tp-text); white-space: pre-wrap; overflow-wrap: anywhere; }
body.tp-shell .tp-board-foot { display: flex; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
body.tp-shell .tp-board-actions { margin-left: auto; display: flex; gap: 6px; }
body.tp-shell .tp-board-actions button {
  min-height: 36px; padding: 6px 14px !important; border-radius: 999px !important; border: 1px solid var(--tp-line) !important;
  background: var(--tp-surface) !important; color: var(--tp-burgundy) !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell .tp-board-actions .tp-board-del { color: #b42318 !important; border-color: rgba(180, 35, 24, 0.28) !important; }
body.tp-shell .tp-pill-done { background: var(--tp-surface-2); color: var(--tp-text-muted); }
@media (max-width: 1100px) { body.tp-shell .tp-board-grid { grid-template-columns: 1fr; } }


/* ==========================================================================
   W10 (Erik 9. 10.): lišta bežiaceho tréningu na každej stránke, Správy
   vedľa Začať tréning na stránke klienta.
   ========================================================================== */
body.tp-shell #tpTrainingBar { display: none; }
body.tp-shell.tp-training.tp-page-open #tpTrainingBar {
  display: flex; align-items: center; gap: 12px;
  position: fixed; top: 0; right: 0; left: var(--tp-sidebar); z-index: 160;
  min-height: 52px; padding: 6px 16px 6px 24px; box-sizing: border-box;
  background: var(--tp-fill); color: #fff; font-size: 15px;
  box-shadow: 0 6px 20px rgba(13, 13, 13, 0.12);
}
body.tp-shell.tp-training.tp-page-open .tp-page { top: 52px !important; }
body.tp-shell .tp-tbar-dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: var(--tp-ember); }
body.tp-shell .tp-tbar-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.tp-shell .tp-tbar-text strong { font-weight: 600; }
body.tp-shell #tpTrainingBarBack {
  display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
  min-height: 40px; padding: 8px 18px !important; border-radius: 999px !important; border: none !important;
  background: #fff !important; color: #81001a !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell #tpTrainingBarBack .tp-btn-icon { width: 16px; height: 16px; }
[data-theme="dark"] body.tp-shell.tp-training.tp-page-open #tpTrainingBar { background: #5c0013; }
@media (max-width: 1100px) { body.tp-shell.tp-training.tp-page-open #tpTrainingBar { left: var(--tp-rail); } }
@media (max-width: 760px) {
  body.tp-shell.tp-training.tp-page-open #tpTrainingBar { left: 0; padding: 6px 12px; font-size: 14px; }
  body.tp-shell #tpTrainingBarBack span { display: none; }
  body.tp-shell #tpTrainingBarBack { padding: 8px 12px !important; }
}

body.tp-shell .tp-client-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
body.tp-shell .tp-client-actions #btnClientDetailMessages {
  min-height: 52px; padding: 12px 24px !important; border-radius: 999px !important;
  border: 1px solid var(--tp-burgundy) !important; background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important; font-size: 16px !important; font-weight: 600 !important;
  align-items: center; gap: 8px; flex: 0 0 auto !important;
}
body.tp-shell .tp-client-actions #btnClientDetailMessages[style*="inline-block"] { display: inline-flex !important; }
body.tp-shell .tp-client-actions #btnClientDetailMessages .tp-btn-icon { width: 18px; height: 18px; }
@media (max-width: 760px) {
  body.tp-shell .tp-client-actions #btnClientDetailMessages { flex: 1 1 auto !important; justify-content: center; }
}

/* Stavy klientov (Oskar 10. 10., Erik 12. 10.) */
body.tp-shell .tp-state-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
body.tp-shell .tp-state-chips button {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 16px !important;
  border-radius: 999px !important; border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell .tp-state-chips button.tp-active { background: var(--tp-fill) !important; border-color: var(--tp-fill) !important; color: #fff !important; }
body.tp-shell .tp-state-chips .tp-count { font-weight: 500; opacity: 0.75; }
body.tp-shell #tpStatesAction { margin-bottom: 12px; }
body.tp-shell .tp-state-row { cursor: default; }
body.tp-shell .tp-state-row[data-client] { cursor: pointer; }
body.tp-shell .tp-state-phone { flex: 0 0 auto; font-size: 14px; font-weight: 600; color: var(--tp-burgundy); text-decoration: none; }
body.tp-shell #tpStatesPage .tp-client-head .tp-gear { margin-left: auto; }
body.tp-shell #tpCardsStates { margin-left: 4px; }
/* ==========================================================================
   W11 (Erik 12. 10.): rovnomerné spodné menu, karta klienta na telefóne,
   Správy na celú obrazovku na telefóne, Môj plán v Dnes, klik v Rozvrhu.
   ========================================================================== */
@media (max-width: 760px) {
  /* päť rovnakých stĺpcov; tlačidlá mali zo starých štýlov 16 px okraj, odkaz nie */
  body.tp-shell #tpBottomNav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  body.tp-shell #tpBottomNav button,
  body.tp-shell #tpBottomNav a { padding: 0 !important; width: auto; }

  /* karta klienta: meno, údaje a kontakt pod sebou */
  body.tp-shell .client-card-header { flex-wrap: wrap; gap: 6px; }
  body.tp-shell .client-card-header > * { flex: 1 1 100%; min-width: 0; }
  body.tp-shell .client-card-stats { text-align: left !important; line-height: 1.5; }
  body.tp-shell .client-card-contact { margin-top: 2px !important; }
  body.tp-shell .client-card-contact a { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* otvorené vlákno Správ na celú obrazovku (ako chat v telefóne); späť šípkou */
  body.tp-shell #mobileHubModal.tp-page:has(#webMessages.wm-detail) { bottom: 0 !important; z-index: 3300 !important; }
  body.tp-shell #mobileHubModal.tp-page:has(#webMessages.wm-detail) > div > div:not(:last-child) { display: none !important; }
  body.tp-shell #mobileHubModal.tp-page:has(#webMessages.wm-detail) > div > div:last-child { padding: 0 !important; }
  body.tp-shell #mobileHubModal.tp-page:has(#webMessages.wm-detail) #webMessages { height: 100dvh !important; max-height: none !important; border-radius: 0 !important; }
  body.tp-shell:has(#mobileHubModal.tp-page #webMessages.wm-detail) #tpBottomNav,
  body.tp-shell:has(#mobileHubModal.tp-page #webMessages.wm-detail) #tchatBubble,
  body.tp-shell:has(#mobileHubModal.tp-page #webMessages.wm-detail) #tpTrainingBar { display: none !important; }
}

/* kontakt na karte klienta vo farbách značky */
body.tp-shell .client-card-contact a,
body.tp-shell .client-card-contact .btn-edit-contact {
  background: var(--tp-surface) !important; border: 1px solid var(--tp-line) !important;
  color: var(--tp-burgundy) !important; border-radius: 999px !important; padding: 4px 12px !important;
}

/* Môj plán v Dnes sa nezatvára */
body.tp-shell .tp-today-main > #dayPlanPanel button[title^="Skry"] { display: none !important; }
body.tp-shell #tpTodayTrainings .tp-card-head { gap: 12px; }
body.tp-shell #tpTodayTrainings .tp-card-head .tp-link { margin-left: auto; }

/* Rozvrh: celý riadok je klikateľný (spárovaný → stránka klienta, inak hľadanie v Klientoch) */
body.tp-shell #reservioSchedule [data-slot-status] { cursor: pointer; }
body.tp-shell #tpTodayTrainingsList .tp-more-row { display: none; }
body.tp-shell #tpTodayTrainingsList.tp-expanded .tp-more-row { display: flex; }
body.tp-shell .tp-show-all {
  display: block; width: 100%; margin-top: 8px; min-height: 44px; border-radius: 999px !important;
  border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important;
  color: var(--tp-burgundy) !important; font-weight: 600 !important; cursor: pointer;
}
@media (max-width: 760px) {
  body.tp-shell #tpTodayTrainings .tp-card-head { flex-wrap: wrap; row-gap: 2px; }
  body.tp-shell #tpTodayTrainings .tp-card-head h2 { flex: 1 1 auto; }
  body.tp-shell #tpTodayCount { order: 3; flex: 1 1 100%; }
}

/* Cviky (Erik 8. 10., tabuľka D): skupiny V stoji, špičky, poradie, jemné farby polôh (WebTrening --p1…--p5) */
body.tp-shell { --tp-pos-na_chrbte: #a8324e; --tp-pos-na_bruchu: #3b75b5; --tp-pos-na_styroch: #c4861f; --tp-pos-poloklak: #7d5fbf; --tp-pos-v_stoji: #3d8c4c; --tp-pos-s_expanderom: #1f5f4a; }
[data-theme="dark"] body.tp-shell { --tp-pos-na_chrbte: #c85571; --tp-pos-na_bruchu: #5e93d6; --tp-pos-na_styroch: #b8872c; --tp-pos-poloklak: #9b80dc; --tp-pos-v_stoji: #55a866; --tp-pos-s_expanderom: #4fb08f; }
body.tp-shell .exercise-position-btn[data-position="s_expanderom"], body.tp-shell .exercise-row[data-pos="s_expanderom"], body.tp-shell .exercise-chip[data-pos="s_expanderom"] { --tp-pos: var(--tp-pos-s_expanderom); }
body.tp-shell .exercise-position-btn[data-position="na_chrbte"], body.tp-shell .exercise-row[data-pos="na_chrbte"], body.tp-shell .exercise-chip[data-pos="na_chrbte"] { --tp-pos: var(--tp-pos-na_chrbte); }
body.tp-shell .exercise-position-btn[data-position="na_bruchu"], body.tp-shell .exercise-row[data-pos="na_bruchu"], body.tp-shell .exercise-chip[data-pos="na_bruchu"] { --tp-pos: var(--tp-pos-na_bruchu); }
body.tp-shell .exercise-position-btn[data-position="na_styroch"], body.tp-shell .exercise-row[data-pos="na_styroch"], body.tp-shell .exercise-chip[data-pos="na_styroch"] { --tp-pos: var(--tp-pos-na_styroch); }
body.tp-shell .exercise-position-btn[data-position="poloklak"], body.tp-shell .exercise-row[data-pos="poloklak"], body.tp-shell .exercise-chip[data-pos="poloklak"] { --tp-pos: var(--tp-pos-poloklak); }
body.tp-shell .exercise-position-btn[data-position="v_stoji"], body.tp-shell .exercise-row[data-pos="v_stoji"], body.tp-shell .exercise-chip[data-pos="v_stoji"] { --tp-pos: var(--tp-pos-v_stoji); }
body.tp-shell .exercise-position-btn { border-left: 3px solid var(--tp-pos, var(--tp-line)) !important; }
body.tp-shell .exercise-row { border-left: 3px solid var(--tp-pos, transparent); border-radius: 10px; margin-bottom: 2px; min-height: 44px; box-sizing: border-box; }
/* Erik 15. 10.: menej scrollovania, s myšou nižšie riadky; na dotyku ostáva 44 px */
@media (hover: hover) and (pointer: fine) { body.tp-shell .exercise-row { min-height: 36px; } }
body.tp-shell .exercise-row:has(.exercise-checkbox:checked) { background: color-mix(in srgb, var(--tp-pos, var(--tp-burgundy)) 13%, var(--tp-surface)) !important; }
body.tp-shell .exercise-chip { background: color-mix(in srgb, var(--tp-pos, var(--tp-burgundy)) 13%, var(--tp-surface)) !important; border-left: 3px solid var(--tp-pos, var(--tp-burgundy)); padding: 4px 8px !important; border-radius: 10px !important; margin: 3px !important; }
body.tp-shell .exercise-group-title {
  margin: 14px 0 6px; padding-top: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--tp-text-muted);
}
body.tp-shell .exercise-group-title:first-child { margin-top: 0; }
/* Stĺpce cvikov (Erik 13. 10.): Na štyroch a V stoji na tablete a počítači dva stĺpce, na telefóne jeden */
body.tp-shell .exercise-columns { display: grid; grid-template-columns: 1fr; gap: 26px 28px; align-items: start; }
@media (min-width: 761px) {
  body.tp-shell .exercise-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.tp-shell .exercise-column { min-width: 0; }
body.tp-shell .exercise-block + .exercise-block { margin-top: 26px; }
body.tp-shell #exerciseCategoriesContainer:has(.exercise-columns) { max-height: none !important; overflow: visible !important; }
body.tp-shell .exercise-columns .exercise-group-title { margin-top: 0; padding-top: 0; padding-bottom: 6px; border-bottom: 2px solid var(--tp-pos, var(--tp-line)); font-size: 13px; color: var(--tp-text); }
body.tp-shell .exercise-subgroup-title { margin: 14px 0 4px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--tp-text-muted); }
body.tp-shell .exercise-columns .exercise-group-title + .exercise-subgroup-title { margin-top: 8px; }

/* Cviky z posledných tréningov na karte klienta */
body.tp-shell .tp-ex-training { border-top: 1px solid var(--tp-line); padding: 8px 0; }
body.tp-shell .tp-ex-training:first-child { border-top: none; padding-top: 0; }
body.tp-shell .tp-ex-training > summary { cursor: pointer; font-weight: 600; color: var(--tp-text); display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 36px; }
body.tp-shell .tp-ex-pos { margin: 8px 0 2px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--tp-text-muted); }
body.tp-shell .tp-ex-list { margin: 0; padding: 0 0 0 18px; font-size: 14px; color: var(--tp-text); }
body.tp-shell .tp-ex-list li { padding: 2px 0; }
body.tp-shell .tp-ex-tag { color: var(--tp-text-muted); font-size: 12px; }

body.tp-shell .exercise-toes, body.tp-shell .exercise-move {
  border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important; color: var(--tp-burgundy) !important;
  border-radius: 999px !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1; cursor: pointer;
}
body.tp-shell .exercise-toes { padding: 4px 8px !important; }
body.tp-shell .exercise-toes.on { background: var(--tp-fill) !important; border-color: var(--tp-fill) !important; color: #fff !important; }
body.tp-shell .exercise-move { width: 26px; height: 26px; padding: 0 !important; font-size: 15px !important; }
body.tp-shell .exercise-move:disabled { opacity: 0.35; cursor: default; }

/* Tréning na počítači (Erik 12. 10.): jeden široký stĺpec; klient a rýchle akcie ako pás navrchu,
   aby video, poznámky a cviky mali celú šírku */
@media (min-width: 1101px) {
  body.tp-shell.tp-training .body { grid-template-columns: minmax(0, 1fr); }
  body.tp-shell.tp-training .body > #clientSummaryPanel,
  body.tp-shell.tp-training .body > #quickActionsPanel { grid-column: 1; grid-row: auto; position: static; }
  body.tp-shell.tp-training .body > #clientSummaryPanel { order: 3; }
  body.tp-shell.tp-training .body > #quickActionsPanel { order: 4; }
}

/* viac cvikov naraz (Erik 12. 10.) */
body.tp-shell #exerciseCategoriesContainer { max-height: min(62vh, 640px) !important; }

/* ---------- 12. 10. večer: telefón po nasadení + prepínač režimu ---------- */
/* prepínač svetlý / tmavý režim (ľavé menu dole a navrchu vo Viac) */
body.tp-shell .tp-theme-switch {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px;
  padding: 8px 12px; margin: 0 0 8px; border-radius: 14px; cursor: pointer;
  border: 1px solid var(--tp-line); background: var(--tp-surface); color: var(--tp-text);
  font: inherit; font-size: 14px; font-weight: 600; text-align: left;
}
body.tp-shell .tp-theme-switch:hover { background: var(--tp-burgundy-soft); }
body.tp-shell .tp-theme-icon { display: inline-flex; color: var(--tp-burgundy); }
body.tp-shell .tp-theme-label { flex: 1 1 auto; }
body.tp-shell .tp-theme-track {
  flex: 0 0 40px; height: 24px; border-radius: 999px; background: var(--tp-line); position: relative; transition: background .2s;
}
body.tp-shell .tp-theme-track span {
  position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .2s var(--tp-ease);
}
body.tp-shell .tp-theme-switch[aria-pressed="true"] .tp-theme-track { background: var(--tp-fill); }
body.tp-shell .tp-theme-switch[aria-pressed="true"] .tp-theme-track span { transform: translateX(16px); }
body.tp-shell .tp-theme-row { padding: 14px 16px; margin-bottom: 16px; border-radius: var(--tp-radius-card); }
@media (min-width: 761px) and (max-width: 1100px) {
  /* úzke menu: len ikona */
  body.tp-shell #tpThemeSide { justify-content: center; padding: 8px; }
  body.tp-shell #tpThemeSide .tp-theme-label, body.tp-shell #tpThemeSide .tp-theme-track { display: none; }
}

/* Môj profil: záložky sa posúvajú vo vlastnom riadku, okno nikdy nepretečie do strany */
body.tp-shell #trainerProfileModal .cards-modal-content { max-width: min(800px, calc(100vw - 24px)) !important; overflow-x: hidden !important; }
body.tp-shell #trainerProfileModal .cards-modal-body > div:first-child { overflow-x: auto; scrollbar-width: none; }
body.tp-shell #trainerProfileModal .cards-modal-body > div:first-child::-webkit-scrollbar { display: none; }
body.tp-shell #trainerProfileModal .profile-tab { flex: 0 0 auto; white-space: nowrap; }
body.tp-shell #trainerProfileModal input,
body.tp-shell #trainerProfileModal textarea { max-width: 100%; box-sizing: border-box; }

/* Klienti: jeden posuv celej stránky namiesto malého okna v okne */
body.tp-shell #clientCardsModal.tp-page .cards-modal-content { height: auto !important; min-height: 100%; overflow: visible !important; }
body.tp-shell #clientCardsModal.tp-page #cardsContainer { max-height: none !important; overflow: visible !important; }

/* Posledné tréningy na stránke klienta: dátum a tréner v riadku, tlačidlá pod ním */
@media (max-width: 760px) {
  body.tp-shell .client-detail-training-row { flex-wrap: wrap !important; row-gap: 8px; }
  body.tp-shell .client-detail-training-row > span:first-child { flex: 1 1 100% !important; font-size: 14px !important; }
  body.tp-shell .client-detail-training-row > button { flex: 1 1 0; min-width: 0; justify-content: center; padding-left: 8px !important; padding-right: 8px !important; }
}

/* Chat trénerov na telefóne: na celú obrazovku (ako Správy), bez bubliny a spodného menu */
body.tp-shell #tpTchatClose { display: none; }
@media (max-width: 760px) {
  body.tp-shell #tchatPanel.tchat-visible {
    inset: 0 !important; width: auto !important; height: 100% !important; height: 100dvh !important;
    border-radius: 0 !important; border: none !important; z-index: 3200;
    padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  body.tp-shell:has(#tchatPanel.tchat-visible) #tchatBubble,
  body.tp-shell:has(#tchatPanel.tchat-visible) #tpBottomNav { display: none !important; }
  body.tp-shell #tchatPanel #tpTchatClose {
    display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
    margin-left: 8px; border: none; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; cursor: pointer;
  }
  body.tp-shell #tchatPanel #tpTchatClose .tp-nav-icon { color: #fff; }
  body.tp-shell #tchatInput { font-size: 16px; } /* iOS bez priblíženia pri písaní */
}

/* Tmavý režim: miesta s pevnou svetlou farbou zo starého kódu (Erik 12. 10.: slabé kontrasty) */
[data-theme="dark"] body.tp-shell .client-card,
[data-theme="dark"] body.tp-shell .client-card-interview,
[data-theme="dark"] body.tp-shell #clientProgressMark,
[data-theme="dark"] body.tp-shell .session-tabs,
[data-theme="dark"] body.tp-shell #wmArchive,
[data-theme="dark"] body.tp-shell #tchatPanel,
[data-theme="dark"] body.tp-shell #tchatMessages,
[data-theme="dark"] body.tp-shell #tchatInputRow { background: var(--tp-surface) !important; color: var(--tp-text) !important; border-color: var(--tp-line) !important; }
[data-theme="dark"] body.tp-shell .client-card-interview *,
[data-theme="dark"] body.tp-shell #clientProgressMark > div { color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell #profileName,
[data-theme="dark"] body.tp-shell #tchatInput,
[data-theme="dark"] body.tp-shell #trainerProfileModal input,
[data-theme="dark"] body.tp-shell #trainerProfileModal textarea { background: var(--tp-surface-2) !important; color: var(--tp-text) !important; border-color: var(--tp-line) !important; }
[data-theme="dark"] body.tp-shell #btnSaveProgress { background: var(--tp-surface-2) !important; color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell #markBetter,
[data-theme="dark"] body.tp-shell #markSame,
[data-theme="dark"] body.tp-shell #markWorse { background: var(--tp-surface-2) !important; }
[data-theme="dark"] body.tp-shell #markBetter { color: #7ee2b0 !important; }
[data-theme="dark"] body.tp-shell #markSame { color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell #markWorse { color: #ff9a9a !important; }
/* stránka klienta: súčty a riadky tréningov */
[data-theme="dark"] body.tp-shell #clientDetailModal div[style*="background:#f0fdf4"],
[data-theme="dark"] body.tp-shell #clientDetailModal div[style*="background:#eff6ff"] { background: var(--tp-surface-2) !important; }
[data-theme="dark"] body.tp-shell #clientDetailModal div[style*="color:#16a34a"] { color: #6fdc96 !important; }
[data-theme="dark"] body.tp-shell #clientDetailModal div[style*="color:#2563eb"] { color: #8cb8ff !important; }
[data-theme="dark"] body.tp-shell #clientDetailModal [style*="color:#6b7280"],
[data-theme="dark"] body.tp-shell #clientCardsModal [style*="color:#6b7280"] { color: var(--tp-text-muted) !important; }
[data-theme="dark"] body.tp-shell #clientDetailModal [style*="color:#1f2937"],
[data-theme="dark"] body.tp-shell #clientDetailModal [style*="color:#111827"],
[data-theme="dark"] body.tp-shell #clientDetailModal [style*="color:#374151"] { color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell .client-detail-training-row { border-bottom-color: var(--tp-line) !important; }
[data-theme="dark"] body.tp-shell .client-detail-training-row > button {
  background: var(--tp-surface-2) !important; border: 1px solid var(--tp-line) !important; color: var(--tp-text) !important;
}
[data-theme="dark"] body.tp-shell .client-detail-training-row > button .tp-inline-icon { color: var(--tp-burgundy) !important; }
[data-theme="dark"] body.tp-shell #_gdprDeleteAllBtn { background: rgba(255, 120, 120, 0.12) !important; color: #ffb3b3 !important; border-color: rgba(255, 120, 120, 0.35) !important; }
[data-theme="dark"] body.tp-shell .tchat-msg-in { background: var(--tp-surface-2) !important; color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell .tchat-msg-out { background: var(--tp-fill) !important; color: #fff !important; }
[data-theme="dark"] body.tp-shell .tchat-msg-sender,
[data-theme="dark"] body.tp-shell .tchat-msg-time,
[data-theme="dark"] body.tp-shell #tchatEmpty { color: var(--tp-text-muted) !important; }
[data-theme="dark"] body.tp-shell .client-card-name { color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell .client-card span[style*="background:#e0e7ff"] { background: rgba(140, 160, 255, 0.18) !important; color: #c7d0ff !important; }

/* Permanentka pri mene: „(3. z 10 · Premium)“ — klik = úprava */
body.tp-shell .tp-prog {
  display: inline-flex; align-items: center; margin: 2px 0 0 6px; padding: 2px 8px; vertical-align: middle;
  border: 1px solid var(--tp-line) !important; border-radius: 999px !important; background: var(--tp-burgundy-soft) !important;
  color: var(--tp-burgundy) !important; font: inherit; font-size: 12px !important; font-weight: 600 !important;
  line-height: 1.4; white-space: nowrap; cursor: pointer; box-shadow: none !important; min-height: 0 !important;
}
body.tp-shell .tp-prog:hover { border-color: var(--tp-burgundy) !important; }
body.tp-shell .tp-prog[data-level="low"] { background: rgba(232, 115, 74, 0.16) !important; color: #a5461f !important; }
body.tp-shell .tp-prog[data-level="out"] { background: rgba(200, 30, 30, 0.12) !important; color: #b01c1c !important; }
body.tp-shell .tp-prog[data-level="unset"], body.tp-shell .tp-prog[data-level="none"] { background: transparent !important; color: var(--tp-text-muted) !important; border-style: dashed !important; }
[data-theme="dark"] body.tp-shell .tp-prog[data-level="low"] { color: #ffb38f !important; }
[data-theme="dark"] body.tp-shell .tp-prog[data-level="out"] { color: #ff9a9a !important; }
body.tp-shell #activeTrainingBanner .tp-prog { background: rgba(255,255,255,.16) !important; color: #fff !important; border-color: rgba(255,255,255,.35) !important; }
body.tp-shell .tp-client-title h1 + .tp-prog { margin: 6px 0 2px; font-size: 13px !important; }
body.tp-shell .tp-checkin-name + .tp-prog { margin-left: 0; }
/* Rozvrh: riadok mena sa nezalamoval — štítok ide pod meno */
body.tp-shell #reservioSchedule div:has(> .tp-prog) { flex-wrap: wrap !important; }
body.tp-shell #reservioSchedule .tp-prog { margin-left: 0; }
body.tp-shell .tp-prog-card { max-width: 480px; width: calc(100vw - 32px); max-height: calc(100dvh - 48px); overflow-y: auto; text-align: left; }
body.tp-shell .tp-prog-card h2 { margin-bottom: 2px !important; }
body.tp-shell .tp-prog-status { margin: 14px 0 6px; padding: 10px 12px; border-radius: 12px; background: var(--tp-surface-2); color: var(--tp-text); font-weight: 600; }
body.tp-shell .tp-prog-label { display: block; margin: 16px 0 8px; font-size: 13px; font-weight: 600; color: var(--tp-text-muted); }
body.tp-shell .tp-prog-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.tp-shell .tp-prog-products button {
  min-height: 44px; border-radius: 12px !important; border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important;
  color: var(--tp-text) !important; font: inherit; font-size: 13px !important; font-weight: 600 !important; cursor: pointer;
  white-space: normal; padding: 6px 8px !important; min-width: 0;
}
body.tp-shell .tp-prog-products button.tp-active { background: var(--tp-fill) !important; border-color: var(--tp-fill) !important; color: #fff !important; }
body.tp-shell .tp-prog-products .tp-prog-none { grid-column: 1 / -1; }
body.tp-shell .tp-prog-first { display: flex; flex-direction: column; gap: 2px; max-height: 240px; overflow-y: auto; }
body.tp-shell .tp-prog-opt { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 4px 6px; border-radius: 10px; cursor: pointer; color: var(--tp-text); font-size: 14px; }
body.tp-shell .tp-prog-opt:hover { background: var(--tp-burgundy-soft); }
body.tp-shell .tp-prog-opt input { width: 18px; height: 18px; accent-color: var(--tp-fill); }
body.tp-shell .tp-prog-hint { margin-top: 10px; font-size: 12px; }
body.tp-shell .tp-dialog-foot .tp-prog-save { background: var(--tp-fill) !important; color: #fff !important; border-radius: 999px !important; padding: 10px 22px !important; }

/* Bublina chatu trénerov na telefóne: menšia a stránky majú dole miesto, aby nezakrývala tlačidlá */
@media (max-width: 760px) {
  body.tp-shell #tchatBubble { width: 48px !important; height: 48px !important; right: 12px !important; bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important; }
  body.tp-shell #tchatBubble .tp-inline-icon { width: 22px; height: 22px; flex-basis: 22px; }
  body.tp-shell #tpMorePage, body.tp-shell #tpStatesPage, body.tp-shell #tpBoardPage, body.tp-shell #tpSchedulePage { padding-bottom: 72px !important; }
  body.tp-shell #clientCardsModal.tp-page .cards-modal-content,
  body.tp-shell #clientDetailModal .cards-modal-content { padding-bottom: 88px !important; }
}

/* Lišta „Tréning beží“ (Erik 12. 10. večer): pláva nižšie, oblá z oboch strán */
body.tp-shell.tp-training.tp-page-open #tpTrainingBar {
  top: 12px; left: calc(var(--tp-sidebar) + 16px); right: 16px;
  border-radius: 999px; padding: 6px 8px 6px 22px;
  box-shadow: 0 10px 30px rgba(13, 13, 13, 0.18);
}
body.tp-shell.tp-training.tp-page-open .tp-page { top: 76px !important; }
@media (max-width: 1100px) { body.tp-shell.tp-training.tp-page-open #tpTrainingBar { left: calc(var(--tp-rail) + 12px); right: 12px; } }
@media (max-width: 760px) {
  body.tp-shell.tp-training.tp-page-open #tpTrainingBar {
    top: calc(8px + env(safe-area-inset-top, 0px)); left: 8px; right: 8px; padding: 5px 6px 5px 16px;
  }
  body.tp-shell.tp-training.tp-page-open .tp-page { top: calc(68px + env(safe-area-inset-top, 0px)) !important; }
}
/* pod plávajúcou lištou: pás farby stránky, aby nepresvitala obrazovka tréningu */
body.tp-shell.tp-training.tp-page-open::before {
  content: ""; position: fixed; top: 0; left: var(--tp-sidebar); right: 0; height: 76px; z-index: 150;
  background: var(--tp-page);
}
@media (max-width: 1100px) { body.tp-shell.tp-training.tp-page-open::before { left: var(--tp-rail); } }
@media (max-width: 760px) { body.tp-shell.tp-training.tp-page-open::before { left: 0; height: calc(68px + env(safe-area-inset-top, 0px)); } }

/* Rozvrh v tmavom režime (Erik 12. 10.): pevné tmavé farby zo starého kódu na tmavom pozadí */
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#1e3a5f"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#475569"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#14532d"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#1e40af"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#6b1d2a"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#8B1538"] { color: var(--tp-text) !important; }
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#64748b"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#94a3b8"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#9ca3af"],
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#6b7280"] { color: var(--tp-text-muted) !important; }
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#166534"] { color: #7ee2b0 !important; }
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#9a3412"] { color: #ffb38f !important; }
[data-theme="dark"] body.tp-shell #reservioSchedule [style*="color:#0369a1"] { color: #8cc8ff !important; }
[data-theme="dark"] body.tp-shell #reservioPanel [data-slot-status="past"] { opacity: 0.82; } /* minulé termíny len jemne stlmené */

/* Stránka klienta: okraj od menu a rozumná šírka na veľkom monitore (Erik 12. 10.) */
@media (min-width: 761px) {
  body.tp-shell #clientDetailModal.tp-page .cards-modal-content {
    max-width: 1400px !important; margin: 0 auto !important; padding: 32px 40px 48px !important;
  }
  body.tp-shell #tpClientInterviewBody { max-width: 110ch; }
}

/* Odkazy pre trénerov (klient ich nevidí) */
body.tp-shell .tp-notes .tp-notes-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
body.tp-shell .tp-note { padding: 10px 12px; border-radius: 14px; background: var(--tp-surface-2); }
body.tp-shell .tp-note-pin { background: rgba(232, 115, 74, 0.14); border-left: 3px solid var(--tp-ember); }
body.tp-shell .tp-note-done { opacity: 0.65; }
body.tp-shell .tp-note-text { white-space: pre-wrap; color: var(--tp-text); font-size: 15px; line-height: 1.45; }
body.tp-shell .tp-note-meta { margin-top: 4px; font-size: 12px; color: var(--tp-text-muted); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
body.tp-shell .tp-note-meta button {
  border: 1px solid var(--tp-line) !important; background: var(--tp-surface) !important; color: var(--tp-burgundy) !important;
  border-radius: 999px !important; padding: 2px 10px !important; font: inherit; font-size: 12px !important; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell .tp-notes-form textarea {
  width: 100%; box-sizing: border-box; border-radius: 14px; border: 1px solid var(--tp-line); padding: 10px 12px;
  background: var(--tp-surface); color: var(--tp-text); font: inherit; font-size: 15px; resize: vertical;
}
body.tp-shell .tp-notes-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
body.tp-shell .tp-notes-row label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--tp-text); cursor: pointer; }
body.tp-shell .tp-notes-row input { width: 18px; height: 18px; accent-color: var(--tp-fill); }
body.tp-shell .tp-notes-row button {
  min-height: 40px; border: none !important; border-radius: 999px !important; padding: 8px 18px !important;
  background: var(--tp-fill) !important; color: #fff !important; font: inherit; font-weight: 600 !important; cursor: pointer;
}
body.tp-shell #tpTrainingNotes { margin-bottom: 12px; }
body.tp-shell #tpTrainingNotes .tp-notes-list:empty { display: none; }
body.tp-shell .tp-pin {
  margin-top: 4px; padding: 3px 8px; border-radius: 8px; font-size: 12px; line-height: 1.4; font-weight: 600;
  background: rgba(232, 115, 74, 0.14); color: #a5461f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}
[data-theme="dark"] body.tp-shell .tp-pin { color: #ffb38f; }
body.tp-shell #reservioSchedule .tp-pin { flex-basis: 100%; }
/* v tréningu: odkazy od trénerov hneď pod lištou, pred videom (poradie cez order ako ostatné panely) */
body.tp-shell.tp-training .body > #tpTrainingNotes { order: 9; grid-column: 1; }
body.tp-shell:not(.tp-training) #tpTrainingNotes { display: none; }
body.tp-shell #tpTrainingNotes .tp-note-done { display: none; } /* v tréningu len otvorené */