/* ============================================================
   Kairion Simplified V5
   Visual override based on /Users/eddie/Downloads/redesign
   Layered after existing site styles.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Neutrals, semantics and fonts alias the canonical --kr-* scale
     (single source of truth in kairion-redesign.css). --kx5-amber /
     --kx5-amber-dim are also defined there (mapped to violet). */
  --kx5-bg: var(--kr-bg);
  --kx5-bg-2: var(--kr-bg-2);
  --kx5-panel: var(--kr-surface);
  --kx5-panel-2: var(--kr-surface-2);
  --kx5-line: var(--kr-line);
  --kx5-line-2: var(--kr-line-2);
  --kx5-ink: var(--kr-ink);
  --kx5-ink-2: var(--kr-ink-2);
  --kx5-ink-3: var(--kr-ink-3);
  --kx5-ink-4: var(--kr-ink-4);
  --kx5-up: var(--kr-up);
  --kx5-up-dim: var(--kr-up-dim);
  --kx5-dn: var(--kr-dn);
  --kx5-dn-dim: var(--kr-dn-dim);
  --kx5-sans: var(--kr-sans);
  --kx5-mono: var(--kr-mono);
  --kx5-r: 8px;
  --kx5-soft-shadow: 0 0 0 1px rgba(255,255,255,0.015), 0 14px 34px rgba(0,0,0,0.22);
}

html, body {
  background: var(--kx5-bg) !important;
  color: var(--kx5-ink) !important;
  font-family: var(--kx5-sans) !important;
}

body {
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.app,
.main,
.control-bar,
.settings-panel,
.trading-tab-dashboard-shell,
#trading-dashboard,
.history-shell,
.card,
.modal,
.dropdown,
.popover,
.toast {
  background: var(--kx5-bg) !important;
}

body::before {
  content: none !important;
}

.app,
.main,
.loading-overlay,
.settings-panel,
.control-bar,
.error-banner,
.toast {
  position: relative;
  z-index: 1;
}

.app-view[hidden] {
  display: none !important;
}

/* Header */
.kx-topbar-shell,
.topbar {
  height: 64px !important;
  padding: 0 26px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  background: rgba(9,12,16,0.97) !important;
  backdrop-filter: blur(8px);
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 26px !important;
}

.kx-topbar-l {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
  min-width: 0 !important;
}
.kx-logo,
.brand {
  gap: 10px !important;
}
.kx-logo {
  padding: 0 !important;
  border-right: 0 !important;
}
.kx-logo-mark,
.brand-mark,
.logo-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 7px !important;
  background: var(--kx5-amber) !important;
  color: var(--kx5-bg) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.kx-logo-text,
.brand-name,
.kx-logo-text {
  font-size: 16px !important;
  letter-spacing: 0.18em !important;
  color: var(--kx5-ink) !important;
}

.kx-clock,
.live-pill,
.live-badge {
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-2) !important;
  border-radius: 999px !important;
}
.kx-topbar-shell .kx-clock,
.topbar .live-badge {
  min-height: 36px !important;
  padding: 7px 14px !important;
}
.kx-topbar-r,
.topbar-right {
  align-items: center !important;
  align-self: center !important;
  gap: 10px !important;
  height: auto !important;
}
.kx-dot,
.live-dot {
  box-shadow: 0 0 0 4px var(--kx5-up-dim) !important;
  background: var(--kx5-up) !important;
}

.kx-icon-btn,
.icon-btn,
.topbar-nav-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--kx5-ink-2) !important;
}
.kx-topbar-shell .kx-icon-btn,
.topbar .topbar-nav-btn {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
}
.kx-icon-btn:hover,
.icon-btn:hover,
.topbar-nav-btn:hover {
  background: var(--kx5-panel) !important;
  color: var(--kx5-ink) !important;
}

.kx-primary-nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.kx-primary-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  color: var(--kx5-ink-3) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: background .12s ease, color .12s ease !important;
}
.kx-primary-nav-link:hover {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
}
.kx-primary-nav-link.is-active {
  color: var(--kx5-ink) !important;
  background: var(--kx5-panel) !important;
}

/* Nav bars */
.kx-fnbar,
.nav {
  background: var(--kx5-bg) !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.kx-fnbar {
  display: none !important;
}
.kx-fnbar {
  padding: 0 20px !important;
}
.kx-fn {
  color: var(--kx5-ink-3) !important;
  background: transparent !important;
  border-radius: 5px !important;
  border: 0 !important;
  margin: 6px 0 !important;
  padding: 10px 12px !important;
}
.kx-fn:hover,
.nav a:hover {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
}
.kx-fn--active,
.nav a.is-active {
  color: var(--kx5-ink) !important;
  background: var(--kx5-panel) !important;
}
.kx-fn-key {
  color: var(--kx5-ink-4) !important;
}
.kx-fnbar a[href$="#position"],
.kx-fnbar a[href$="#single"],
.kx-fnbar a#kx-fn-settings {
  display: none !important;
}

/* Main layout */
.main {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 32px 20px 88px !important;
}
.history-main {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 32px 20px 88px !important;
  background: transparent !important;
}
.history-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
#focus-signals {
  scroll-margin-top: 84px !important;
}

.kx-mobile-tabs {
  display: none !important;
}

