/* ============================================
   FM AI Chatbot — Premium Dark Theme
   ============================================ */

* { box-sizing: border-box; }
body { margin: 0; padding: 0; }

/* ── Hide any <br> wpautop injects inside our wrappers ── */
.fm-ai-shortcode-wrapper br,
.fm-chatbot-sidebar br,
.fm-rog-form br,
.fm-ai-login-required br {
  display: none !important;
}

/* ============================================
   Floating Launch Button
   ============================================ */
.fm-chat-launch-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #11152a 0%, #0f3460 50%, #12204b 100%);
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  cursor: pointer;
  z-index: 9999;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.fm-chat-launch-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #0f3460 0%, #11152a 50%, #16213e 100%);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
.fm-chat-launch-button:active { transform: translateY(0); }

/* ============================================
   Sidebar — Premium deep-space background
   ============================================ */
.fm-chatbot-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 72vw;
  max-width: 960px;
  height: 100vh;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 35%),
              linear-gradient(180deg, #090b18 0%, #0f1733 45%, #101a3d 100%);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: -10px 0 36px rgba(0, 0, 0, 0.55);
  color: #f7f9ff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: right 0.35s ease;
  z-index: 9998;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

.fm-chatbot-sidebar::before,
.fm-chatbot-sidebar::after { pointer-events: none; }

.fm-chatbot-sidebar::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(106, 110, 255, 0.12), transparent 38%),
              radial-gradient(circle at 80% 75%, rgba(255, 135, 255, 0.08), transparent 28%);
  opacity: 1;
}

.fm-chatbot-sidebar::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 360px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: conic-gradient(from 0deg,
    rgba(255, 255, 255, 0.06) 0deg,   transparent 14deg,
    rgba(255, 255, 255, 0.04) 28deg,  transparent 42deg,
    rgba(255, 255, 255, 0.06) 56deg,  transparent 70deg,
    rgba(255, 255, 255, 0.04) 84deg,  transparent 98deg,
    rgba(255, 255, 255, 0.06) 112deg, transparent 126deg,
    rgba(255, 255, 255, 0.04) 140deg, transparent 154deg,
    rgba(255, 255, 255, 0.06) 168deg, transparent 182deg,
    rgba(255, 255, 255, 0.04) 196deg, transparent 210deg,
    rgba(255, 255, 255, 0.06) 224deg, transparent 238deg,
    rgba(255, 255, 255, 0.04) 252deg, transparent 266deg,
    rgba(255, 255, 255, 0.06) 280deg, transparent 294deg,
    rgba(255, 255, 255, 0.04) 308deg, transparent 322deg,
    rgba(255, 255, 255, 0.06) 336deg, transparent 360deg
  );
  opacity: 0.25;
  animation: wheel-spin 35s linear infinite reverse;
}

@keyframes wheel-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

.fm-chatbot-sidebar.fm-chatbot-open { right: 0; }

/* ============================================
   Header
   ============================================ */
.fm-chatbot-header {
  position: relative;
  padding: 20px 24px;
  background: rgba(4, 6, 13, 0.95);
  z-index: 2;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

/* Gold shimmer top line */
.fm-chatbot-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,175,55,0.9) 30%,
    rgba(175,196,255,0.6) 50%,
    rgba(212,175,55,0.9) 70%,
    transparent 100%
  );
  pointer-events: none;
}

.fm-header-content h2 {
  margin: 0 0 6px 0;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #ffffff;
}

.fm-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.5;
}

.fm-chatbot-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  z-index: 3;
}
.fm-chatbot-close:hover {
  background: rgba(255, 255, 255, 0.16);
  transform: scale(1.05);
}

/* ============================================
   Wallet Status
   ============================================ */
.fm-wallet-status {
  position: relative;
  padding: 11px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.12);
  color: #ffffff;
  z-index: 1;
}
.fm-wallet-status div {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
}
#fm-wallet-balance {
  color: #d4af37;
  font-weight: 700;
  font-size: 15px;
}
.fm-wallet-status .fm-btn-secondary { padding: 6px 10px; }

/* ============================================
   Form
   ============================================ */
.fm-rog-form {
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow-y: auto;
  min-height: 260px;
  max-height: calc(100vh - 190px);
}

/* Section heading */
.fm-form-section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
  margin-bottom: 2px;
}
.fm-section-star { color: #d4af37; font-size: 11px; flex-shrink: 0; }
.fm-form-section-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}

