/* MarcFx unified UI — aligned with Fxtrade homepage
   Slate #0F172A · Accent yellow #EAB308 · Blue hover #2563EB · Figtree */

@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

:root {
  --ex-midnight: #0f172a;
  --ex-midnight-2: #111c33;
  --ex-midnight-3: #1a2744;
  --ex-panel: #152238;
  --ex-panel-2: #1c2d4a;
  --ex-border: rgba(255, 255, 255, 0.1);
  --ex-border-strong: rgba(255, 255, 255, 0.16);
  --ex-yellow: #eab308;
  --ex-yellow-dark: #ca8a04;
  --ex-yellow-soft: #fef9c3;
  --ex-blue: #2563eb;
  --ex-blue-soft: #3b82f6;
  --ex-text: #ffffff;
  --ex-text-2: #cbd5e1;
  --ex-text-3: #94a3b8;
  --ex-buy: #16a34a;
  --ex-sell: #dc2626;
  --ex-radius: 16px;
  --ex-radius-sm: 12px;
  --ex-radius-pill: 999px;
  --ex-font: "Figtree", system-ui, -apple-system, sans-serif;
  --ex-paper: #f5f5f5;
  --ex-ink: #0f172a;
}

/* ----- Global shell ----- */
body.dashboard,
body.dashboard #main-wrapper,
body.dashboard .content-body {
  background: var(--ex-midnight) !important;
  color: var(--ex-text) !important;
  font-family: var(--ex-font) !important;
}

body.dashboard h1,
body.dashboard h2,
body.dashboard h3,
body.dashboard h4,
body.dashboard h5,
body.dashboard .card-title,
body.dashboard .page-title-content,
body.dashboard .page-title-content p,
body.dashboard .page-title-content strong,
body.dashboard .page-title {
  color: var(--ex-text) !important;
  font-family: var(--ex-font) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.dashboard .text-muted,
body.dashboard small,
body.dashboard .form-label {
  color: var(--ex-text-3) !important;
}

/* ----- Header (homepage-like white→dark bar) ----- */
body.dashboard .header,
body.dashboard .header.bg-light {
  background: rgba(17, 28, 51, 0.96) !important;
  border-bottom: 1px solid var(--ex-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}

body.dashboard .header-content {
  min-height: 68px;
  align-items: center;
}

body.dashboard .header .brand-logo strong,
body.dashboard .ex-brand {
  color: var(--ex-text) !important;
  letter-spacing: -0.03em;
  font-weight: 800;
  font-size: 1.35rem;
}

body.dashboard .ex-brand span {
  color: var(--ex-yellow);
}

body.dashboard .header .form-control {
  background: var(--ex-midnight-3) !important;
  border: 1px solid var(--ex-border) !important;
  color: var(--ex-text) !important;
  border-radius: var(--ex-radius-pill) !important;
  font-family: var(--ex-font) !important;
}

body.dashboard .header .input-group-text {
  background: var(--ex-midnight-3) !important;
  border: 1px solid var(--ex-border) !important;
  color: var(--ex-text-3) !important;
  border-radius: 0 var(--ex-radius-pill) var(--ex-radius-pill) 0 !important;
}

body.dashboard .header-right .dark-light-toggle,
body.dashboard .header-right .notification,
body.dashboard .header-right .profile_login {
  color: var(--ex-text-2) !important;
}

/* ----- Sidebar ----- */
body.dashboard .sidebar {
  background: var(--ex-midnight-2) !important;
  border-right: 1px solid var(--ex-border) !important;
  width: 76px;
}

body.dashboard .sidebar .brand-logo {
  padding: 20px 0 12px;
  text-align: center;
}

body.dashboard .sidebar .brand-logo a,
body.dashboard .sidebar .sidebar-brand {
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  border-radius: 12px;
  background: var(--ex-yellow);
  color: var(--ex-midnight) !important;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: -0.02em;
}

body.dashboard .sidebar .brand-logo a span,
body.dashboard .sidebar .sidebar-brand span {
  color: var(--ex-midnight) !important;
}

body.dashboard .sidebar .brand-logo img {
  display: none;
}

body.dashboard .sidebar .menu ul li a {
  border-radius: 12px;
  margin: 4px 10px;
}

body.dashboard .sidebar .menu ul li a span,
body.dashboard .sidebar .menu ul li a i {
  color: var(--ex-text-3) !important;
  font-size: 20px;
}

body.dashboard .sidebar .menu ul li a:hover,
body.dashboard .sidebar .menu ul li.active a {
  background: rgba(234, 179, 8, 0.12) !important;
}

body.dashboard .sidebar .menu ul li a:hover span,
body.dashboard .sidebar .menu ul li a:hover i,
body.dashboard .sidebar .menu ul li.active a span,
body.dashboard .sidebar .menu ul li.active a i {
  color: var(--ex-yellow) !important;
}

body.dashboard .sidebar .copyright,
body.dashboard .sidebar .copyright a {
  color: var(--ex-text-3) !important;
  font-size: 10px;
}

/* ----- Cards / panels (Fxtrade rounded blocks) ----- */
body.dashboard .card {
  background: var(--ex-panel) !important;
  border: 1px solid var(--ex-border) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  color: var(--ex-text) !important;
  overflow: hidden;
}

body.dashboard .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--ex-border) !important;
  padding: 18px 22px !important;
}

