/* ─── Market Prep Header Styles ─── */
/* Shared across Pro, New Standard and Old Standard UIs */

body {
  overflow-x: hidden;
  background-color: #0a0e17;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.head {
  background: linear-gradient(135deg, #141c2b 0%, #0f1520 100%);
  border-bottom: 1px solid #1e2a3d;
  margin-bottom: 10px;
}
.head .main-bar {
  padding: 10px 16px;
}

/* ─── Header Row (icon + title + demo msg) ─── */
.mi-header-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.mi-header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 6px;
  background: #7283B1;
  flex-shrink: 0;
}
.mi-header-icon svg {
  width: 18px;
  height: 18px;
  stroke: #060b14;
  stroke-width: 2.2;
  fill: none;
}
.mi-page-label {
  font-size: 15px;
  font-weight: 700;
  color: #e8f1f5;
  margin: 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.marketprep-demo-msg-new {
  font-weight: 400;
  font-size: 13px;
  margin-left: 8px;
  color: #c7a86f;
}
.marketprep-demo-msg-new a {
  color: #c7a86f;
  text-decoration: underline;
}

/* ─── Filter Bar (date + instrument + info link) ─── */
#marketPrepResults {
  padding-right: 10px;
  padding-left: 10px;
}
.marketprep-filter {
  margin-top: 0px;
  width: 100%;
}
.marketprep-filter-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  padding: 0 15px 10px 15px;
}

/* ─── Instrument Dropdown ─── */
#market_prep_instrument {
  background-color: #141c2b;
  border: 1px solid #1e2a3d;
  color: #e8f1f5;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 14px;
  min-width: 200px;
}
#market_prep_instrument::-webkit-scrollbar { width: 6px; }
#market_prep_instrument::-webkit-scrollbar-track { background: #0a0e17; }
#market_prep_instrument::-webkit-scrollbar-thumb { background: #1e2a3d; border-radius: 3px; }
#market_prep_instrument::-webkit-scrollbar-thumb:hover { background: #7283B1; }

/* ─── Datepicker ─── */
.datepicker {
  background-color: #141c2b;
  border: 1px solid #1e2a3d;
  color: #e8f1f5;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover { background: #7283B1; color: #060b14; }
.datepicker table tr td.today { background: #1e2a3d; }
.datepicker table tr td { color: #e8f1f5; }
.datepicker table tr td.disabled { color: #4a5568; }

/* ─── "For More Info" link ─── */
#marketPrepHeaderInfo { color: #94a3b8; font-size: 13px; }
#marketPrepHeaderInfo a { color: #7283B1; text-decoration: underline; }

/* ─── Spinner ─── */
.preloader_img { background-color: transparent; }

/* ─── Responsive ─── */
@media (max-width: 767px) {
  .mi-header-row { gap: 8px; }
  .marketprep-demo-msg-new { width: 100%; margin-left: 0; margin-top: 4px; }
  .marketprep-filter-wrapper { padding: 0 10px 10px 10px; }
}