/* Founder-only Waypoint Charts overlay. Does not alter desktop viewport tokens. */

#waypointChartsOverlay {
  position: fixed;
  inset: 0;
  z-index: 84;
  display: none;
  flex-direction: column;
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(197, 160, 89, 0.08), transparent 55%),
    linear-gradient(180deg, #071018 0%, #0a1420 48%, #081018 100%);
  color: #e8e0cc;
  font-family: Inter, system-ui, sans-serif;
}

body.waypoint-charts-open #waypointChartsOverlay {
  display: flex;
}

body:not(.waypoint-founder-login) #navWaypointChartsBtn {
  display: none !important;
}

.wp-charts-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(197, 160, 89, 0.22);
  background: rgba(8, 16, 24, 0.88);
  backdrop-filter: blur(12px);
}

.wp-charts-brand {
  display: grid;
  gap: 2px;
  min-width: 180px;
}

.wp-charts-brand em {
  font-style: normal;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  color: #c5a059;
}

.wp-charts-brand strong {
  font-family: Cinzel, serif;
  font-size: 1rem;
  color: #e8d092;
}

.wp-charts-toggles {
  display: flex;
  gap: 8px;
  flex: 1;
}

.wp-charts-toggle,
.wp-charts-tf,
.wp-charts-close {
  border: 1px solid rgba(197, 160, 89, 0.28);
  background: rgba(16, 24, 32, 0.7);
  color: #dcc68a;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.wp-charts-toggle.is-on,
.wp-charts-tf.is-on {
  background: linear-gradient(135deg, rgba(197, 160, 89, 0.28), rgba(232, 208, 146, 0.16));
  color: #f4e6b8;
  border-color: rgba(232, 208, 146, 0.55);
}

.wp-charts-meta {
  font-size: 0.72rem;
  color: rgba(220, 198, 138, 0.72);
  white-space: nowrap;
}

/* The embedded Founder view has one canonical provenance line. */
.wp-charts-embedded .wp-charts-meta {
  display: none;
}

.wp-charts-feed {
  flex: 1 1 100%;
  min-width: 0;
  font-size: 0.68rem;
  line-height: 1.35;
  color: rgba(220, 198, 138, 0.82);
  letter-spacing: 0.02em;
}

.wp-charts-integrity {
  border: 1px solid rgba(197, 160, 89, 0.32);
  background: rgba(16, 24, 32, 0.75);
  color: #dcc68a;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.wp-charts-integrity[data-status="VERIFIED"] { border-color: rgba(92, 184, 138, 0.7); color: #8ee0b4; }
.wp-charts-integrity[data-status="PROTECTED"] { border-color: rgba(92, 184, 138, 0.7); color: #8ee0b4; }
.wp-charts-integrity[data-status="DEGRADED"] { border-color: rgba(224, 112, 112, 0.7); color: #f0a0a0; }
.wp-charts-integrity[data-status="STALE"] { border-color: rgba(240, 208, 128, 0.7); color: #f0d080; }
.wp-charts-integrity[data-status="UNCERTIFIED"] { border-color: rgba(160, 160, 160, 0.45); color: #b8b0a0; }

.wp-charts-integrity-panel {
  position: absolute;
  top: 58px;
  right: 16px;
  width: min(360px, 90vw);
  padding: 12px 14px;
  border: 1px solid rgba(197, 160, 89, 0.28);
  background: rgba(8, 16, 24, 0.94);
  border-radius: 12px;
  z-index: 2;
  font-size: 0.78rem;
  line-height: 1.45;
}

.wp-charts-integrity-panel .eyebrow {
  letter-spacing: 0.12em;
  color: #c5a059;
  margin: 0 0 6px;
}

.wp-charts-close {
  margin-left: auto;
}

.wp-convergence-summary {
  flex: 0 0 auto;
  padding: 9px 16px 10px;
  border-bottom: 1px solid rgba(126, 200, 255, 0.18);
  background: rgba(5, 13, 22, 0.94);
}

.wp-convergence-head,
.wp-convergence-frames {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.wp-convergence-head {
  margin-bottom: 7px;
  color: #edf5ff;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.wp-convergence-head span {
  color: #f0c45b;
  font-size: 0.68rem;
  text-align: right;
}

.wp-convergence-scale {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 10px;
  background: #1a2430;
}

.wp-convergence-scale span {
  min-width: 0;
  padding: 8px 3px;
  border-right: 1px solid rgba(4, 12, 18, 0.38);
  color: rgba(244, 249, 252, 0.88);
  font: 600 0.58rem/1 Inter, system-ui, sans-serif;
  text-align: center;
  white-space: nowrap;
}

.wp-convergence-scale span:nth-child(1) { background: #8e2534; }
.wp-convergence-scale span:nth-child(2) { background: #c53d4d; }
.wp-convergence-scale span:nth-child(3) { background: #ef6c75; }
.wp-convergence-scale span:nth-child(4) { background: #344a54; }
.wp-convergence-scale span:nth-child(5) { background: #68dca8; }
.wp-convergence-scale span:nth-child(6) { background: #2eaf74; }
.wp-convergence-scale span:nth-child(7) { background: #116844; }

.wp-convergence-scale i {
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 9px #fff, 0 0 15px rgba(240, 196, 91, 0.75);
  transform: translateX(-50%);
  transition: left 240ms ease;
}

.wp-convergence-frames {
  margin-top: 7px;
}

.wp-convergence-frames > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex: 1;
  padding: 5px 8px;
  border: 1px solid rgba(126, 200, 255, 0.10);
  border-radius: 7px;
  background: rgba(14, 28, 39, 0.78);
  color: #a7bac8;
  font-size: 0.59rem;
  letter-spacing: 0.06em;
}

.wp-convergence-frames em { color: #8195a3; font-style: normal; }
.wp-convergence-frames [data-side="SHORT"] em { color: #f17a85; }
.wp-convergence-frames [data-side="LONG"] em { color: #64dda4; }

.wp-charts-grid {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 8px;
}

.wp-charts-tile {
  position: relative;
  min-height: 0;
  border: 1px solid rgba(197, 160, 89, 0.16);
  border-radius: 12px;
  background: rgba(8, 14, 20, 0.72);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.wp-charts-tile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px 4px;
}

.wp-charts-tile-head span {
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c5a059;
}

.wp-charts-tf-row {
  display: flex;
  gap: 4px;
}

.wp-charts-close-clock {
  margin-left: auto;
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  color: #c8c0b0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.wp-charts-close-strip {
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  color: #b8b0a0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  opacity: 0.85;
}

.wp-charts-canvas {
  flex: 1;
  min-height: 160px;
}

.wp-charts-tip {
  position: absolute;
  z-index: 3;
  max-width: 260px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(10, 16, 22, 0.94);
  border: 1px solid rgba(197, 160, 89, 0.35);
  color: #f0e6c8;
  font-size: 0.72rem;
  line-height: 1.35;
  pointer-events: none;
  display: none;
}

.wp-charts-empty {
  position: absolute;
  inset: 40px 12px 12px;
  display: none;
  align-items: center;
  justify-content: center;
  color: rgba(220, 198, 138, 0.55);
  font-size: 0.82rem;
  text-align: center;
}

html.waypoint-fold-tablet #waypointChartsOverlay,
[data-device-mode="fold-tablet"] #waypointChartsOverlay {
  padding-left: env(safe-area-inset-left);
}

html.waypoint-fold-tablet .wp-charts-obs-panel,
[data-device-mode="fold-tablet"] .wp-charts-obs-panel,
html.waypoint-fold-tablet .wp-charts-proposal,
[data-device-mode="fold-tablet"] .wp-charts-proposal {
  width: min(340px, calc(100vw - 24px));
  max-height: min(52vh, 480px);
}

html.waypoint-fold-tablet body.waypoint-charts-open .founder-live-strip:not(.is-collapsed),
[data-device-mode="fold-tablet"] body.waypoint-charts-open .founder-live-strip:not(.is-collapsed) {
  max-height: 42vh;
}

.wp-charts-quote {
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-height: 44px;
}

.wp-charts-quote-side {
  display: grid;
  min-width: 7.4rem;
  padding: 4px 8px;
  border-radius: 6px;
  line-height: 1.15;
}

.wp-charts-quote-side small {
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.78;
}

.wp-charts-quote-side strong {
  font-size: 0.92rem;
  font-variant-numeric: tabular-nums;
}

.wp-charts-quote-side.is-bid {
  background: rgba(239, 83, 80, 0.2);
  border: 1px solid rgba(239, 83, 80, 0.55);
  color: #ff8a80;
}

.wp-charts-quote-side.is-ask {
  background: rgba(38, 166, 154, 0.18);
  border: 1px solid rgba(38, 166, 154, 0.5);
  color: #80cbc4;
}

.wp-charts-quote-spread {
  align-self: center;
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  color: #d8d0c0;
  padding: 0 4px;
}

.wp-charts-quote.is-unavailable {
  opacity: 0.72;
}

.wp-charts-head-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

.wp-charts-tile-tools {
  display: flex;
  gap: 4px;
  align-items: center;
}

.wp-charts-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid rgba(197, 160, 89, 0.28);
  background: rgba(16, 24, 32, 0.7);
  color: #dcc68a;
  cursor: pointer;
  font-size: 0.95rem;
}

.wp-charts-canvas {
  touch-action: none;
  position: relative;
}

.wp-charts-overlays {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.wp-ob {
  position: absolute;
  left: 0;
  right: 48px;
  pointer-events: none;
}

.wp-ob.is-bull {
  background: rgba(38, 166, 154, 0.07);
  border-top: 1px solid rgba(38, 166, 154, 0.28);
  border-bottom: 1px solid rgba(38, 166, 154, 0.28);
}

.wp-ob.is-bear {
  background: rgba(176, 58, 72, 0.08);
  border-top: 1px solid rgba(176, 58, 72, 0.28);
  border-bottom: 1px solid rgba(176, 58, 72, 0.28);
}

.wp-ob.is-fvg {
  background: rgba(38, 166, 154, 0.04);
}

.wp-pete-aoi {
  position: absolute;
  left: 0;
  right: 56px;
  pointer-events: none;
  z-index: 2;
  border-radius: 2px;
}

.wp-pete-aoi.is-short {
  background: rgba(220, 60, 70, 0.28);
  border-top: 1px solid rgba(255, 110, 110, 0.55);
  border-bottom: 1px solid rgba(255, 110, 110, 0.55);
}

.wp-pete-aoi.is-long {
  background: rgba(50, 120, 220, 0.28);
  border-top: 1px solid rgba(110, 170, 255, 0.55);
  border-bottom: 1px solid rgba(110, 170, 255, 0.55);
}

.wp-pete-aoi-label {
  position: absolute;
  left: 8px;
  top: 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f5f0e6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  white-space: nowrap;
}

.wp-charts-embedded .wp-pete-aoi-label,
.wp-charts-embedded .wp-lvl-label {
  max-width: min(72%, 18rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-lvl-label {
  position: absolute;
  right: 76px;
  pointer-events: auto;
  z-index: 3;
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 1px 6px;
  border-radius: 4px;
  border: 0;
  background: rgba(8, 14, 20, 0.72);
  color: #d8d0c0;
  cursor: pointer;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-lvl-label.is-long,
.wp-lvl-label.is-short {
  font-weight: 800;
  max-width: 180px;
}

.wp-lvl-label.is-long { color: #d8fff0; background: rgba(20, 140, 90, 0.82); }
.wp-lvl-label.is-short { color: #fff0f0; background: rgba(180, 40, 48, 0.86); }
.wp-lvl-label.is-tl { color: #e8d092; border: 1px dashed rgba(232, 208, 146, 0.45); }

.wp-watch-arrow,
.wp-inv-mark {
  position: absolute;
  right: 54px;
  pointer-events: auto;
  cursor: pointer;
  z-index: 4;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.72rem;
  line-height: 1.1;
}

.wp-watch-arrow.is-long {
  color: #d8fff0;
  background: rgba(20, 140, 90, 0.88);
  box-shadow: 0 0 0 1px rgba(80, 220, 150, 0.45);
}

.wp-watch-arrow.is-short {
  color: #fff0f0;
  background: rgba(180, 40, 48, 0.9);
  box-shadow: 0 0 0 1px rgba(255, 120, 120, 0.45);
}

.wp-watch-arrow.is-watching { opacity: 0.78; }
.wp-watch-arrow.is-approaching { opacity: 0.9; }
.wp-watch-arrow.is-confirm { opacity: 0.88; box-shadow: 0 0 0 1px rgba(244, 211, 94, 0.65); }
.wp-watch-arrow.is-ready { opacity: 1; }
.wp-watch-arrow.is-area {
  opacity: 0.55;
  font-weight: 600;
  font-size: 0.62rem;
  background: rgba(40, 48, 56, 0.78);
  color: #d8d0c0;
  box-shadow: none;
}

.wp-inv-mark {
  color: #fff;
  background: #c62828;
  box-shadow: 0 0 0 2px rgba(255, 80, 80, 0.45);
}

.wp-charts-obs-panel {
  position: absolute;
  top: 58px;
  left: 16px;
  width: min(380px, 92vw);
  max-height: min(70vh, 640px);
  overflow: auto;
  padding: 12px 14px;
  border: 1px solid rgba(197, 160, 89, 0.28);
  background: rgba(8, 16, 24, 0.96);
  border-radius: 12px;
  z-index: 5;
  font-size: 0.78rem;
  line-height: 1.45;
}

.wp-charts-obs-panel h3 {
  margin: 0 0 8px;
  font-size: 0.82rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c5a059;
}

.wp-obs-head,
.wp-proposal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.wp-map-side {
  margin: 0 0 10px;
  padding: 8px;
  border: 1px solid rgba(197, 160, 89, 0.2);
  border-radius: 8px;
}

.wp-map-side.is-none {
  opacity: 0.78;
}

.wp-map-side h4 {
  margin: 0 0 6px;
  letter-spacing: 0.12em;
  color: #e8d092;
}

.wp-map-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.72rem;
  margin: 2px 0;
}

.wp-map-row span { color: #a8a090; }
.wp-map-row strong { color: #f0e6c8; text-align: right; font-weight: 600; }

.wp-watch-expand {
  background: none;
  border: 0;
  color: #e8d092;
  cursor: pointer;
  text-align: left;
  padding: 0;
  font: inherit;
  text-decoration: underline;
}

.wp-watch-detail {
  margin: 6px 0 8px;
  padding: 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.28);
}

.wp-charts-proposal {
  position: absolute;
  top: 58px;
  right: 16px;
  width: min(380px, 92vw);
  max-height: min(70vh, 640px);
  overflow: auto;
  padding: 12px 14px;
  border: 1px solid rgba(126, 200, 255, 0.45);
  background: rgba(8, 16, 28, 0.96);
  border-radius: 12px;
  z-index: 6;
  font-size: 0.78rem;
  line-height: 1.45;
}

.wp-proposal-safe {
  margin: 0;
  letter-spacing: 0.14em;
  color: #7ec8ff;
  font-size: 0.68rem;
}

.wp-proposal-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.wp-charts-quote.is-stale .wp-charts-quote-spread {
  color: #f0d080;
}

.wp-charts-icon[data-wp-charts-fit] {
  width: auto;
  min-width: 44px;
  padding: 0 8px;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

.wp-charts-obs-panel ul {
  margin: 0 0 10px;
  padding-left: 1.1em;
}

#waypointChartsOverlay.is-tile-max .wp-charts-grid {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

#waypointChartsOverlay.is-tile-max .wp-charts-tile:not(.is-max) {
  display: none;
}

#waypointChartsOverlay.is-tile-max .wp-charts-tile.is-max {
  min-height: 0;
}

/* —— TradingView-quality workbench chrome (desktop) —— */
.wp-charts-workbench {
  --wp-chart-bg: #0b0e11;
  --wp-chart-panel: #131722;
  --wp-chart-line: rgba(42, 46, 57, 0.95);
  --wp-chart-text: #d1d4dc;
  --wp-chart-muted: #787b86;
  --wp-chart-accent: #c5a059;
}

.wp-charts-command {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px;
  background: var(--wp-chart-panel);
  border-bottom: 1px solid var(--wp-chart-line);
  min-height: 36px;
  flex-wrap: wrap;
}

.wp-charts-command-left,
.wp-charts-command-mid,
.wp-charts-command-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

.wp-charts-command-mid { flex: 1; justify-content: center; }
.wp-charts-command-right { margin-left: auto; }

.wp-cmd-symbol {
  font-weight: 700;
  font-size: 0.92rem;
  color: #fff;
  background: transparent;
  border: 1px solid var(--wp-chart-line);
  padding: 4px 10px;
  cursor: pointer;
}

.wp-cmd-tfs { display: flex; gap: 2px; flex-wrap: wrap; }

.wp-cmd-tf,
.wp-cmd-btn {
  border: 0;
  background: transparent;
  color: var(--wp-chart-muted);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  padding: 4px 7px;
  cursor: pointer;
  border-radius: 2px;
}

.wp-cmd-tf:hover,
.wp-cmd-btn:hover { color: var(--wp-chart-text); background: rgba(255,255,255,0.04); }
.wp-cmd-tf.is-on {
  color: #fff;
  background: rgba(197, 160, 89, 0.22);
}
.wp-cmd-btn:disabled { opacity: 0.35; cursor: default; }

.wp-cmd-sync {
  display: flex;
  gap: 8px;
  font-size: 0.58rem;
  color: var(--wp-chart-muted);
  letter-spacing: 0.06em;
}
.wp-cmd-sync label { display: flex; align-items: center; gap: 3px; cursor: pointer; }

.wp-charts-body {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 0;
  flex: 1;
  min-height: 0;
  background: var(--wp-chart-bg);
}

.wp-charts-workbench:not([data-dock-collapsed]) .wp-charts-body,
.wp-charts-body:has([data-wp-dock]:not([collapsed])) {
  grid-template-columns: 40px minmax(0, 1fr) minmax(220px, 280px);
}

.wp-charts-draw-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 2px;
  border-right: 1px solid var(--wp-chart-line);
  background: #0f1318;
}

.wp-draw-cat {
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--wp-chart-muted);
  font-size: 0.62rem;
  cursor: pointer;
  border-radius: 3px;
}
.wp-draw-cat:hover { color: #fff; border-color: var(--wp-chart-line); }

.wp-charts-stage {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}

.wp-charts-stage #wpChartsGrid {
  flex: 1;
  min-height: 0;
}

.wp-charts-dock {
  position: relative;
  border-left: 1px solid var(--wp-chart-line);
  background: var(--wp-chart-panel);
  color: var(--wp-chart-text);
  overflow: hidden;
}
.wp-charts-dock[collapsed] {
  width: 0;
  border: 0;
  padding: 0;
}
.wp-dock-tabs { display: flex; gap: 2px; padding: 6px; border-bottom: 1px solid var(--wp-chart-line); }
.wp-dock-tab {
  border: 0; background: transparent; color: var(--wp-chart-muted);
  font-size: 0.62rem; padding: 4px 6px; cursor: pointer;
}
.wp-dock-tab.is-on { color: var(--wp-chart-accent); }
.wp-dock-body { padding: 10px; font-size: 0.72rem; }
.wp-dock-hint { color: var(--wp-chart-muted); margin: 0 0 8px; }
.wp-dock-toggle {
  position: absolute; left: -14px; top: 40%;
  width: 14px; height: 48px; border: 1px solid var(--wp-chart-line);
  background: var(--wp-chart-panel); color: var(--wp-chart-muted); cursor: pointer;
}

.wp-charts-floats { position: absolute; inset: 0; pointer-events: none; z-index: 20; }
.wp-float {
  pointer-events: auto;
  position: absolute;
  top: 72px;
  left: 52px;
  width: min(360px, 42vw);
  max-height: min(70vh, 560px);
  overflow: auto;
  background: rgba(19, 23, 34, 0.96);
  border: 1px solid var(--wp-chart-line);
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
  color: var(--wp-chart-text);
}
.wp-float[hidden] { display: none !important; }
.wp-float header {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 8px 10px; border-bottom: 1px solid var(--wp-chart-line);
  font-size: 0.78rem;
}
.wp-float header input {
  background: #0b0e11; border: 1px solid var(--wp-chart-line); color: #fff;
  padding: 4px 6px; font-size: 0.72rem; width: 140px;
}
.wp-float-body { padding: 8px 10px; }
.wp-float footer {
  display: flex; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--wp-chart-line);
}
.wp-float footer button,
.wp-layout-modes button,
.wp-ind-row,
.wp-layout-row,
.wp-draw-tool {
  border: 1px solid var(--wp-chart-line);
  background: #0b0e11;
  color: var(--wp-chart-text);
  padding: 6px 8px;
  font-size: 0.72rem;
  cursor: pointer;
  width: 100%;
  text-align: left;
  margin-bottom: 4px;
}
.wp-layout-modes { display: flex; gap: 6px; padding: 8px 10px; }
.wp-layout-modes button { width: auto; flex: 1; text-align: center; }
.wp-ind-row, .wp-layout-row {
  display: flex; justify-content: space-between; gap: 8px;
}
.wp-ind-row em, .wp-layout-row span { color: var(--wp-chart-muted); font-style: normal; }
.wp-layout-row.is-on { border-color: var(--wp-chart-accent); }
.wp-ind-tabs { display: flex; gap: 4px; padding: 6px 10px; }
.wp-ind-tabs button {
  border: 0; background: transparent; color: var(--wp-chart-muted); cursor: pointer; font-size: 0.68rem;
}
.wp-ind-tabs button.is-on { color: var(--wp-chart-accent); }
.wp-ind-field { display: grid; gap: 4px; margin-bottom: 8px; font-size: 0.72rem; }
.wp-ind-field input {
  background: #0b0e11; border: 1px solid var(--wp-chart-line); color: #fff; padding: 4px 6px;
}
.wp-ind-style-json {
  font-size: 0.62rem; color: var(--wp-chart-muted); white-space: pre-wrap;
  max-height: 220px; overflow: auto;
}

#waypointChartsOverlay.wp-layout-single .wp-charts-grid {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
#waypointChartsOverlay.wp-layout-single .wp-charts-tile:not(:first-child) { display: none; }

#waypointChartsOverlay.wp-layout-split2 .wp-charts-grid {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
#waypointChartsOverlay.wp-layout-split2 .wp-charts-tile:nth-child(n+3) { display: none; }

#waypointChartsOverlay.wp-layout-split3 .wp-charts-grid {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
#waypointChartsOverlay.wp-layout-split3 .wp-charts-tile:nth-child(4) { display: none; }

#waypointChartsOverlay.wp-charts-workbench .wp-charts-grid {
  background: var(--wp-chart-bg);
}
#waypointChartsOverlay.wp-charts-workbench .wp-charts-tile {
  border-color: var(--wp-chart-line);
  background: #0b0e11;
}
#waypointChartsOverlay.wp-charts-workbench .wp-charts-canvas {
  background: #0b0e11;
}

@media (max-width: 900px) {
  .wp-charts-command-mid { justify-content: flex-start; }
  .wp-cmd-sync { display: none; }
  /* Fold / phone: chart must dominate the viewport */
  #waypointChartsOverlay .wp-charts-shell,
  .wp-charts-workbench {
    min-height: min(78vh, 920px);
  }
  #waypointChartsOverlay .wp-charts-canvas,
  .wp-charts-tile .wp-charts-canvas {
    min-height: min(68vh, 860px) !important;
  }
  #waypointChartsOverlay.wp-charts-embedded .wp-charts-canvas {
    min-height: 160px !important;
  }
  .wp-charts-side, .wp-charts-aux, .wp-charts-drawer {
    max-height: 28vh;
    overflow: auto;
  }
  .wp-aoi-label {
    font-size: 0.68rem;
    max-width: 42vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 560px) {
  .wp-convergence-summary { padding-inline: 8px; }
  .wp-convergence-scale span { padding: 7px 1px; font-size: 0.48rem; }
  .wp-convergence-frames { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
}


#waypointChartsOverlay.is-tile-max .wp-charts-tile.is-max .wp-charts-canvas {
  min-height: min(72vh, 920px);
}

.wp-pete-trade-chip {
  border: 1px solid rgba(201, 162, 39, 0.55);
  background: rgba(201, 162, 39, 0.12);
  color: #f0d080;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  cursor: pointer;
}
.wp-pete-trade-chip.is-live {
  animation: wpPeteTradePulse 2.8s ease-in-out infinite;
}
.wp-pete-trade-chip.is-closed {
  animation: none;
  border-color: rgba(128, 203, 196, 0.5);
  color: #80cbc4;
}
@keyframes wpPeteTradePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201, 162, 39, 0); }
  50% { box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.18); }
}
.wp-pete-trade-card {
  position: absolute;
  top: 64px;
  right: 16px;
  z-index: 30;
  width: min(320px, 92vw);
  max-height: min(70vh, 520px);
  overflow: auto;
  background: rgba(19, 23, 34, 0.96);
  border: 1px solid rgba(201, 162, 39, 0.35);
  color: #d1d4dc;
  padding: 10px 12px;
  font-size: 0.78rem;
}
.wp-pete-trade-card em { color: #787b86; font-style: normal; font-size: 0.68rem; }
.wp-pete-reason {
  position: absolute;
  left: 56px;
  bottom: 24px;
  z-index: 31;
  width: min(360px, 90vw);
  background: rgba(11, 14, 17, 0.96);
  border: 1px solid rgba(201, 162, 39, 0.4);
  padding: 10px 12px;
  font-size: 0.76rem;
  color: #e8e0cc;
}
.wp-pete-reason-body { margin-top: 6px; color: #b7b9c0; line-height: 1.35; }
html.waypoint-fold-tablet .wp-pete-trade-card,
[data-device-mode="fold-tablet"] .wp-pete-trade-card {
  top: auto;
  bottom: 12px;
  right: 8px;
  left: 48px;
  width: auto;
  max-height: 38vh;
}
html.waypoint-fold-tablet .wp-charts-draw-rail,
[data-device-mode="fold-tablet"] .wp-charts-draw-rail {
  width: 36px;
}
.wp-charts-pane-split {
  height: 4px;
  cursor: row-resize;
  background: rgba(42, 46, 57, 0.9);
}