body.dashboard .card-body {
  padding: 22px !important;
}

body.dashboard .welcome-profile {
  background: linear-gradient(
    145deg,
    var(--ex-panel-2) 0%,
    #0f172a 55%,
    #1e3a5f 100%
  ) !important;
  border-radius: 24px !important;
}

body.dashboard .border.rounded,
body.dashboard .border.rounded.p-3 {
  border-color: var(--ex-border) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.03);
}

/* ----- Stats ----- */
body.dashboard .mt5-stat-grid .card {
  background: var(--ex-panel-2) !important;
}

body.dashboard .mt5-stat-grid h3,
body.dashboard .mt5-stat-grid h4 {
  color: var(--ex-text) !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}

body.dashboard .mt5-stat-grid h3 sub,
body.dashboard .mt5-stat-grid h4 sub {
  color: var(--ex-text-3);
  font-size: 0.55em;
  font-weight: 500;
}

/* ----- Forms ----- */
body.dashboard .form-control,
body.dashboard select.form-control,
body.dashboard textarea.form-control,
body.dashboard .form-select {
  background: var(--ex-midnight-3) !important;
  border: 1px solid var(--ex-border-strong) !important;
  color: var(--ex-text) !important;
  border-radius: var(--ex-radius-sm) !important;
  min-height: 48px;
  font-family: var(--ex-font) !important;
}

body.dashboard .form-control:focus,
body.dashboard .form-select:focus {
  border-color: var(--ex-yellow) !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.18) !important;
}

body.dashboard .form-control::placeholder {
  color: var(--ex-text-3) !important;
}

body.dashboard option {
  background: var(--ex-midnight-2);
  color: var(--ex-text);
}