/* Home hero */
.home-hero {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  padding: 38px 32px 32px !important;
  margin: 0 0 26px !important;
  box-shadow: var(--kx5-soft-shadow) !important;
}
.home-hero-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 30px !important;
}
.home-hero-status {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
}
.home-status-light {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--kx5-up) !important;
  box-shadow: 0 0 0 4px var(--kx5-up-dim) !important;
  flex: 0 0 auto !important;
}
.home-status-light.is-paused {
  background: var(--kx5-amber) !important;
  box-shadow: 0 0 0 4px var(--kx5-amber-dim) !important;
}
.home-status-light.is-off {
  background: var(--kx5-ink-4) !important;
  box-shadow: 0 0 0 4px rgba(82, 92, 102, 0.12) !important;
}
.home-hero-title-wrap {
  min-width: 0 !important;
}
.home-hero-title {
  font-size: 25px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--kx5-ink) !important;
}
.home-hero-sub {
  font-size: 12.5px !important;
  color: var(--kx5-ink-2) !important;
  margin-top: 4px !important;
}
.home-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.home-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: var(--kx5-line) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  overflow: hidden !important;
}
.home-kpi {
  background: var(--kx5-panel) !important;
  padding: 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.home-kpi-label {
  font-size: 12px !important;
  color: var(--kx5-ink-3) !important;
  letter-spacing: 0.04em !important;
}
.home-kpi-value {
  font-family: var(--kx5-mono) !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: var(--kx5-ink) !important;
}
.home-kpi-sub {
  font-size: 11.5px !important;
  color: var(--kx5-ink-3) !important;
}

.home-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.9fr) !important;
  gap: 26px !important;
  align-items: start !important;
  margin-top: 26px !important;
}
.home-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.home-side-card {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  overflow: hidden !important;
  box-shadow: var(--kx5-soft-shadow) !important;
}
.home-side-card-hd {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.home-side-list {
  display: flex !important;
  flex-direction: column !important;
}
.home-position-row,
.home-activity-row {
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.home-position-row:last-child,
.home-activity-row:last-child {
  border-bottom: 0 !important;
}
.home-position-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}
.home-position-sym {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--kx5-ink) !important;
}
.home-position-pnl {
  font-family: var(--kx5-mono) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.home-position-meta {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  font-size: 11px !important;
  color: var(--kx5-ink-3) !important;
}
.home-activity-row {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: baseline !important;
}
.home-activity-time {
  color: var(--kx5-ink-3) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 11px !important;
}
.home-activity-main {
  min-width: 0 !important;
  color: var(--kx5-ink) !important;
  font-size: 12.5px !important;
}
.home-activity-status {
  margin-left: 8px !important;
  color: var(--kx5-ink-4) !important;
  font-size: 11px !important;
}
.home-activity-amt {
  font-family: var(--kx5-mono) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
.home-side-empty {
  padding: 14px 18px !important;
  color: var(--kx5-ink-4) !important;
  font-size: 12px !important;
}

/* Control bar */
.control-bar,
.card,
.focus-section,
.set,
.summary,
.sig-hero,
.equity,
.filterbar,
.tools,
.settings-panel .settings-dialog,
.trading-tab-dashboard-shell {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  box-shadow: var(--kx5-soft-shadow) !important;
}

.control-bar {
  margin: 22px 0 !important;
  overflow: hidden !important;
}
.control-bar.is-collapsed {
  margin-bottom: 12px !important;
}
.control-bar.is-collapsed .control-bar-panels {
  display: none !important;
}
.control-bar.is-collapsed .control-bar-tabs {
  border-bottom: 0 !important;
}
.control-bar.is-collapsed .control-bar-collapse-icon {
  transform: rotate(-90deg) !important;
}
.control-bar-tabs {
  background: transparent !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  gap: 8px !important;
  padding: 8px 10px !important;
}
.control-bar-tab {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--kx5-ink-3) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  box-shadow: none !important;
}
.control-bar-tab:hover {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
}
.control-bar-tab.is-active {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
  border-color: var(--kx5-line-2) !important;
}
.control-bar-tab--trading .control-bar-tab-label {
  color: var(--kx5-amber) !important;
}
.control-bar-tab-label {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.control-bar-tab-meta {
  font-size: 11px !important;
  color: var(--kx5-ink-4) !important;
}
.control-bar-collapse {
  color: var(--kx5-ink-3) !important;
}
.control-bar.is-collapsed .control-bar-collapse {
  color: var(--kx5-amber) !important;
}
.control-panel-body {
  padding: 20px !important;
}

/* Hero / KPI */
.hero,
.summary,
.sig-hero,
.equity,
.filterbar,
.tools,
.card {
  overflow: hidden !important;
}
.hero,
.sig-hero {
  padding: 22px 24px !important;
  margin-bottom: 18px !important;
}
.hero-title,
.sec-title,
.card-title,
.sig-hero-sym,
.sum-value,
.kpi-value {
  letter-spacing: -0.01em !important;
}
.kpis,
.summary,
.px-strip {
  gap: 1px !important;
  background: var(--kx5-line) !important;
}
.kpi,
.sum-cell,
.px-cell {
  background: var(--kx5-panel) !important;
}
.kpi-label,
.sum-label,
.px-label {
  color: var(--kx5-ink-3) !important;
}
.kpi-sub,
.sum-sub,
.px-sub {
  color: var(--kx5-ink-3) !important;
}

.delta-chip.up,
.pos,
.dir-tag.long,
.dir-long,
.badge-long,
[data-direction="long"] {
  color: var(--kx5-up) !important;
  background: var(--kx5-up-dim) !important;
}
.delta-chip.dn,
.neg,
.dir-tag.short,
.dir-short,
.badge-short,
[data-direction="short"] {
  color: var(--kx5-dn) !important;
  background: var(--kx5-dn-dim) !important;
}
.am {
  color: var(--kx5-amber) !important;
}

/* Buttons */
.btn,
.btn-secondary,
.btn-primary,
.preset-btn,
.symbol-add-btn,
.single-analyzer-btn,
.position-review-form button[type="submit"],
.pr-form-actions button,
.settings-actions button,
.save-bar .btn,
.settings-nav-btn,
.history-nav-btn,
.trading-tab-action,
.icon-btn,
.link-btn,
.seg button,
.chip,
.error-action-btn {
  font-family: var(--kx5-sans) !important;
  box-shadow: none !important;
}
.btn,
.btn-secondary,
.preset-btn,
.symbol-add-btn,
.single-analyzer-btn,
.position-review-form button[type="submit"],
.pr-form-actions button,
.settings-actions button,
.trading-tab-action,
.seg button,
.chip,
.error-action-btn {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink) !important;
  border: 1px solid var(--kx5-line-2) !important;
  border-radius: 8px !important;
}
.link-btn {
  background: transparent !important;
  color: var(--kx5-ink-2) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
}
.link-btn:hover {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
  border-color: var(--kx5-line-2) !important;
}
.btn:hover,
.btn-secondary:hover,
.preset-btn:hover,
.symbol-add-btn:hover,
.single-analyzer-btn:hover,
.position-review-form button[type="submit"]:hover,
.pr-form-actions button:hover,
.settings-actions button:hover,
.trading-tab-action:hover,
.seg button:hover,
.chip:hover,
.error-action-btn:hover {
  background: var(--kx5-panel-2) !important;
  border-color: var(--kx5-ink-4) !important;
}
.btn-primary,
.single-analyzer-btn,
.position-review-form button[type="submit"],
.pr-form-actions button {
  background: var(--kx5-amber) !important;
  color: var(--kx5-bg) !important;
  border-color: var(--kx5-amber) !important;
  font-weight: 600 !important;
}
.btn-danger,
.trading-tab-action--kill {
  color: var(--kx5-dn) !important;
  border-color: rgba(240,85,106,0.30) !important;
}
.trading-tab-action--toggle {
  background: var(--kx5-amber) !important;
  color: var(--kx5-bg) !important;
  border-color: var(--kx5-amber) !important;
}

/* Cards / tables */
.card-hd,
.focus-section-header,
.card-header,
.tools-hd {
  padding: 20px 24px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  background: transparent !important;
}
.card-title,
.focus-section-heading,
.sec-title {
  color: var(--kx5-ink) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.focus-section-header-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.focus-section-sub {
  color: var(--kx5-ink-3) !important;
  font-size: 11.5px !important;
  letter-spacing: 0.03em !important;
}
.count-pill,
.num-tag,
.status-pill,
.sig-status,
.live-pill {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-2) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 6px !important;
}

table,
.trades {
  border-collapse: collapse !important;
}
thead th,
.trades thead th,
.tf-table th {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-3) !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}
tbody td,
.trades tbody td,
.tf-table td,
.bd-row,
.plan-row,
.fct,
.sig,
.pos-row {
  border-bottom: 1px solid var(--kx5-line) !important;
}
tbody tr:hover,
.trades tbody tr:hover,
.sig:hover,
.preset:hover,
.chip:hover {
  background: var(--kx5-bg-2) !important;
}