/* 2-column row */
.fm-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom:20px;
}
/* 3-column row */
.fm-form-row.fm-form-row-3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}

.fm-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom:20px;
}
.fm-form-group label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}
.fm-form-group input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 11px 13px;
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  font-size: 13px;
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.fm-form-group input:focus {
  outline: none;
  border-color: rgba(212, 175, 55, 0.65);
  background: rgba(212, 175, 55, 0.05);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.08);
}
.fm-form-group input::placeholder { color: rgba(255, 255, 255, 0.35); }
.fm-form-group small { color: rgba(255, 255, 255, 0.55); font-size: 11px; }

/* Date & Time — Flatpickr styled inputs */
.fm-date-input,
.fm-time-input {
  cursor: pointer;
  background: rgba(212, 175, 55, 0.04);
  border-color: rgba(212, 175, 55, 0.18);
  caret-color: transparent;
}
.fm-date-input:hover,
.fm-time-input:hover {
  border-color: rgba(212, 175, 55, 0.40);
}

/* ── Flatpickr calendar overrides — match dark sidebar theme ── */
.flatpickr-calendar {
  z-index: 99999 !important;
  background: #0f1228 !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
}
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after { border-bottom-color: rgba(212, 175, 55, 0.25) !important; }
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after { border-top-color: rgba(212, 175, 55, 0.25) !important; }

.flatpickr-months { padding: 6px 0 !important; }
.flatpickr-months .flatpickr-month,
.flatpickr-current-month,
.flatpickr-current-month .cur-month,
.flatpickr-current-month input.cur-year {
  color: #d4af37 !important;
  font-weight: 700 !important;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg { fill: #d4af37 !important; }
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg { fill: #ffffff !important; }

.flatpickr-weekdays { background: transparent !important; }
span.flatpickr-weekday {
  color: rgba(175, 196, 255, 0.7) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
}

.flatpickr-day {
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 8px !important;
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  border-color: rgba(212, 175, 55, 0.30) !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #d4af37 !important;
  border-color: #d4af37 !important;
  color: #04060d !important;
  font-weight: 700 !important;
}
.flatpickr-day.today {
  border-color: rgba(212, 175, 55, 0.5) !important;
  color: #d4af37 !important;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: rgba(255, 255, 255, 0.25) !important;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  color: rgba(255, 255, 255, 0.15) !important;
  background: transparent !important;
}

/* Time picker */
.flatpickr-time {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #ffffff !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.flatpickr-time input:hover,
.flatpickr-time input:focus {
  background: rgba(212, 175, 55, 0.08) !important;
}
.flatpickr-time .arrowUp::after  { border-bottom-color: #d4af37 !important; }
.flatpickr-time .arrowDown::after { border-top-color: #d4af37 !important; }

/* Coords hint */
.fm-coords-hint {
  margin: 0;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}

/* ── Place autocomplete ── */
.fm-place-input-wrap {
  position: relative;
}
.fm-place-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: #0f1228;
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 10px;
  overflow: hidden;
  z-index: 99999;
  max-height: 200px;
  overflow-y: auto;
}
.fm-place-suggestions:empty { display: none; }
.fm-place-item {
  padding: 10px 14px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  line-height: 1.4;
  transition: background 0.15s ease;
}
.fm-place-item:last-child { border-bottom: none; }
.fm-place-item:hover { background: rgba(212, 175, 55, 0.12); color: #ffffff; }

.fm-geo-status {
  font-size: 11px;
  margin-top: 4px;
  min-height: 16px;
  transition: color 0.2s ease;
}
.fm-geo-idle    { color: transparent; }
.fm-geo-loading { color: rgba(175, 196, 255, 0.7); }
.fm-geo-ok      { color: #2acea8; }
.fm-geo-error   { color: #ff8f8f; }

.fm-form-action { margin-top: 6px; }

/* Primary button — gold */
.fm-btn-primary {
  width: 100%;
  padding: 14px 0;
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
  background: linear-gradient(135deg, #b8860b 0%, #d4af37 50%, #c9981e 100%);
  color: #04060d;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.03em;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(212, 175, 55, 0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.fm-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.38);
}

/* Secondary button */
.fm-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease;
}
.fm-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

/* ============================================
   Login Required Box
   ============================================ */
.fm-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0;
}
.fm-btn-container p:empty,
.fm-btn-container br { display: none !important; }

a.fm-btn-login,
a.fm-btn-register {
  display: inline-block;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 11px 24px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background 0.2s ease, transform 0.2s ease;
}
a.fm-btn-login {
  background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
  border-color: rgba(255,255,255,0.2);
  box-shadow: 0 4px 12px rgba(15, 52, 96, 0.3);
}
a.fm-btn-login:hover {
  background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
  transform: translateY(-2px);
  color: #ffffff;
  text-decoration: none;
}
a.fm-btn-register {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
}
a.fm-btn-register:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
  color: #ffffff;
  text-decoration: none;
}

.fm-ai-login-required {
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);
  color: #ffffff;
  padding: 28px 24px;
  border-radius: 16px;
  text-align: center;
  margin: 20px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.fm-ai-login-required::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,0.8), rgba(175,196,255,0.5), rgba(212,175,55,0.8), transparent);
  pointer-events: none;
}

/* ============================================
   Chat Messages
   ============================================ */
.fm-chatbot-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: transparent;
  color: #f7f9ff;
}
.fm-chatbot-messages::-webkit-scrollbar { width: 6px; }
.fm-chatbot-messages::-webkit-scrollbar-track { background: rgba(255,255,255,0.06); }
.fm-chatbot-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.16); border-radius: 999px; }
.fm-chatbot-messages::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.24); }