/* ----- Buttons (Fxtrade yellow CTAs) ----- */
body.dashboard .btn {
  font-family: var(--ex-font) !important;
  font-weight: 700 !important;
  border-radius: var(--ex-radius-pill) !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.dashboard .btn-primary,
body.dashboard .btn-primary:focus {
  background: var(--ex-yellow) !important;
  border-color: var(--ex-yellow) !important;
  color: var(--ex-midnight) !important;
  padding: 11px 22px !important;
  box-shadow: none !important;
}

body.dashboard .btn-primary:hover {
  background: var(--ex-blue) !important;
  border-color: var(--ex-blue) !important;
  color: #fff !important;
}

body.dashboard .btn-success {
  background: var(--ex-buy) !important;
  border-color: var(--ex-buy) !important;
  color: #fff !important;
}

body.dashboard .btn-danger {
  background: var(--ex-sell) !important;
  border-color: var(--ex-sell) !important;
  color: #fff !important;
}

body.dashboard .btn-outline-primary {
  border-color: var(--ex-yellow) !important;
  color: var(--ex-yellow) !important;
  background: transparent !important;
}

body.dashboard .btn-outline-primary:hover,
body.dashboard .btn-outline-primary.active,
body.dashboard .btn-group .btn-primary {
  background: var(--ex-yellow) !important;
  color: var(--ex-midnight) !important;
}

body.dashboard .btn-outline-secondary {
  border-color: var(--ex-border-strong) !important;
  color: var(--ex-text-2) !important;
  background: transparent !important;
}

body.dashboard .btn-outline-secondary:hover {
  background: var(--ex-midnight-3) !important;
  color: var(--ex-text) !important;
}

body.dashboard .btn-outline-danger {
  border-color: var(--ex-sell) !important;
  color: var(--ex-sell) !important;
}

body.dashboard .btn-outline-warning {
  border-color: var(--ex-yellow) !important;
  color: var(--ex-yellow) !important;
}

body.dashboard .btn-block {
  width: 100%;
}

body.dashboard .btn-group {
  background: var(--ex-midnight-3);
  border-radius: var(--ex-radius-pill);
  padding: 3px;
  border: 1px solid var(--ex-border);
}

body.dashboard .btn-group .btn {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ----- Tables ----- */
body.dashboard .table {
  color: var(--ex-text-2) !important;
  --bs-table-bg: transparent;
  font-family: var(--ex-font) !important;
}

body.dashboard .table thead th {
  color: var(--ex-text-3) !important;
  border-bottom: 1px solid var(--ex-border) !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}

body.dashboard .table td {
  border-top: 1px solid var(--ex-border) !important;
  vertical-align: middle;
}

body.dashboard .table-striped > tbody > tr:nth-of-type(odd) > * {
  background: rgba(255, 255, 255, 0.02) !important;
  color: inherit;
  box-shadow: none !important;
}

body.dashboard .badge.bg-success,
body.dashboard .badge.bg-light {
  border-radius: 8px;
  font-weight: 700;
}

body.dashboard .badge.bg-light {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--ex-text) !important;
}

body.dashboard .alert {
  border-radius: 16px !important;
  border: 1px solid var(--ex-border) !important;
  font-family: var(--ex-font) !important;
}

body.dashboard .alert-secondary {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--ex-text-2) !important;
}

body.dashboard .alert-danger {
  background: rgba(220, 38, 38, 0.12) !important;
  color: #fecaca !important;
}

body.dashboard .alert-info {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #bfdbfe !important;
}

/* ----- Terminal ----- */
body.dashboard .ex-terminal-toolbar {
  background: var(--ex-midnight-2) !important;
  border-bottom: 1px solid var(--ex-border);
}

body.dashboard .ex-terminal-bottom {
  background: var(--ex-panel) !important;
  border-top: 1px solid var(--ex-border);
  border-radius: 24px 24px 0 0;
}

body.dashboard .ex-bottom-tabs button.active {
  color: var(--ex-yellow) !important;
  border-bottom-color: var(--ex-yellow) !important;
}

body.dashboard .ex-quote__bid {
  color: var(--ex-sell);
}
body.dashboard .ex-quote__ask {
  color: var(--ex-buy);
}

/* ----- Mobile bottom nav ----- */
body.dashboard .mobile-bottom-nav {
  background: rgba(17, 28, 51, 0.97) !important;
  border-top: 1px solid var(--ex-border) !important;
  backdrop-filter: blur(12px);
}

body.dashboard .mobile-bottom-nav a {
  color: var(--ex-text-3) !important;
  font-family: var(--ex-font) !important;
  font-weight: 600;
}

body.dashboard .mobile-bottom-nav a.active {
  color: var(--ex-yellow) !important;
}