/* Signals / lists */
#signals-container { padding: 0 !important; }
.sig-panel,
.sig-panel--no-trade {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  overflow: hidden !important;
}
.sig-panel-hd {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.sig-panel-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
.sig-panel-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--kx5-line) !important;
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11px !important;
  font-family: var(--kx5-mono) !important;
}
.sig-panel-sub {
  padding: 16px 24px 10px !important;
}
.sig-list--no-trade .sig {
  background: transparent !important;
}
.signal-empty-shell {
  background: transparent !important;
  border-top: 1px solid var(--kx5-line) !important;
}
.signal-empty-shell .signal-table-caption {
  border-bottom: 1px solid var(--kx5-line) !important;
}
.signal-empty-row {
  padding: 16px 18px 18px !important;
}
.signal-empty-msg {
  font-size: 12px !important;
  color: var(--kx5-ink-2) !important;
}
.signal-empty-sub {
  margin-top: 6px !important;
  font-size: 11px !important;
  color: var(--kx5-ink-3) !important;
  font-family: var(--kx5-mono) !important;
}
.signal-card,
.signal-row,
.reco-card,
.strategy-card {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 18px 24px !important;
}
.signal-card:hover,
.signal-row:hover,
.reco-card:hover {
  background: var(--kx5-bg-2) !important;
}
.signal-table-shell {
  background: var(--kx5-panel) !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.signal-list-head {
  display: grid !important;
  grid-template-columns: 86px minmax(220px, 1fr) 72px 120px 108px !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px 24px !important;
  background: rgba(8, 12, 17, 0.38) !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-3) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.signal-list-head span:nth-child(4),
.signal-list-head span:nth-child(5) {
  text-align: right !important;
}
.signal-table-caption {
  padding: 14px 24px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.signal-list {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.signal-list .signal-row {
  display: grid !important;
  grid-template-columns: 86px minmax(220px, 1fr) 72px 120px 108px;
  grid-template-areas: "score symbol dir price status";
  align-items: center !important;
  gap: 18px !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  background: transparent !important;
  min-height: 88px !important;
}
.signal-list .signal-row:last-of-type {
  border-bottom: 0 !important;
}
.signal-list .signal-row:hover {
  background: var(--kx5-bg-2) !important;
}
.signal-list .signal-row[data-details-trigger] {
  cursor: pointer !important;
  user-select: none !important;
}
.signal-list .signal-row[data-details-trigger]:focus {
  outline: none !important;
}
.signal-list .signal-row[data-details-trigger]:focus-visible {
  outline: 1px solid rgba(245, 165, 36, 0.58) !important;
  outline-offset: -1px !important;
}
.signal-list .signal-row.signal-row--details-open {
  background: var(--kx5-bg-2) !important;
}
.signal-list .signal-score-cell {
  grid-area: score !important;
}
.signal-list .signal-symbol-cell {
  grid-area: symbol !important;
}
.signal-list .signal-last-cell {
  grid-area: price !important;
  text-align: right !important;
}
.signal-list .signal-delta-cell {
  grid-area: status !important;
  text-align: right !important;
}
.signal-list .signal-dir-cell {
  grid-area: dir !important;
}
.signal-row-meta {
  display: none !important;
}
.signal-detail-row {
  display: block !important;
  width: 100% !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  background: rgba(17, 22, 28, 0.48) !important;
}
.signal-detail-row:has(.signal-row-details:not([open])) {
  display: none !important;
}
.signal-detail-row td {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 24px 18px !important;
  border: 0 !important;
}
.signal-row-details {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  border-top: 1px solid var(--kx5-line) !important;
  padding-top: 12px !important;
}
.signal-row-details-summary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 8px !important;
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-2) !important;
  cursor: pointer !important;
}
.signal-row-details-summary--hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.signal-row-details-summary--hidden::before {
  content: none !important;
}
.signal-row-details-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  padding-top: 14px !important;
  overflow: hidden !important;
}
.signal-symbol-main {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--kx5-ink) !important;
  letter-spacing: -0.01em !important;
}
.signal-symbol-sub {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 4px !important;
  color: var(--kx5-ink-3) !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}
.signal-symbol-name,
.signal-symbol-reason {
  color: var(--kx5-ink-3) !important;
}
.signal-symbol-reason {
  font-family: var(--kx5-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.01em !important;
}
.signal-dir-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 54px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  border: 1px solid transparent !important;
}
.signal-dir-chip--long {
  background: rgba(45, 212, 126, 0.10) !important;
  color: var(--kx5-up) !important;
}
.signal-dir-chip--short {
  background: rgba(240, 85, 106, 0.10) !important;
  color: var(--kx5-dn) !important;
}
.signal-delta-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.signal-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 68px !important;
  padding: 4px 9px !important;
  border-radius: 3px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
}
.signal-status-chip--executed {
  background: rgba(45, 212, 126, 0.10) !important;
  color: var(--kx5-up) !important;
}
.signal-status-chip--queued {
  background: rgba(245, 165, 36, 0.10) !important;
  color: var(--kx5-amber) !important;
}
.signal-status-chip--watch {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-3) !important;
  border-color: var(--kx5-line) !important;
}
.signal-status-chip--blocked {
  background: rgba(148, 163, 184, 0.08) !important;
  color: var(--kx5-ink-3) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}