.fm-user, .fm-ai {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 16px;
  padding: 14px 16px;
  max-width: 85%;
  word-break: break-word;
  animation: fadeIn 0.24s ease;
}
.fm-user {
  align-self: flex-end;
  background: rgba(15, 52, 96, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.fm-ai {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}
.fm-ai-text { white-space: pre-wrap; line-height: 1.6; }
.fm-ai a { color: #afc4ff; text-decoration: underline; }

/* ── Markdown-rendered AI message formatting ── */
.fm-ai h3.fm-ai-heading,
.fm-ai h4.fm-ai-heading,
.fm-ai h5.fm-ai-heading {
  margin: 10px 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: #d4af37;
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.fm-ai p.fm-ai-para {
  margin: 0 0 6px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.90);
  font-size: 13.5px;
}
.fm-ai ul.fm-ai-list,
.fm-ai ol.fm-ai-list {
  margin: 4px 0 8px 0;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 13.5px;
}
.fm-ai ul.fm-ai-list li,
.fm-ai ol.fm-ai-list li {
  margin-bottom: 4px;
  line-height: 1.6;
}
.fm-ai hr.fm-divider {
  border: none;
  border-top: 1px solid rgba(212, 175, 55, 0.20);
  margin: 8px 0;
}
.fm-ai .fm-ai-spacer {
  height: 6px;
}
.fm-ai strong { color: #ffffff; }
.fm-ai em { color: rgba(212, 175, 55, 0.85); font-style: italic; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================
   Product Cards
   ============================================ */
.fm-product-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.fm-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.fm-product-card:hover {
  transform: translateY(-2px);
  border-color: rgba(175, 196, 255, 0.35);
  box-shadow: 0 12px 24px rgba(15, 52, 96, 0.22);
}
.fm-product-card img {
  width: 72px; height: 72px;
  border-radius: 12px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.07);
}
.fm-product-card span {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  line-height: 1.3;
}

/* ============================================
   Utilities
   ============================================ */
.fm-hidden { display: none !important; }

/* Loading */
.fm-loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 20px;
  gap: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.fm-spinner {
  width: 38px; height: 38px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: rgba(175, 196, 255, 0.95);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ============================================
   Chat Input
   ============================================ */
.fm-chatbot-input {
  display: flex;
  gap: 10px;
  padding: 10px 16px 16px;
  background: rgba(4, 6, 13, 0.97);
  border-top: 1px solid rgba(212, 175, 55, 0.12);
}
#fm-chat-input {
  flex: 1;
  min-height: 44px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  font-size: 14px;
}
#fm-chat-input::placeholder { color: rgba(255, 255, 255, 0.45); }
#fm-chat-input:focus {
  outline: none;
  border-color: rgba(212, 175, 55, 0.55);
  background: rgba(212, 175, 55, 0.04);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.07);
}
.fm-send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(212, 175, 55, 0.3);
  background: linear-gradient(135deg, #b8860b 0%, #d4af37 100%);
  color: #04060d;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.2);
}
.fm-send-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.35);
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 680px) {
  .fm-chatbot-sidebar { width: calc(100vw - 16px); }
  .fm-chatbot-header,
  .fm-wallet-status,
  .fm-rog-form,
  .fm-chatbot-input { padding-left: 16px; padding-right: 16px; }
  .fm-chatbot-sidebar::after { width: 280px; height: 280px; }
  .fm-product-cards { grid-template-columns: 1fr; }
  .fm-form-row { grid-template-columns: 1fr 1fr; }
  .fm-form-row.fm-form-row-3 { grid-template-columns: 1fr 1fr; }
}