/* ----- Demo banner ----- */
body.dashboard .mt5-demo-banner {
  background: linear-gradient(90deg, #0f172a, #1e3a5f) !important;
  border-bottom: 1px solid rgba(234, 179, 8, 0.25) !important;
  font-family: var(--ex-font) !important;
}

body.dashboard .mt5-demo-banner a {
  color: var(--ex-yellow) !important;
  font-weight: 700;
}

/* ----- Header balance ----- */
body.dashboard .ex-header-balance {
  background: rgba(234, 179, 8, 0.12) !important;
  border-color: rgba(234, 179, 8, 0.35) !important;
  border-radius: 12px !important;
  font-family: var(--ex-font) !important;
}

/* ----- Auth pages (homepage light paper + yellow CTA) ----- */
.authincation,
.authincation.section-padding {
  min-height: 100vh;
  background:
    radial-gradient(ellipse 60% 50% at 80% 10%, rgba(234, 179, 8, 0.12), transparent 55%),
    radial-gradient(ellipse 40% 40% at 10% 90%, rgba(37, 99, 235, 0.08), transparent 50%),
    var(--ex-paper) !important;
  font-family: var(--ex-font) !important;
  color: var(--ex-ink);
  padding: 48px 0 !important;
}

.authincation .ex-brand {
  color: var(--ex-ink) !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.authincation .ex-brand span {
  color: var(--ex-yellow-dark);
}

.authincation .card-title {
  color: var(--ex-ink) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.authincation .text-muted,
.authincation .small {
  color: #64748b !important;
}

.authincation .auth-form.card,
.authincation .card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08) !important;
}

.authincation .form-control {
  background: #fff !important;
  border: 1px solid #d1d7dd !important;
  border-radius: 12px !important;
  min-height: 52px;
  color: var(--ex-ink) !important;
  font-family: var(--ex-font) !important;
}

.authincation .form-control:focus {
  border-color: var(--ex-yellow) !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2) !important;
}

.authincation .btn-primary {
  background: var(--ex-yellow) !important;
  border-color: var(--ex-yellow) !important;
  color: var(--ex-ink) !important;
  font-weight: 700 !important;
  border-radius: var(--ex-radius-pill) !important;
  min-height: 52px;
  font-size: 1.05rem;
}

.authincation .btn-primary:hover {
  background: var(--ex-blue) !important;
  border-color: var(--ex-blue) !important;
  color: #fff !important;
}

.authincation .text-primary,
.authincation a {
  color: var(--ex-blue) !important;
  font-weight: 600;
}

.authincation a:hover {
  color: var(--ex-yellow-dark) !important;
}

/* Settings / content spacing */
body.dashboard .content-body {
  padding-top: 12px;
}

body.dashboard .ex-broker-disclaimer--compact {
  color: var(--ex-text-3) !important;
}

body.dashboard .ex-broker-disclaimer--compact a {
  color: var(--ex-yellow) !important;
}

body.dashboard .ex-theme-toggle {
  background: var(--ex-midnight-3);
  border: 1px solid var(--ex-border);
  color: var(--ex-text-2);
  border-radius: 12px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Account switcher */
body.dashboard .ex-account-switcher select,
body.dashboard .account-switcher select {
  border-radius: 12px !important;
}
body.dashboard .content-body.ex-terminal {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 70px);
}

.ex-terminal-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: var(--ex-midnight-2);
  border-bottom: 1px solid var(--ex-border);
}

.ex-terminal-toolbar__left,
.ex-terminal-toolbar__right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.ex-symbol-select {
  width: 140px !important;
  min-height: 38px !important;
  font-weight: 700 !important;
}

.ex-account-select {
  width: 200px !important;
  min-height: 38px !important;
}

.ex-quote {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: 15px;
}

.ex-quote__bid {
  color: var(--ex-sell);
}

.ex-quote__ask {
  color: var(--ex-buy);
}

.ex-quote__sep {
  color: var(--ex-text-3);
  margin: 0 4px;
}