.signal-score-line {
  display: flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  margin-bottom: 4px !important;
}
.signal-score-num {
  font-family: var(--kx5-mono) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--kx5-ink) !important;
}
.signal-score-den {
  font-size: 10px !important;
  color: var(--kx5-ink-4) !important;
}
.signal-score-track {
  width: 44px !important;
  height: 3px !important;
  background: var(--kx5-line) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}
.signal-score-fill {
  height: 100% !important;
  background: var(--kx5-amber) !important;
}
.signal-score-label {
  font-size: 10px !important;
  font-weight: 500 !important;
  margin-top: 3px !important;
  white-space: nowrap !important;
}
.signal-score-label.strong-buy { color: #22c55e !important; }
.signal-score-label.buy { color: #4ade80 !important; }
.signal-score-label.consider { color: #fbbf24 !important; }
.signal-score-label.watch { color: #9ca3af !important; }
.signal-score-label.avoid { color: #ef4444 !important; }
.signal-score-label.invalid { color: #6b7280 !important; }

/* Signal detail content */
.signal-row-details-body *,
.tc2-score-hero *,
.tc2-section-card *,
.tc2-confirm-strip *,
.tc2-oi-strip * {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
}
.tc2-score-hero,
.tc2-score-explain {
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  background: rgba(9, 12, 16, 0.38) !important;
  overflow: hidden !important;
}
.tc2-score-hero-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}
.tc2-score-eyebrow {
  color: var(--kx5-ink-3) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}
.tc2-score-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  border: 1px solid var(--kx5-line) !important;
  background: var(--kx5-bg-2) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.tc2-score-status-pill.tc2-score-verdict--yes {
  color: var(--kx5-up) !important;
  background: var(--kx5-up-dim) !important;
  border-color: rgba(45, 212, 126, 0.24) !important;
}
.tc2-score-status-pill.tc2-score-verdict--no {
  color: var(--kx5-ink-2) !important;
}
.tc2-score-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.tc2-score-metric {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 8px !important;
  background: var(--kx5-bg-2) !important;
}
.tc2-score-metric-label,
.tc2-score-metric-note {
  display: block !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.tc2-score-metric-value {
  display: block !important;
  margin: 6px 0 !important;
  color: var(--kx5-amber) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.tc2-signal-strips {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.tc2-confirm-strip,
.tc2-oi-strip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--kx5-line) !important;
  border-left: 3px solid var(--kx5-amber) !important;
  border-radius: 8px !important;
  background: var(--kx5-bg-2) !important;
}
.tc2-strip-main,
.tc2-oi-main {
  color: var(--kx5-ink) !important;
  font-weight: 700 !important;
}
.tc2-strip-pill,
.tc2-oi-pill {
  display: inline-flex !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: var(--kx5-amber-dim) !important;
  color: var(--kx5-amber) !important;
  font-size: 11px !important;
}
.tc2-strip-bits,
.tc2-oi-bits {
  min-width: 0 !important;
  color: var(--kx5-ink-3) !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}
.tc2-section-card,
.tc2-confirm-block {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 8px !important;
  background: rgba(9, 12, 16, 0.32) !important;
  overflow: hidden !important;
}
.tc2-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.tc2-section-title {
  color: var(--kx5-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.tc2-section-title.green { color: var(--kx5-up) !important; }
.tc2-section-title.orange { color: var(--kx5-amber) !important; }
.tc2-section-count {
  display: inline-flex !important;
  min-width: 24px !important;
  justify-content: center !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-3) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 11px !important;
}
.tc2-list {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.tc2-list li {
  min-width: 0 !important;
  color: var(--kx5-ink-2) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}
.tc2-confirm-rows {
  display: grid !important;
  gap: 8px !important;
}
.tc2-confirm-row {
  display: grid !important;
  grid-template-columns: minmax(90px, 0.35fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  color: var(--kx5-ink-2) !important;
  font-size: 12px !important;
}
.tc2-confirm-v {
  min-width: 0 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
.signal-detail-warn,
.signal-detail-actions {
  width: 100% !important;
}
.tc2-compact-overview {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.8fr) minmax(320px, 1.2fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
.tc2-compact-overview .tc2-score-explain {
  margin: 0 !important;
  padding: 10px 12px !important;
}
.tc2-score-compact {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 10px !important;
}
.tc2-sc-item {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 2px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08) !important;
}
.tc2-sc-label {
  min-width: 0 !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.tc2-sc-val {
  min-width: 0 !important;
  color: var(--kx5-ink) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: right !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tc2-execute.disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
  filter: grayscale(0.4) !important;
}
.tc2-compact-strips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.tc2-compact-strips .tc2-confirm-strip,
.tc2-compact-strips .tc2-oi-strip,
.tc2-compact-strips .tc2-sm-strip {
  align-content: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
}
.tc2-compact-strips .tc2-strip-bits,
.tc2-compact-strips .tc2-oi-bits {
  display: block !important;
  flex-basis: 100% !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.tc2-compact-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}
.tc2-compact-section {
  min-width: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid var(--kx5-line) !important;
  border-left: 3px solid rgba(96, 165, 250, 0.8) !important;
  border-radius: 8px !important;
  background: rgba(9, 12, 16, 0.32) !important;
}
.tc2-compact-section--good {
  border-left-color: var(--kx5-up) !important;
  background: rgba(45, 212, 126, 0.05) !important;
}
.tc2-compact-section--risk {
  border-left-color: var(--kx5-amber) !important;
  background: rgba(245, 158, 11, 0.055) !important;
}
.tc2-compact-section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 7px !important;
  color: var(--kx5-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.tc2-compact-section-title em {
  min-width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-3) !important;
  font-family: var(--kx5-mono) !important;
  font-size: 10px !important;
  font-style: normal !important;
}
.tc2-compact-list {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.tc2-compact-list li {
  position: relative !important;
  min-width: 0 !important;
  padding-left: 12px !important;
  color: var(--kx5-ink-2) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.tc2-compact-list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.58em !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: 0.72 !important;
}
@media (max-width: 980px) {
  .tc2-compact-overview,
  .tc2-compact-summary {
    grid-template-columns: 1fr !important;
  }
  .tc2-compact-strips {
    grid-template-columns: 1fr !important;
  }
}
.grid-mini-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  background: var(--kx5-line) !important;
  border-top: 1px solid var(--kx5-line) !important;
}
.grid-mini-row {
  background: var(--kx5-panel) !important;
  padding: 10px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.grid-mini-row:hover {
  background: var(--kx5-bg-2) !important;
}
.grid-mini-top,
.grid-mini-mid,
.grid-mini-bot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.grid-mini-sym {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--kx5-ink) !important;
  letter-spacing: -0.01em !important;
}
.grid-mini-tags {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.grid-mini-return {
  font-family: var(--kx5-mono) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--kx5-ink) !important;
  letter-spacing: -0.01em !important;
}
.grid-mini-return-unit {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--kx5-ink-3) !important;
  margin-left: 3px !important;
}
.grid-mini-bias {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  border: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-2) !important;
  background: var(--kx5-bg-2) !important;
}
.grid-mini-bias.grid-action--long {
  color: var(--kx5-up) !important;
  background: var(--kx5-up-dim) !important;
  border-color: rgba(45, 212, 126, 0.18) !important;
}
.grid-mini-bias.grid-action--short {
  color: var(--kx5-dn) !important;
  background: var(--kx5-dn-dim) !important;
  border-color: rgba(240, 85, 106, 0.18) !important;
}
.grid-mini-stat,
.grid-mini-note {
  font-family: var(--kx5-mono) !important;
  font-size: 10.5px !important;
  color: var(--kx5-ink-3) !important;
}
.grid-mini-mid .grid-mini-stat {
  color: var(--kx5-ink-2) !important;
}
.grid-mini-bot {
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}
.grid-mini-bot .grid-mini-stat + .grid-mini-stat::before {
  content: '·';
  margin: 0 6px 0 0 !important;
  color: var(--kx5-ink-4) !important;
}
.grid-mini-note {
  color: var(--kx5-ink-4) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.score-chip,
.signal-score {
  font-family: var(--kx5-mono) !important;
  font-weight: 600 !important;
}
.sig {
  gap: 16px !important;
  padding: 14px 18px !important;
}
.sig--compact {
  align-items: center !important;
}
.profile-section {
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: rgba(13, 18, 24, 0.62) !important;
}
.profile-section:first-child {
  border-top: 0 !important;
}
.profile-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  background: linear-gradient(90deg, rgba(17, 24, 32, 0.98), rgba(14, 19, 25, 0.82)) !important;
  position: relative !important;
}
.profile-section-bar {
  position: absolute !important;
  left: 22px !important;
  top: 20px !important;
  width: 4px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: var(--ps-accent, var(--kx5-amber)) !important;
}
.profile-section-copy {
  min-width: 0 !important;
  padding-left: 18px !important;
}
.profile-section-kicker {
  margin-bottom: 4px !important;
  font-family: var(--kx5-mono) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--ps-accent, var(--kx5-amber)) !important;
  text-transform: uppercase !important;
}
.profile-section-title {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--kx5-ink) !important;
  letter-spacing: 0 !important;
}
.profile-section-desc {
  margin: 6px 0 0 !important;
  color: var(--kx5-ink-3) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}
.profile-section-stats {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.profile-section-meta,
.profile-section-count {
  font-family: var(--kx5-mono) !important;
  font-size: 11px !important;
  color: var(--kx5-ink-2) !important;
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 999px !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
}
.profile-section-count {
  color: var(--kx5-up) !important;
  background: rgba(45, 212, 126, 0.08) !important;
  border-color: rgba(45, 212, 126, 0.22) !important;
}
.profile-section-body {
  padding: 0 !important;
}
.profile-section-empty,
.no-signal-v2 {
  padding: 18px !important;
}
.no-signal-v2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.no-signal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--kx5-ink) !important;
}
.no-signal-sub,
.no-signal-debug,
.no-signal-nearmiss,
.no-signal-hard-block-note,
.no-signal-hard-block-msg,
.no-signal-hard-block {
  color: var(--kx5-ink-3) !important;
}
.sig-score,
.px-val,
.sum-value,
.kpi-value {
  font-family: var(--kx5-mono) !important;
}
.sig-status.executed,
.status-pill {
  background: var(--kx5-up-dim) !important;
  color: var(--kx5-up) !important;
  border-color: transparent !important;
}
.sig-status.queued {
  background: var(--kx5-amber-dim) !important;
  color: var(--kx5-amber) !important;
  border-color: transparent !important;
}
.sig-action {
  color: var(--kx5-ink-3) !important;
}
.sig:hover .sig-action {
  color: var(--kx5-ink) !important;
}

/* Forms */
.field input,
.field select,
.symbol-input,
.single-analyzer-input,
.single-analyzer-select,
.position-review-form input,
.position-review-form select,
.pr-fields input,
.pr-fields select,
.settings-input-native,
.settings-range-input,
.settings-field input,
.settings-field select,
.secret-row .field input {
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font-family: var(--kx5-mono) !important;
}
.field input:focus,
.field select:focus,
.symbol-input:focus,
.single-analyzer-input:focus,
.single-analyzer-select:focus,
.position-review-form input:focus,
.position-review-form select:focus,
.pr-fields input:focus,
.pr-fields select:focus,
.settings-input-native:focus,
.settings-range-input:focus,
.settings-field input:focus,
.settings-field select:focus,
.secret-row .field input:focus {
  outline: 1px solid var(--kx5-amber) !important;
  border-color: var(--kx5-amber) !important;
}
.field label,
.settings-field-label,
.set-label,
.sec-desc,
.set-hint,
.kpi-label,
.sig-reasons,
.loading-sub,
.text-muted,
.muted {
  color: var(--kx5-ink-3) !important;
}

/* Loading */
.loading-overlay {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  width: min(360px, calc(100vw - 36px)) !important;
  min-height: 78px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  background: rgba(15, 20, 27, 0.96) !important;
  backdrop-filter: blur(14px) !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 4px 12px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,0.42), 0 0 0 1px rgba(245,165,36,0.08) inset !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
  z-index: 1000 !important;
  pointer-events: none !important;
}
.loading-overlay.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.loading-overlay.is-slow .spinner {
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  border-width: 2px !important;
}
.loading-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: var(--kx5-ink-2) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
.loading-sub {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: var(--kx5-ink-4) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  margin-top: 0 !important;
  font-family: var(--kx5-mono) !important;
}
.spinner {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 26px !important;
  height: 26px !important;
  border: 2px solid var(--kx5-line-2) !important;
  border-top-color: var(--kx5-amber) !important;
  border-radius: 50% !important;
  animation: spin 0.8s linear infinite !important;
  margin: 0 !important;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Error banner */
.error-banner {
  background: rgba(240,85,106,0.08) !important;
  border: 1px solid rgba(240,85,106,0.25) !important;
  color: var(--kx5-dn) !important;
  border-radius: var(--kx5-r) !important;
}
.error-banner.error-banner--actionable {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.error-action-btn {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink) !important;
  border: 1px solid var(--kx5-line-2) !important;
}

/* Settings panel */
.settings-panel {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  z-index: 2000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  overflow: hidden !important;
  background: rgba(5,7,10,0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.settings-panel.open {
  display: flex !important;
}
.settings-dialog {
  width: min(960px, calc(100vw - 48px)) !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: min(820px, calc(100dvh - 48px)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid var(--kx5-line) !important;
  background: var(--kx5-panel) !important;
  box-shadow: 0 20px 80px rgba(0,0,0,0.5) !important;
}
.settings-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  padding: 18px 24px !important;
  background: var(--kx5-panel) !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.settings-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 20px 24px !important;
}
.settings-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  width: 100% !important;
}
.settings-section,
.settings-subgroup,
.settings-advanced {
  min-width: 0 !important;
}
.settings-grid-2,
.settings-grid-3 {
  display: grid !important;
  gap: 12px !important;
}
.settings-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.settings-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.settings-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 16px 24px !important;
  margin: 0 !important;
  background: var(--kx5-panel) !important;
  border-top: 1px solid var(--kx5-line) !important;
}
.settings-actions .btn-primary,
.settings-actions .btn-secondary {
  width: auto !important;
  min-width: 132px !important;
}
.settings-header,
.settings-actions,
.settings-section-head-v2,
.settings-advanced-summary,
.settings-subgroup-title {
  border-color: var(--kx5-line) !important;
}
.settings-section-title,
.settings-header h3 {
  color: var(--kx5-ink) !important;
}
.settings-field-help,
.settings-section-sub {
  color: var(--kx5-ink-3) !important;
}
.settings-row-check {
  border: 1px solid var(--kx5-line) !important;
  border-radius: 6px !important;
  background: var(--kx5-bg-2) !important;
}
.settings-estimated-value {
  color: var(--kx5-ink) !important;
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line) !important;
}
.settings-range-value {
  color: var(--kx5-ink-2) !important;
}

@media (max-width: 720px) {
  .settings-panel {
    align-items: stretch !important;
    padding: 10px !important;
  }
  .settings-dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 12px !important;
  }
  .settings-header {
    min-height: 56px !important;
    padding: 14px 16px !important;
  }
  .settings-content {
    padding: 14px !important;
  }
  .settings-grid-2,
  .settings-grid-3 {
    grid-template-columns: 1fr !important;
  }
  .settings-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 12px 14px !important;
  }
  .settings-actions .btn-primary,
  .settings-actions .btn-secondary {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Trading dashboard */
.trading-tab-dashboard-shell {
  border: 1px solid var(--kx5-line) !important;
}
.trading-tab-actions {
  gap: 8px !important;
}
.trading-tab-action {
  width: 36px !important;
  height: 36px !important;
}
.trading-tab-action--toggle {
  background: var(--kx5-amber) !important;
  color: var(--kx5-bg) !important;
}

/* History */
.filterbar,
.summary,
.equity,
.card {
  border-radius: var(--kx5-r) !important;
}
.chips .chip.is-on {
  background: var(--kx5-amber-dim) !important;
  color: var(--kx5-amber) !important;
  border-color: rgba(245,165,36,0.30) !important;
}
.pl-bar i {
  background: var(--kx5-up) !important;
}
.pl-bar.dn i {
  background: var(--kx5-dn) !important;
}

/* History page — align typography with redesign */
.history-section {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  padding: 0 !important;
  gap: 0 !important;
  box-shadow: var(--kx5-soft-shadow) !important;
}
.history-section-header {
  padding: 20px 24px !important;
  border-bottom: 1px solid var(--kx5-line) !important;
}
.history-section-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--kx5-ink) !important;
}
.section-meta-label {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--kx5-ink-3) !important;
}
.history-section > .metrics-grid,
.history-section > .health-grid {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 var(--kx5-r) var(--kx5-r) !important;
}
.history-section > .equity-body,
.history-section > .trades-table-wrapper,
.history-section > .symbols-table-wrapper {
  padding: 0 !important;
}
.metric-card,
.health-card {
  background: var(--kx5-panel) !important;
  text-align: left !important;
  padding: 22px 24px !important;
  gap: 6px !important;
}
.metric-label,
.health-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--kx5-ink-3) !important;
}
.metric-value,
.health-value {
  font-family: var(--kx5-mono) !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: var(--kx5-ink) !important;
  line-height: 1.15 !important;
}
.metric-value.positive,
.health-value.positive {
  color: var(--kx5-up) !important;
}
.metric-value.negative,
.health-value.negative {
  color: var(--kx5-dn) !important;
}
.metric-unit,
.health-unit {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--kx5-ink-4) !important;
}