/* ============================================
   Timer Session Styles
   ============================================ */
.fm-timer-bar {
  background: #1A1A2E;
  border: 1px solid rgba(123, 94, 167, 0.3);
  border-radius: 8px;
  padding: 12px 16px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #ffffff;
}
.fm-timer-display { color: #2ACEA8; font-weight: bold; font-size: 16px; }
.fm-balance-display { color: #D4AF37; font-weight: 500; }
.fm-session-cost { color: #2ACEA8; font-weight: 500; }
.fm-end-session-btn {
  background: #E05252; color: white; border: none;
  padding: 6px 12px; border-radius: 6px; cursor: pointer;
  font-size: 12px; transition: background 0.2s;
}
.fm-end-session-btn:hover { background: #c0392b; }
.fm-session-warning { border-color: #E05252 !important; background: rgba(224,82,82,0.1) !important; }
.fm-session-paused { opacity: 0.7; position: relative; }
.fm-session-paused::after {
  content: "Session Paused - Idle Timeout";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.8); color: white;
  padding: 8px 16px; border-radius: 6px;
  font-size: 12px; pointer-events: none;
}
.fm-session-summary {
  background: #16213e; border-color: #2ACEA8;
  text-align: center; flex-direction: column; gap: 8px;
}
.fm-start-session-btn {
  background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);
  color: #1A1A2E; border: none; padding: 12px 24px;
  border-radius: 8px; font-weight: bold; cursor: pointer;
  margin: 10px 0; transition: transform 0.2s;
}
.fm-start-session-btn:hover { transform: translateY(-2px); }
.fm-recharge-prompt {
  background: rgba(224,82,82,0.1); border: 1px solid #E05252;
  border-radius: 8px; padding: 16px; margin: 10px 0;
  text-align: center; color: #E05252;
}

/* ============================================
   KP Summary Card
   ============================================ */
.fm-kp-card { width: 100%; display: flex; flex-direction: column; gap: 12px; font-size: 12px; }
.fm-kp-section {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px; overflow: hidden;
}
.fm-kp-section-title {
  background: rgba(255,255,255,0.07);
  padding: 7px 12px; font-size: 11px; font-weight: 700;
  letter-spacing: 0.04em; color: rgba(255,255,255,0.7);
  text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.07);
}
.fm-kp-row {
  display: flex; align-items: baseline; gap: 8px;
  padding: 7px 12px; border-bottom: 1px solid rgba(255,255,255,0.04); line-height: 1.5;
}
.fm-kp-row:last-child { border-bottom: none; }
.fm-kp-house-label { flex-shrink: 0; font-weight: 700; color: #afc4ff; font-size: 11px; min-width: 110px; }
.fm-kp-detail { color: rgba(255,255,255,0.78); font-size: 11px; line-height: 1.5; }
.fm-kp-disease-block { padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,0.04); }
.fm-kp-disease-block:last-child { border-bottom: none; }
.fm-kp-disease-header { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.fm-kp-house-badge {
  background: rgba(224,82,82,0.18); border: 1px solid rgba(224,82,82,0.35);
  color: #ff8f8f; font-size: 10px; font-weight: 700;
  padding: 2px 6px; border-radius: 4px; flex-shrink: 0;
}
.fm-kp-planet-badge {
  background: rgba(175,196,255,0.1); border: 1px solid rgba(175,196,255,0.25);
  color: #afc4ff; font-size: 10px; font-weight: 600;
  padding: 2px 7px; border-radius: 4px; flex-shrink: 0;
}
.fm-kp-disease-list { color: rgba(255,255,255,0.85); font-size: 11px; line-height: 1.5; }
.fm-kp-nakshatra {
  margin-top: 4px; padding-left: 4px;
  color: rgba(255,255,255,0.5); font-size: 10.5px;
  font-style: italic; line-height: 1.4;
}

/* Razorpay above chatbot */
.razorpay-overlay,
.razorpay-checkout-frame,
.razorpay-modal,
.razorpay-container,
#razorpay-checkout-frame { z-index: 2147483647 !important; }
.fm-form-section p:empty{display:none;}