.ex-mini-stat {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.ex-mini-stat span {
  font-size: 11px;
  color: var(--ex-text-3);
}

.ex-mini-stat strong {
  font-size: 13px;
  color: var(--ex-text);
  font-weight: 600;
}

.ex-terminal-main {
  display: grid;
  grid-template-columns: 200px 1fr 320px;
  gap: 0;
  flex: 1;
  min-height: 480px;
  border-bottom: 1px solid var(--ex-border);
}

.ex-watchlist {
  border-right: 1px solid var(--ex-border);
  overflow-y: auto;
  max-height: 520px;
  background: rgba(0, 0, 0, 0.15);
}

.ex-watchlist__title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 10px 12px;
  opacity: 0.65;
  border-bottom: 1px solid var(--ex-border);
}

.ex-watchlist__row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
}

.ex-watchlist__row span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 11px;
  gap: 2px;
}

.ex-watchlist__row em {
  font-style: normal;
}

.ex-watchlist__row.active,
.ex-watchlist__row:hover {
  background: rgba(255, 222, 2, 0.08);
}

.ex-terminal-chart {
  background: var(--ex-midnight);
  min-height: 480px;
  border-right: 1px solid var(--ex-border);
}

.ex-terminal-ticket {
  background: var(--ex-panel);
  padding: 14px 16px 20px;
  display: flex;
  flex-direction: column;
}

.ex-ticket-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  background: var(--ex-midnight-3);
  padding: 4px;
  border-radius: 999px;
  margin-bottom: 14px;
  border: 1px solid var(--ex-border);
}

.ex-ticket-tabs button {
  border: 0;
  background: transparent;
  color: var(--ex-text-3);
  font-weight: 600;
  font-size: 13px;
  border-radius: 999px;
  padding: 8px 10px;
  cursor: pointer;
}

.ex-ticket-tabs button.active {
  background: var(--ex-yellow);
  color: #070e20;
}

.ex-side-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.ex-side-toggle button {
  border-radius: 10px;
  border: 1px solid var(--ex-border-strong);
  background: transparent;
  padding: 12px 8px;
  font-weight: 700;
  cursor: pointer;
  color: var(--ex-text-2);
}

.ex-side-buy.active {
  background: rgba(22, 199, 132, 0.15);
  border-color: var(--ex-buy);
  color: var(--ex-buy);
}

.ex-side-sell.active {
  background: rgba(234, 57, 67, 0.15);
  border-color: var(--ex-sell);
  color: var(--ex-sell);
}

.ex-ticket-form .form-label {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 12px;
}

.ex-ticket-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

.ex-ticket-form .btn-block {
  margin-top: 8px;
}

.ex-terminal-bottom {
  background: var(--ex-panel);
  min-height: 200px;
}

.ex-bottom-tabs {
  display: flex;
  gap: 4px;
  padding: 8px 12px 0;
  border-bottom: 1px solid var(--ex-border);
}

.ex-bottom-tabs button {
  border: 0;
  background: transparent;
  color: var(--ex-text-3);
  font-weight: 600;
  font-size: 13px;
  padding: 10px 14px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.ex-bottom-tabs button.active {
  color: var(--ex-text);
  border-bottom-color: var(--ex-yellow);
}

.ex-terminal-bottom .table-responsive {
  padding: 0 8px 12px;
}

@media (max-width: 991px) {
  .ex-terminal-main {
    grid-template-columns: 1fr;
  }

  .ex-watchlist {
    display: flex;
    overflow-x: auto;
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid var(--ex-border);
  }

  .ex-watchlist__title {
    display: none;
  }

  .ex-watchlist__row {
    min-width: 110px;
    flex-direction: column;
    gap: 4px;
  }

  .ex-terminal-chart {
    border-right: 0;
    border-bottom: 1px solid var(--ex-border);
    min-height: 320px;
  }

  .ex-terminal-chart > div {
    height: 320px !important;
  }

  .ex-account-select {
    width: 140px !important;
  }

  body.dashboard .content-body.ex-terminal {
    padding-bottom: 72px !important;
  }
}

.ex-deposit-hint{font-size:11px;color:var(--ex-text-3);padding-bottom:6px;}
}