/* History range tabs — segmented redesign style */
.history-range-tabs {
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: 8px !important;
  padding: 2px !important;
  gap: 2px !important;
}
.history-range-tab {
  padding: 4px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}
.history-range-tab:hover {
  color: var(--kx5-ink) !important;
}
.history-range-tab.is-active {
  background: var(--kx5-panel) !important;
  color: var(--kx5-ink) !important;
}

/* Period select / export / clear — match redesign button family */
.period-select,
.export-btn,
.clear-btn {
  background: var(--kx5-bg-2) !important;
  border: 1px solid var(--kx5-line-2) !important;
  border-radius: 8px !important;
  color: var(--kx5-ink) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
}
.period-select:hover,
.export-btn:hover {
  border-color: var(--kx5-ink-4) !important;
  background: var(--kx5-panel-2) !important;
}
.clear-btn {
  color: var(--kx5-dn) !important;
  border-color: rgba(240,85,106,0.30) !important;
  background: transparent !important;
}
.clear-btn:hover {
  background: var(--kx5-dn-dim) !important;
  border-color: var(--kx5-dn) !important;
}

/* Conclusion banner */
.conclusion-banner {
  background: var(--kx5-panel) !important;
  border: 1px solid var(--kx5-line) !important;
  border-radius: var(--kx5-r) !important;
  padding: 16px 24px !important;
  box-shadow: var(--kx5-soft-shadow) !important;
}
.conclusion-banner.warning {
  border-color: rgba(245,165,36,0.30) !important;
}
.conclusion-banner.success {
  border-color: rgba(45,212,126,0.30) !important;
}
.conclusion-text {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--kx5-ink-2) !important;
}