body.dashboard .table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.02) !important;
}

body.dashboard .table-striped > tbody > tr:nth-of-type(odd) > * {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

body.dashboard .text-success {
  color: var(--ex-buy) !important;
}

body.dashboard .text-danger {
  color: var(--ex-sell) !important;
}

/* ----- Alerts ----- */
body.dashboard .alert-info {
  background: rgba(255, 222, 2, 0.08) !important;
  border: 1px solid rgba(255, 222, 2, 0.25) !important;
  color: var(--ex-yellow-soft) !important;
  border-radius: var(--ex-radius-sm) !important;
}

body.dashboard .alert-info code {
  color: var(--ex-yellow);
}

body.dashboard .alert-danger {
  background: rgba(234, 57, 67, 0.12) !important;
  border: 1px solid rgba(234, 57, 67, 0.35) !important;
  color: #ffb4b8 !important;
  border-radius: var(--ex-radius-sm) !important;
}

/* ----- Mock badge ----- */
.mt5-mock-badge {
  background: rgba(255, 222, 2, 0.12) !important;
  color: var(--ex-yellow) !important;
  border: 1px solid rgba(255, 222, 2, 0.3);
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 600;
  margin-left: 8px;
}

/* ----- Chart card ----- */
body.dashboard .card .tradingview-widget-copyright,
body.dashboard .card iframe {
  border-radius: 0 0 var(--ex-radius) var(--ex-radius);
}

/* ----- Mobile bottom nav ----- */
@media (max-width: 991px) {
  .mobile-bottom-nav {
    background: var(--ex-midnight-2) !important;
    border-top: 1px solid var(--ex-border) !important;
  }

  .mobile-bottom-nav a {
    color: var(--ex-text-3) !important;
  }

  .mobile-bottom-nav a.active,
  .mobile-bottom-nav a:hover {
    color: var(--ex-yellow) !important;
  }

  body.dashboard .content-body {
    padding-bottom: 88px !important;
  }
}

/* ----- Content spacing like terminal ----- */
body.dashboard .content-body {
  padding-top: 24px !important;
}

body.dashboard .content-body .container-fluid {
  max-width: 1440px;
}

/* Quick action stack */
body.dashboard .d-grid .btn {
  margin-bottom: 8px;
}

/* Scrollbars */
body.dashboard ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.dashboard ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}
body.dashboard ::-webkit-scrollbar-track {
  background: transparent;
}

/* ===== Light theme ===== */
body.dashboard[data-theme="light"] {
  --ex-midnight: #f4f6fa;
  --ex-midnight-2: #ffffff;
  --ex-midnight-3: #eef1f6;
  --ex-panel: #ffffff;
  --ex-panel-2: #ffffff;
  --ex-border: rgba(7, 14, 32, 0.08);
  --ex-border-strong: rgba(7, 14, 32, 0.14);
  --ex-text: #070e20;
  --ex-text-2: #3a4458;
  --ex-text-3: #7a849c;
  --ex-yellow-soft: #070e20;
}

body.dashboard[data-theme="light"] .alert-info {
  background: rgba(255, 222, 2, 0.25) !important;
  color: #070e20 !important;
}

body.dashboard[data-theme="light"] .sidebar .brand-logo a {
  background: var(--ex-yellow);
  color: #070e20 !important;
}

body.dashboard[data-theme="light"] .ex-brand {
  color: #070e20 !important;
}

/* ===== Theme toggle button ===== */
.ex-theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--ex-border-strong);
  background: var(--ex-midnight-3);
  color: var(--ex-text-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}

.ex-theme-toggle:hover {
  border-color: var(--ex-yellow);
  color: var(--ex-yellow);
}

/* ===== Terminal layout ===== */