/* Trades table */
.trades-table thead th {
  background: var(--kx5-bg-2) !important;
  border-bottom: 1px solid var(--kx5-line) !important;
  color: var(--kx5-ink-3) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 12px 18px !important;
}
.trades-table tbody td {
  border-bottom: 1px solid var(--kx5-line) !important;
  padding: 14px 18px !important;
  font-size: 12.5px !important;
  color: var(--kx5-ink-2) !important;
}
.trades-table tbody tr:hover {
  background: var(--kx5-bg-2) !important;
}
.symbols-table thead th {
  background: var(--kx5-bg-2) !important;
  color: var(--kx5-ink-3) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

/* Mobile */
@media (max-width: 720px) {
  .kx-topbar-shell,
  .topbar {
    padding: 0 14px !important;
    height: 56px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  .kx-topbar-l {
    flex: 0 1 auto !important;
    width: auto !important;
    gap: 0 !important;
  }
  .kx-topbar-r,
  .topbar-right {
    flex: 0 0 auto !important;
    width: auto !important;
    flex-wrap: nowrap !important;
  }
  .kx-primary-nav {
    display: none !important;
  }
  .kx-fnbar,
  .nav {
    padding: 0 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .kx-fn {
    white-space: nowrap !important;
  }
  .main {
    padding: 18px 12px 88px !important;
  }
  .history-main {
    padding: 18px 12px 88px !important;
  }
  .history-container {
    gap: 16px !important;
  }
  .kx-mobile-tabs {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 120 !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
    background: rgba(11,13,16,0.98) !important;
    border-top: 1px solid var(--kx5-line) !important;
  }
  .kx-mobile-tabs a {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding: 7px 4px !important;
    color: var(--kx5-ink-3) !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
  }
  .kx-mobile-tabs a.is-active {
    color: var(--kx5-amber) !important;
  }
  .kx-mobile-tabs svg {
    width: 18px !important;
    height: 18px !important;
  }
  .home-hero {
    padding: 22px 18px !important;
  }
  .home-hero-toolbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .home-hero-title {
    font-size: 21px !important;
  }
  .home-hero-actions {
    width: 100% !important;
  }
  .home-hero-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  .home-kpis {
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 76% !important;
    overflow-x: auto !important;
    border: 0 !important;
    background: transparent !important;
  }
  .home-kpi {
    border: 1px solid var(--kx5-line) !important;
    border-radius: var(--kx5-r) !important;
  }
  .home-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .home-sidebar {
    gap: 16px !important;
  }
  .control-bar {
    margin: 12px 0 !important;
  }
  .control-bar-tabs {
    overflow-x: auto !important;
    padding: 8px !important;
    gap: 6px !important;
  }
  .control-bar-tab {
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }
  .control-panel-body {
    padding: 12px !important;
  }
  .scanner-tools-grid,
  .body-grid,
  .settings-shell,
  .grid {
    grid-template-columns: 1fr !important;
  }
  .loading-overlay {
    left: 14px !important;
    right: 14px !important;
    bottom: 76px !important;
    width: auto !important;
  }
  .profile-section-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 18px !important;
  }
  .profile-section-bar {
    left: 18px !important;
    top: 18px !important;
    height: 40px !important;
  }
  .profile-section-stats {
    justify-content: flex-start !important;
    padding-left: 18px !important;
  }
  .profile-section-title {
    font-size: 17px !important;
  }
  .profile-section-desc {
    font-size: 12px !important;
  }
  .signal-list-head {
    display: none !important;
  }
  .signal-table {
    min-width: 0 !important;
  }
  .signal-list .signal-row {
    grid-template-columns: 64px minmax(0, 1fr) 86px !important;
    grid-template-areas:
      "score symbol status"
      "score price status" !important;
    gap: 8px 12px !important;
    padding: 16px 18px !important;
  }
  .signal-list .signal-score-cell {
    grid-area: score !important;
  }
  .signal-list .signal-symbol-cell {
    grid-area: symbol !important;
  }
  .signal-list .signal-last-cell {
    grid-area: price !important;
    text-align: left !important;
  }
  .signal-list .signal-delta-cell {
    grid-area: status !important;
  }
  .signal-list .signal-dir-cell {
    display: none !important;
  }
  .signal-status-chip {
    min-width: 74px !important;
  }
  .signal-symbol-sub {
    display: block !important;
  }
  .signal-detail-row td {
    padding: 0 18px 14px !important;
  }
  .tc2-score-metrics,
  .tc2-signal-strips {
    grid-template-columns: 1fr !important;
  }
  .tc2-score-metric-value {
    font-size: 22px !important;
  }
  .tc2-confirm-row {
    grid-template-columns: 1fr !important;
  }
  .trades-table-wrapper,
  .symbols-table-wrapper {
    overflow: visible !important;
  }
  .trades-table,
  .trades-table thead,
  .trades-table tbody,
  .trades-table tr,
  .trades-table td,
  .symbols-table,
  .symbols-table thead,
  .symbols-table tbody,
  .symbols-table tr,
  .symbols-table td {
    display: block !important;
    width: 100% !important;
  }
  .trades-table thead,
  .symbols-table thead {
    display: none !important;
  }
  .trades-table tbody,
  .symbols-table tbody {
    display: flex !important;
    flex-direction: column !important;
  }
  .trades-table tr.trade-row,
  .symbols-table tbody tr {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px 14px !important;
    padding: 16px 18px !important;
    border-bottom: 1px solid var(--kx5-line) !important;
    background: transparent !important;
  }
  .trades-table td,
  .symbols-table td {
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }
  .trades-table .td-symbol,
  .symbols-table td:first-child {
    grid-column: 1 !important;
    font-size: 15px !important;
    color: var(--kx5-ink) !important;
  }
  .trades-table .td-pnl,
  .symbols-table td:last-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    text-align: right !important;
    font-family: var(--kx5-mono) !important;
  }
  .trades-table .td-time,
  .trades-table .td-side,
  .trades-table .td-r,
  .trades-table .td-reason,
  .symbols-table td:not(:first-child):not(:last-child) {
    grid-column: 1 / -1 !important;
    color: var(--kx5-ink-3) !important;
    font-size: 12px !important;
  }
  .trades-table .td-side,
  .trades-table .td-r {
    display: inline-block !important;
    width: auto !important;
  }
  .trade-detail-row td {
    display: block !important;
    padding: 14px 18px !important;
  }
.no-data {
    display: block !important;
    width: 100% !important;
    padding: 18px !important;
  }
}

/* Global spacing pass: keep the dashboard dense enough to read in one viewport. */
:root {
  --kx5-page-x: clamp(14px, 1.5vw, 22px);
  --kx5-page-top: 18px;
  --kx5-page-bottom: 28px;
  --kx5-section-gap: 14px;
  --kx5-card-pad-x: 18px;
  --kx5-card-pad-y: 14px;
}

.main,
.history-main {
  padding: var(--kx5-page-top) var(--kx5-page-x) var(--kx5-page-bottom) !important;
}

.history-container {
  gap: var(--kx5-section-gap) !important;
}

.home-hero {
  margin: 0 0 var(--kx5-section-gap) !important;
  padding: 22px var(--kx5-card-pad-x) !important;
}

.home-hero-toolbar {
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.home-hero-status {
  gap: 12px !important;
}

.home-kpi {
  padding: 16px var(--kx5-card-pad-x) !important;
}

.control-bar {
  margin: 0 0 var(--kx5-section-gap) !important;
}

.control-bar-panels {
  padding: 16px !important;
}

.control-bar.is-collapsed {
  margin-bottom: var(--kx5-section-gap) !important;
}

.control-panel-body {
  padding: var(--kx5-card-pad-y) var(--kx5-card-pad-x) !important;
}

.home-grid {
  gap: var(--kx5-section-gap) !important;
  margin-top: 0 !important;
}

.home-sidebar {
  gap: var(--kx5-section-gap) !important;
}

.home-side-card-hd,
.home-position-row,
.home-activity-row,
.home-side-empty {
  padding-left: var(--kx5-card-pad-x) !important;
  padding-right: var(--kx5-card-pad-x) !important;
}

.card-hd,
.focus-section-header,
.card-header,
.tools-hd,
.sig-panel-hd {
  padding: 14px var(--kx5-card-pad-x) !important;
}

.focus-aux,
.focus-aux:not(:empty) {
  margin-top: 12px !important;
  margin-bottom: 14px !important;
  padding: 0 var(--kx5-card-pad-x) !important;
  background: transparent !important;
  border-bottom: 0 !important;
}

.short-diag:not([open]) > .no-signal-debug-body {
  display: none !important;
}

.short-diag[open] > .no-signal-debug-body {
  display: block !important;
}

.profile-section {
  margin-top: 14px !important;
}

.sig-panel-sub {
  padding: 10px var(--kx5-card-pad-x) 8px !important;
}

.signal-table-caption {
  padding: 10px var(--kx5-card-pad-x) !important;
}

.signal-list-head {
  gap: 14px !important;
  padding: 9px var(--kx5-card-pad-x) !important;
}

.signal-list .signal-row {
  gap: 14px !important;
  min-height: 68px !important;
  padding: 14px var(--kx5-card-pad-x) !important;
}

.profile-section-head {
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px var(--kx5-card-pad-x) !important;
}

.profile-section-bar {
  left: var(--kx5-card-pad-x) !important;
  top: 16px !important;
  height: 34px !important;
}

.profile-section-copy {
  padding-left: 16px !important;
}

.profile-section-title {
  font-size: 16px !important;
}

.profile-section-desc {
  margin-top: 4px !important;
}

.profile-section-stats {
  gap: 8px !important;
}

.grid-mini-row {
  display: grid !important;
  grid-template-columns: minmax(120px, 1fr) auto !important;
  gap: 4px 16px !important;
  padding: 10px 16px !important;
  align-items: center !important;
}

.grid-mini-top {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.grid-mini-mid {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.grid-mini-bot {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  gap: 6px !important;
}

.grid-mini-note {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  margin-top: 1px !important;
}

.grid-mini-bias {
  padding: 2px 7px !important;
}

.signal-row-details {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
}

.signal-detail-row td {
  padding: 0 var(--kx5-card-pad-x) 14px !important;
}

.signal-row-details-summary {
  margin-bottom: 2px !important;
}

.signal-row-details-summary--hidden {
  margin: -1px !important;
}

.signal-row-details-body {
  gap: 10px !important;
  padding-top: 10px !important;
}

.tc2-card-details {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.tc2-card-details-summary {
  padding: 12px 14px !important;
}

.tc2-card-details-inner {
  padding: 14px !important;
}

.trading-dashboard-body > * + * {
  margin-top: 18px !important;
}

.trading-orders {
  margin-top: 18px !important;
  padding-top: 18px !important;
}

.trading-orders h4,
.automation-health h4,
.strategy-learning h4,
.trading-dynamic-sl h4 {
  margin: 0 0 14px !important;
  line-height: 1.35 !important;
}

#trading-orders-table {
  margin-bottom: 18px !important;
}

.automation-health {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--kx5-line) !important;
}

.automation-health .health-grid,
.strategy-learning .learning-grid {
  gap: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.automation-health .health-card,
.strategy-learning .learning-card {
  padding: 14px !important;
}

.history-section-header {
  margin-bottom: 12px !important;
  padding: 16px var(--kx5-card-pad-x) !important;
}

.history-section > .metrics-grid,
.history-section > .health-grid,
.history-section > .equity-body,
.history-section > .trades-table-wrapper,
.history-section > .symbols-table-wrapper {
  margin-top: 0 !important;
}

.history-section > .metrics-grid,
.history-section > .health-grid {
  border-radius: 0 0 var(--kx5-r) var(--kx5-r) !important;
}

.history-section > .equity-body,
.history-section > .trades-table-wrapper,
.history-section > .symbols-table-wrapper {
  padding-top: 0 !important;
}

.settings-content {
  padding-top: 24px !important;
}

.settings-section + .settings-section,
.settings-section + .settings-advanced,
.settings-advanced + .settings-advanced {
  margin-top: 16px !important;
}

.scanner-tools-grid,
.body-grid,
.settings-shell,
.grid,
.trades-grid {
  gap: var(--kx5-section-gap) !important;
}

.footer {
  min-height: 0 !important;
  padding: 8px 0 0 !important;
}

@media (max-width: 720px) {
  :root {
    --kx5-page-x: 12px;
    --kx5-page-top: 14px;
    --kx5-page-bottom: 74px;
    --kx5-section-gap: 12px;
    --kx5-card-pad-x: 14px;
    --kx5-card-pad-y: 12px;
  }

  .home-hero {
    padding: 18px var(--kx5-card-pad-x) !important;
  }

  .home-hero-toolbar {
    margin-bottom: 14px !important;
  }

  .signal-list .signal-row {
    min-height: 0 !important;
    padding: 13px var(--kx5-card-pad-x) !important;
  }

  .profile-section-head {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px var(--kx5-card-pad-x) !important;
  }

  .grid-mini-row {
    grid-template-columns: 1fr !important;
  }

  .grid-mini-top,
  .grid-mini-mid,
  .grid-mini-bot,
  .grid-mini-note {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .grid-mini-top {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}