:root {
  --bg: #06110b;
  --panel: #0a1c12;
  --panel-2: #0d2417;
  --border: #1c4a2d;
  --border-bright: #21d878;
  --text: #e9fff0;
  --muted: #83ad90;
  --green: #3dff91;
  --cyan: #35d9ff;
  --red: #ff5775;
  --amber: #ffc94d;
  --manual-win: #4aa3ff;
  --manual-loss: #ff9f32;
  --shadow: 0 18px 60px rgb(0 0 0 / 28%);
}

* { box-sizing: border-box; }
button, [role="button"], a.button {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button.instant-button-feedback, [role="button"].instant-button-feedback, a.button.instant-button-feedback {
  transform: translateY(1px) scale(.99) !important;
  filter: brightness(1.2);
  transition: none !important;
}
html { background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% -10%, #123422 0, transparent 35%), var(--bg); }
body.buy-alert-open, body.order-detail-open, body.impact-chart-open { overflow: hidden; }
button, input { font: inherit; }
a { color: inherit; }

/* Activity strip styles live in this static file because the dashboard CSP
   intentionally blocks JavaScript-created inline <style> elements. */
.simple-activity-bar { display: grid; grid-template-columns: minmax(260px, 1fr) auto auto; gap: 12px; align-items: center; margin: 12px 0 18px; padding: 14px 16px; border: 1px solid #155d63; border-radius: 15px; background: #061d1a; color: #dfffee; }
.simple-activity-copy { display: grid; min-width: 0; gap: 3px; }
.simple-activity-copy > span,
.simple-activity-copy > strong,
.simple-activity-copy > small { display: block; min-width: 0; overflow-wrap: anywhere; }
.simple-activity-copy span { color: #59f0a5; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.simple-activity-copy strong { font-size: 17px; }
.simple-activity-copy small { color: #8ebca7; line-height: 1.35; }
.simple-activity-bar.is-error { border-color: #a63f55; }
.simple-activity-bar.is-stale { border-color: #96761e; }
.simple-action { min-height: 44px; padding: 0 15px; border: 1px solid #1f7972; border-radius: 10px; background: #092b22; color: #8fffc5; font-weight: 900; cursor: pointer; }
.simple-action:hover { background: #0d3a2d; }
.simple-action.sound-muted { border-color: #886c1b; color: #ffe181; }
.phone-owner-login[hidden] { display: none !important; }
body:not(.show-advanced-research) #failed-tab-stats,
body:not(.show-advanced-research) #failed-tab-intervals { display: none !important; }
.simple-failed-tools { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
.simple-failed-tools button { min-height: 40px; padding: 0 13px; border: 1px solid #1d6962; border-radius: 9px; background: #08251f; color: #8fffc5; font-weight: 850; cursor: pointer; }
.simple-failed-tools button.active { background: #36dca0; color: #03150e; }
.scanner-reject-pane { padding-top: 15px; }
.scanner-reject-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.scanner-reject-summary article { padding: 13px; border: 1px solid #15543f; border-radius: 11px; background: #071d16; }
.scanner-reject-summary span { display: block; color: #82b69d; font-size: 11px; }
.scanner-reject-summary strong { display: block; margin-top: 4px; color: #7cffb3; font-size: 18px; }
.scanner-reject-note { margin: 0 0 14px; padding: 12px 14px; border-left: 4px solid #dfb62e; border-radius: 8px; background: #251f08; color: #ffe99b; }
.scanner-reject-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
.scanner-reject-card { padding: 13px; border: 1px solid #284c3b; border-radius: 11px; background: #071b14; }
.scanner-reject-card header { display: flex; justify-content: space-between; gap: 8px; }
.scanner-reject-card h4 { margin: 0; color: #7dffb3; font-size: 16px; }
.scanner-reject-card time { color: #89aa99; font-size: 11px; }
.scanner-reject-metrics { display: flex; gap: 10px; flex-wrap: wrap; margin: 8px 0; color: #a8c7b7; font-size: 12px; }
.scanner-reject-reasons { margin: 0; padding-left: 18px; color: #ffcd86; font-size: 12px; }
.scanner-reject-reasons li + li { margin-top: 4px; }
.scanner-reject-empty { padding: 20px; border: 1px dashed #42614f; border-radius: 10px; color: #9eb7aa; }
.simple-buy-toast { position: fixed; right: 18px; bottom: 18px; z-index: 9999; max-width: 360px; padding: 15px 18px; border: 2px solid #39f29d; border-radius: 14px; background: #052719; color: #dffff0; box-shadow: 0 10px 36px #000c; animation: simple-toast-in .25s ease; }
.simple-buy-toast strong { display: block; color: #57ffa8; font-size: 18px; }
.simple-buy-toast small { display: block; margin-top: 4px; color: #a9d9c0; }
@keyframes simple-toast-in { from { opacity: 0; transform: translateY(15px); } }

@media (max-width: 760px) {
  .executor-tab-nav { overflow-x: auto; scroll-snap-type: x proximity; }
  .executor-tab { min-width: 150px; scroll-snap-align: start; }
  .simple-activity-bar { grid-template-columns: minmax(0, 1fr); margin-top: 8px; }
  .simple-action { width: 100%; }
  .phone-owner-login { position: fixed; right: 12px; bottom: 12px; left: 12px; z-index: 9998; border: 2px solid #4fffb0; box-shadow: 0 8px 28px #000d; }
  .scanner-reject-summary,
  .scanner-reject-list { grid-template-columns: minmax(0, 1fr); }
  .simple-buy-toast { right: 12px; bottom: 72px; left: 12px; max-width: none; }
}

.topbar { min-height: 112px; padding: 22px clamp(18px, 4vw, 56px); border-bottom: 1px solid var(--border); background: rgb(5 16 10 / 90%); display: flex; align-items: center; justify-content: space-between; gap: 24px; position: sticky; top: 0; z-index: 10; backdrop-filter: blur(16px); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 5px; font-size: clamp(1.55rem, 3vw, 2.35rem); letter-spacing: -0.04em; }
h2 { margin-bottom: 0; font-size: 1.06rem; }
h3 { margin: 0 0 6px; font-size: 1.3rem; color: var(--green); }
.subhead, .muted { color: var(--muted); }
.engine-title-row { display:flex; align-items:center; gap:13px; flex-wrap:wrap; }
.engine-title-row h1 { margin-bottom:5px; }
.ai-collab-badge { display:inline-flex; align-items:center; gap:6px; margin-bottom:5px; padding:5px 11px 5px 9px; border:1px solid rgb(167 139 250 / 45%); border-radius:999px; color:#d8e6ff; background:linear-gradient(90deg,rgb(56 189 248 / 14%),rgb(167 139 250 / 14%)); box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%); font-size:.68rem; font-weight:800; letter-spacing:.02em; white-space:nowrap; }
.ai-collab-badge .ai-dot { display:inline-block; width:7px; height:7px; border-radius:50%; }
.ai-collab-badge .ai-dot.claude { background:#f97316; box-shadow:0 0 7px rgb(249 115 22 / 80%); }
.ai-collab-badge .ai-dot.chatgpt { background:linear-gradient(180deg,#000000 0%,#ffffff 100%); box-shadow:0 0 7px rgb(255 255 255 / 45%); border:1px solid rgb(255 255 255 / 35%); margin-left:2px; }
.subhead { margin: 0; font-size: .92rem; }
.eyebrow { margin-bottom: 5px; color: #67c985; font-size: .69rem; font-weight: 800; letter-spacing: .13em; }
.top-actions, .wallet-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.trading-wallet-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 14px 0; padding: 16px 18px; border: 1px solid #1f8f55; border-radius: 10px; background: linear-gradient(135deg, #092315, #07170e); }
.trading-wallet-banner h2 { margin: 2px 0 9px; font-size: 1rem; }
.trading-wallet-banner strong { display: block; color: var(--green); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9rem; overflow-wrap: anywhere; }
.trading-wallet-banner small { display: block; margin-top: 7px; color: #8fbc9d; line-height: 1.4; }
main { width: min(1500px, calc(100% - 32px)); margin: 18px auto 54px; }

.notice { display: flex; align-items: center; gap: 14px; padding: 13px 16px; margin-bottom: 14px; border: 1px solid #7f6721; border-radius: 10px; color: #ffe89d; background: #211c09; font-size: .88rem; }
.notice strong { white-space: nowrap; }
.badge { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 9px; border: 1px solid #31503a; border-radius: 7px; color: #a9cdb3; background: #0a1710; font-size: .72rem; font-weight: 800; letter-spacing: .04em; }
.badge-green { color: var(--green); border-color: #227c49; }
.badge-cyan { color: var(--cyan); border-color: #176378; }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgb(61 255 145 / 10%); animation: pulse 1.7s infinite; }
@keyframes pulse { 50% { opacity: .35; transform: scale(.78); } }

.button { min-height: 36px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 7px; background: transparent; color: var(--text); text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 800; transition: transform .15s, border-color .15s, background .15s; }
.button:hover { transform: translateY(-1px); border-color: var(--green); }
.button.primary { color: #02160a; background: var(--green); border-color: var(--green); }
.button.secondary { background: #0a1a10; color: #abd2b6; }
.button.success-link { color: #03170a; border-color: var(--green); background: var(--green); box-shadow: 0 0 18px rgb(61 255 145 / 18%); }
.button.danger { border-color: #8b2737; background: #631927; color: #fff; }
.full-button { width: 100%; margin-top: 8px; }
.hidden { display: none !important; }

.metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.metric, .panel { border: 1px solid var(--border); background: linear-gradient(145deg, rgb(12 34 21 / 96%), rgb(7 24 14 / 96%)); box-shadow: var(--shadow); }
.metric { min-height: 112px; padding: 17px; border-radius: 11px; display: flex; flex-direction: column; }
.metric span, .signal-stats span, .wallet-summary span, .bot-stats span { color: #73a984; font-size: .64rem; font-weight: 700; letter-spacing: .08em; }
.metric strong { margin: 8px 0 3px; color: var(--green); font-size: 1.48rem; line-height: 1; }
.metric small { margin-top: auto; color: var(--muted); font-size: .72rem; }
.dashboard-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.dashboard-shortcuts a { min-width: 0; padding: 12px 14px; border: 1px solid #245b39; border-radius: 9px; color: #b9d4c0; background: #07180e; text-decoration: none; transition: border-color .15s, transform .15s, background .15s; }
.dashboard-shortcuts a:hover { transform: translateY(-1px); border-color: var(--green); background: #0a2416; }
.dashboard-shortcuts strong, .dashboard-shortcuts span { display: block; }
.dashboard-shortcuts strong { color: #effff3; font-size: .82rem; }
.dashboard-shortcuts span { margin-top: 4px; color: var(--muted); font-size: .67rem; line-height: 1.4; }

.two-column { display: grid; grid-template-columns: 1.12fr .88fr; gap: 10px; margin-bottom: 10px; }
.panel { padding: 18px; border-radius: 12px; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 16px; }
.panel-heading .eyebrow { margin-bottom: 4px; }
.empty-state { padding: 30px 16px; border: 1px dashed #28543a; border-radius: 8px; color: var(--muted); text-align: center; }
.bot-subtitle { margin-bottom: 15px; color: var(--muted); }
.bot-stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; }
.bot-stats div { padding: 10px; background: #07180e; border: 1px solid #173d25; border-radius: 7px; }
.bot-stats strong { display: block; margin-top: 5px; font-size: .92rem; }
.exact-rules { margin-top: 14px; padding: 12px; border: 1px solid #235134; border-radius: 8px; background: #07180e; color: #b7d4bf; font-size: .78rem; }
.exact-rules > strong { color: var(--text); }
.exact-rules ul { margin: 8px 0 0; padding-left: 19px; }
.exact-rules li { margin: 4px 0; }
.exact-rules li::marker { color: var(--green); }
.selection-reason { margin: 14px 0 0; padding: 10px 12px; border-left: 3px solid var(--green); background: #0b2114; color: #a7c9b0; font-size: .78rem; }
.reconciliation { display: grid; gap: 5px; margin-top: 14px; padding: 11px 12px; border: 1px solid #236477; border-left: 3px solid var(--cyan); border-radius: 7px; background: #071c21; color: #acd9e2; font-size: .76rem; }
.reconciliation strong { color: var(--cyan); }

.wallet-panel .muted { margin-bottom: 13px; font-size: .82rem; }
.watch-row { margin-top: 15px; }
.watch-row label { display: block; margin-bottom: 6px; color: var(--muted); font-size: .72rem; }
.watch-row > div { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
input { width: 100%; min-width: 0; padding: 9px 11px; color: var(--text); background: #06150c; border: 1px solid #295039; border-radius: 7px; outline: none; }
input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgb(61 255 145 / 9%); }
input:disabled, button:disabled { opacity: .48; cursor: not-allowed; }
button:disabled:hover { transform: none; }
.wallet-summary { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 14px; margin-top: 14px; padding: 12px; border: 1px solid #256341; border-radius: 8px; background: #07190e; }
.wallet-summary strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.message { min-height: 18px; margin: 11px 0 0; color: var(--muted); font-size: .75rem; }
.message.error { color: var(--red); }
.message.success { color: #8deeb0; }
.wallet-paper-note { margin: 9px 0 0; color: #e4ce83; font-size: .7rem; line-height: 1.45; }
.connect-help { margin-top: 12px; padding: 10px 12px; border: 1px solid #274832; border-radius: 8px; background: #07180e; color: #b7d4bf; font-size: .75rem; }
.connect-help summary { color: var(--green); cursor: pointer; font-weight: 800; }
.connect-help ol { margin: 10px 0 0; padding-left: 20px; }
.connect-help li { margin: 6px 0; line-height: 1.45; }

.buy-alert-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-top: 14px; padding: 13px; border: 1px solid #6c5d1c; border-radius: 9px; background: #1d1a08; }
.buy-alert-controls h3 { margin: 2px 0 5px; color: #fff0a7; font-size: 1rem; }
.buy-alert-controls .muted { margin: 0; max-width: 620px; font-size: .72rem; line-height: 1.45; }
.buy-alert-actions { display: grid; grid-template-columns: auto auto; gap: 7px; align-items: center; }
.buy-alert-actions .badge { grid-column: 1 / -1; justify-self: end; }

.buy-alert-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; overflow-y: auto; background: rgb(0 0 0 / 82%); backdrop-filter: blur(7px); }
.buy-alert-card { position: relative; width: min(920px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: 26px; border: 3px solid var(--green); border-radius: 16px; background: radial-gradient(circle at top right, rgb(61 255 145 / 13%), transparent 35%), #06170d; box-shadow: 0 0 0 7px rgb(61 255 145 / 10%), 0 30px 90px rgb(0 0 0 / 72%); animation: buy-alert-flash .75s ease-in-out 3; }
@keyframes buy-alert-flash { 50% { border-color: #fff198; box-shadow: 0 0 0 12px rgb(255 224 79 / 18%), 0 30px 90px rgb(0 0 0 / 72%); } }
.buy-alert-close { position: absolute; top: 12px; right: 13px; width: 38px; height: 38px; border: 1px solid #5b7e65; border-radius: 50%; color: #fff; background: #102c1b; cursor: pointer; font-size: 1.5rem; line-height: 1; }
.buy-alert-card h2 { margin: 5px 45px 6px 0; color: var(--green); font-size: clamp(1.75rem, 5vw, 3rem); }
.buy-alert-summary { margin: 0 0 18px; color: #d6eadb; font-size: .9rem; line-height: 1.5; }
.buy-alert-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.buy-alert-stats > div { min-width: 0; padding: 12px; border: 1px solid #2c6542; border-radius: 8px; background: #071b10; }
.buy-alert-stats span, .buy-alert-identifiers span { display: block; margin-bottom: 5px; color: #75ac85; font-size: .62rem; font-weight: 800; letter-spacing: .08em; }
.buy-alert-stats strong { display: block; color: #f0fff4; overflow-wrap: anywhere; }
.buy-alert-identifiers { display: grid; gap: 7px; margin-top: 12px; }
.buy-alert-identifiers > div { min-width: 0; padding: 10px 12px; border: 1px solid #245238; border-radius: 7px; background: #04130a; }
.buy-alert-identifiers code { display: block; color: #b7d9c0; overflow-wrap: anywhere; }
.buy-alert-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }

.order-detail-overlay { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 12px; overflow-y: auto; background: rgb(0 0 0 / 84%); backdrop-filter: blur(8px); }
.order-detail-modal { position: relative; width: min(1440px, calc(100vw - 24px), calc(100vh - 24px)); height: min(1440px, calc(100vw - 24px), calc(100vh - 24px)); max-height: none; overflow-y: auto; padding: clamp(24px, 2.2vw, 38px); border: 2px solid var(--cyan); border-radius: 16px; background: radial-gradient(circle at top right, rgb(53 217 255 / 12%), transparent 34%), #06160d; box-shadow: 0 0 0 6px rgb(53 217 255 / 8%), 0 30px 90px rgb(0 0 0 / 72%); }
.order-detail-modal.order-detail-win { border-color: var(--green); box-shadow: 0 0 0 6px rgb(61 255 145 / 8%), 0 30px 90px rgb(0 0 0 / 72%); }
.order-detail-modal.order-detail-loss { border-color: var(--red); background: radial-gradient(circle at top right, rgb(255 87 117 / 14%), transparent 34%), #16090d; box-shadow: 0 0 0 6px rgb(255 87 117 / 8%), 0 30px 90px rgb(0 0 0 / 72%); }
.order-detail-modal.order-detail-manual-win { border-color: var(--manual-win); background: radial-gradient(circle at top right, rgb(74 163 255 / 15%), transparent 34%), #071426; box-shadow: 0 0 0 6px rgb(74 163 255 / 10%), 0 30px 90px rgb(0 0 0 / 72%); }
.order-detail-modal.order-detail-manual-loss { border-color: var(--manual-loss); background: radial-gradient(circle at top right, rgb(255 159 50 / 15%), transparent 34%), #211306; box-shadow: 0 0 0 6px rgb(255 159 50 / 10%), 0 30px 90px rgb(0 0 0 / 72%); }
.order-detail-modal.order-detail-rejected .order-detail-heading .eyebrow { color: var(--amber); }
.order-detail-close { position: absolute; top: 12px; right: 13px; z-index: 2; width: 40px; height: 40px; border: 1px solid #5b7e65; border-radius: 50%; color: #fff; background: #102c1b; cursor: pointer; font-size: 1.55rem; line-height: 1; }
.order-detail-close:hover, .order-detail-close:focus-visible { color: #031319; background: var(--cyan); outline: none; }
.order-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-right: 48px; }
.order-detail-heading h2 { margin: 4px 0 5px; color: #effff3; font-size: clamp(1.45rem, 4vw, 2.35rem); }
.order-detail-heading p:last-child { margin: 0; color: #9bc1a5; font-size: .78rem; line-height: 1.45; }
.order-detail-content { margin-top: 15px; }
.order-detail-live-window { margin: 0 0 12px; padding: 12px; border: 1px solid var(--cyan); border-radius: 10px; background: linear-gradient(145deg, #061c24, #151126); box-shadow: inset 0 3px 0 rgb(184 140 255 / 20%); }
.order-detail-live-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.order-detail-live-toolbar > div { display: grid; gap: 5px; min-width: 0; }
.order-detail-live-toolbar strong { color: var(--cyan); font-size: .74rem; letter-spacing: .07em; }
.order-detail-live-state { justify-self: start; }
.order-detail-live-toggle { padding: 8px 11px; border: 1px solid var(--amber); border-radius: 7px; color: #fff0a7; background: #241d08; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 900; white-space: nowrap; }
.order-detail-live-toggle:hover, .order-detail-live-toggle:focus-visible { color: #061319; background: var(--amber); outline: none; }
.order-detail-live-chart-slot .market-chart { margin: 10px 0 7px; }
.order-detail-live-chart-slot .market-chart svg { height: clamp(320px, 34vh, 460px); }
.order-detail-live-window > small { display: block; color: #b8a7db; font-size: .67rem; line-height: 1.4; }
.exit-retry-warning { display: grid; gap: 5px; margin: 10px 0; padding: 11px 12px; border: 1px solid var(--red); border-radius: 8px; background: #3a0d18; box-shadow: inset 4px 0 0 var(--red); }
.exit-retry-warning strong { color: #ff9caf; font-size: .76rem; letter-spacing: .035em; }
.exit-retry-warning span { color: #fff; font-size: .76rem; font-weight: 900; overflow-wrap: anywhere; }
.exit-retry-warning small { color: #ffc6d1; font-size: .64rem; line-height: 1.4; }
.manual-exit-notice { display: grid; gap: 5px; margin: 10px 0; padding: 11px 12px; border: 1px solid #fff; border-radius: 8px; background: linear-gradient(145deg, #171a21, #0b1115); box-shadow: inset 4px 0 0 #fff; }
.manual-exit-notice strong { color: #fff; font-size: .76rem; letter-spacing: .035em; }
.manual-exit-notice span { color: #f2f2f2; font-size: .76rem; font-weight: 900; overflow-wrap: anywhere; }
.manual-exit-notice small { color: #c9d0da; font-size: .64rem; line-height: 1.4; }
.manual-wallet-notice { display: grid; gap: 5px; margin: 10px 0; padding: 11px 12px; border: 1px solid var(--manual-win); border-radius: 8px; background: linear-gradient(145deg, #0a1e39, #0b151b); box-shadow: inset 4px 0 0 var(--manual-win); }
.manual-wallet-notice strong { color: #8bc7ff; font-size: .76rem; letter-spacing: .035em; }
.manual-wallet-notice span { color: #edf7ff; font-size: .76rem; font-weight: 900; overflow-wrap: anywhere; }
.manual-wallet-notice small { color: #b5cee2; font-size: .64rem; line-height: 1.4; }
.manual-wallet-win-badge { color: #d9efff !important; border-color: var(--manual-win) !important; background: #0a2b52 !important; }
.manual-wallet-loss-badge { color: #fff0dc !important; border-color: var(--manual-loss) !important; background: #47250a !important; }
.order-detail-result-banner { margin-top: 0; }
.order-detail-quick-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 10px 0; }
.order-detail-quick-stats > div { min-width: 0; padding: 11px; border: 1px solid #27573a; border-radius: 8px; background: #06180e; }
.order-detail-quick-stats span { display: block; color: #78aa87; font-size: .59rem; font-weight: 900; letter-spacing: .08em; }
.order-detail-quick-stats strong { display: block; margin-top: 6px; color: #effff3; font-size: .82rem; overflow-wrap: anywhere; }
.order-detail-primary-overview { margin: 12px 0; padding: clamp(14px, 1.8vw, 22px); border: 1px solid #267b91; border-radius: 12px; background: linear-gradient(145deg, rgb(5 35 41 / 96%), rgb(5 23 13 / 98%) 68%); box-shadow: inset 4px 0 0 var(--cyan); }
.order-detail-primary-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.order-detail-primary-heading > div { display: grid; gap: 4px; }
.order-detail-primary-heading > div > span { color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.order-detail-primary-heading > div > strong { color: #effff3; font-size: 1rem; }
.order-detail-primary-heading small { color: #9cc4aa; font-size: .68rem; line-height: 1.45; }
.order-detail-primary-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.order-detail-primary-stats > div { min-width: 0; min-height: 90px; padding: 13px; border: 1px solid #245b38; border-radius: 9px; background: #0a2012; }
.order-detail-primary-stats span { display: block; color: #80a98c; font-size: .65rem; letter-spacing: .035em; }
.order-detail-primary-stats strong { display: block; margin-top: 9px; color: #effff3; font-size: clamp(.9rem, 1.4vw, 1.12rem); overflow-wrap: anywhere; }
.order-detail-primary-stats strong.positive, .order-detail-primary-flow .positive { color: var(--green); }
.order-detail-primary-stats strong.negative, .order-detail-primary-flow .negative { color: var(--red); }
.order-detail-primary-timeline { display: grid; gap: 5px; margin-top: 13px; color: #91b89c; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .75rem; line-height: 1.45; }
.order-detail-primary-timeline p { display: flex; gap: 8px; margin: 0; }
.order-detail-primary-timeline strong { flex: 0 0 56px; color: #c9ecd3; }
.order-detail-primary-timeline span { min-width: 0; overflow-wrap: anywhere; }
.order-detail-primary-flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 11px; border-top: 1px solid #245b38; color: var(--green); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.order-detail-primary-flow span { font-weight: 900; white-space: nowrap; }
.order-detail-more { margin: 12px 0 2px; border: 1px solid #267b91; border-radius: 10px; background: #071a1d; overflow: hidden; }
.order-detail-more > summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 48px; padding: 11px 13px; color: #d9faff; background: #07303a; cursor: pointer; list-style: none; }
.order-detail-more > summary::-webkit-details-marker { display: none; }
.order-detail-more > summary:hover { color: #031319; background: var(--cyan); }
.order-detail-more > summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: -3px; }
.order-detail-more > summary strong { font-size: .78rem; letter-spacing: .055em; }
.order-detail-more > summary > span:nth-child(2) { font-size: .66rem; line-height: 1.35; }
.order-detail-more-state::after { content: "SHOW"; font-size: .62rem; font-weight: 900; }
.order-detail-more[open] .order-detail-more-state::after { content: "HIDE"; }
.order-detail-more[open] > summary { border-bottom: 1px solid #267b91; }
.order-detail-more-content { padding: 12px; }
.order-detail-win .order-detail-primary-overview { border-color: #2f9e5a; background: linear-gradient(145deg, #092719, #06180e 68%); box-shadow: inset 4px 0 0 var(--green); }
.order-detail-win .order-detail-primary-heading > div > span { color: var(--green); }
.order-detail-win .order-detail-more { border-color: #2f9e5a; background: #071a0e; }
.order-detail-win .order-detail-more > summary { color: #a8ffca; background: #0a321d; }
.order-detail-win .order-detail-more > summary:hover { color: #03150a; background: var(--green); }
.order-detail-win .order-detail-more > summary:focus-visible { outline-color: var(--green); }
.order-detail-win .trade-result-banner { border-color: #28e875; background: #0a3a20; box-shadow: inset 4px 0 0 var(--green); }
.order-detail-loss .order-detail-primary-overview { border-color: #a72e49; background: linear-gradient(145deg, #321019, #16090d 68%); box-shadow: inset 4px 0 0 var(--red); }
.order-detail-loss .order-detail-primary-heading > div > span { color: #ff91a7; }
.order-detail-loss .order-detail-primary-stats > div,
.order-detail-loss .order-detail-quick-stats > div,
.order-detail-loss .trade-technical-body .real-trade-stats > div { border-color: #703044; background: #230d13; }
.order-detail-loss .order-detail-primary-stats span,
.order-detail-loss .order-detail-quick-stats span,
.order-detail-loss .trade-technical-body .real-trade-stats span { color: #c38693; }
.order-detail-loss .order-detail-primary-timeline strong { color: #ffc0cc; }
.order-detail-loss .order-detail-primary-flow { border-top-color: #703044; }
.order-detail-loss .order-detail-more { border-color: #a72e49; background: #190a0f; }
.order-detail-loss .order-detail-more > summary { color: #ffc4cf; background: #35101a; }
.order-detail-loss .order-detail-more > summary:hover { color: #21050b; background: var(--red); }
.order-detail-loss .order-detail-more > summary:focus-visible { outline-color: var(--red); }
.order-detail-loss .trade-result-banner { border-color: #ff466a; background: #43111d; box-shadow: inset 4px 0 0 var(--red); }
.order-detail-loss .trade-result-banner strong, .order-detail-loss .trade-result-banner span { color: #ff9caf; }
.order-detail-loss .trade-result-banner small { color: #ffd0d9; }
.order-detail-manual-win .order-detail-primary-overview, .order-detail-manual-win .order-detail-more { border-color: var(--manual-win); background: #081b31; box-shadow: inset 4px 0 0 var(--manual-win); }
.order-detail-manual-win .trade-result-banner { border-color: var(--manual-win); background: #0a2b52; box-shadow: inset 4px 0 0 var(--manual-win); }
.order-detail-manual-loss .order-detail-primary-overview, .order-detail-manual-loss .order-detail-more { border-color: var(--manual-loss); background: #261507; box-shadow: inset 4px 0 0 var(--manual-loss); }
.order-detail-manual-loss .trade-result-banner { border-color: var(--manual-loss); background: #47250a; box-shadow: inset 4px 0 0 var(--manual-loss); }
.order-detail-content > .trade-technical-body { padding: 0; }
.order-detail-content .market-chart { border-color: #23778b; background: linear-gradient(145deg, #04191d, #04120a 55%); }
.order-detail-content .trade-route { border-left-color: var(--amber); background: #1b1908; }

.signal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.signal-grid > .empty-state { grid-column: 1 / -1; }
.signal-card { min-width: 0; padding: 14px; border: 1px solid #1d4c2e; border-radius: 9px; background: #07190f; }
.signal-card.bot-win { border: 2px solid var(--green); }
.signal-card.bot-loss { border: 2px solid var(--red); }
.signal-card.result-differs { box-shadow: inset 3px 0 0 var(--amber); }
.signal-title { display: flex; justify-content: space-between; gap: 9px; align-items: flex-start; }
.signal-title > div { display: flex; gap: 7px; align-items: center; min-width: 0; }
.signal-title strong { color: var(--green); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.signal-status, .confidence { padding: 3px 6px; border-radius: 4px; font-size: .61rem; font-weight: 800; text-transform: uppercase; }
.signal-status.open { color: var(--cyan); background: #082936; }
.signal-status.win { color: var(--green); background: #0b3420; }
.signal-status.loss { color: var(--red); background: #3a1018; }
.signal-status.void { color: var(--muted); background: #14231a; }
.confidence { white-space: nowrap; color: #b2d1ba; background: #112319; }
.confidence-low { color: #ffe28a; background: #3b310c; }
.route { min-height: 34px; margin: 10px 0 0; color: #bad1c0; font-size: .72rem; line-height: 1.45; }
.signal-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 13px 0; }
.signal-stats div { min-width: 0; }
.signal-stats strong { display: block; margin-top: 4px; font-size: .85rem; }
.market-chart { min-width: 0; margin: 12px 0; padding: 10px; border: 1px solid #205037; border-radius: 8px; background: #04120a; }
.market-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.market-chart-heading strong { color: var(--cyan); font-size: .66rem; letter-spacing: .08em; }
.market-chart-heading span, .market-chart > small { color: var(--muted); font-size: .62rem; }
.market-chart-legend { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; font-size: .63rem; font-weight: 800; }
.market-chart-legend .entry { color: var(--amber); }
.market-chart-legend .live { color: var(--cyan); }
.market-chart-legend .sell { color: #ff7e9a; }
.market-chart-legend .take-profit { color: var(--green); }
.market-chart-legend .stop-loss { color: var(--red); }
.market-chart-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-color: #2f8b9f #061216; scrollbar-width: thin; }
.market-chart-scroll:focus-visible { border-radius: 5px; outline: 2px solid var(--cyan); outline-offset: 2px; }
.market-chart svg { display: block; width: 100%; height: 240px; overflow: visible; }
.chart-grid-line { stroke: #1d5360; stroke-width: 1; stroke-dasharray: 3 5; opacity: .48; vector-effect: non-scaling-stroke; }
.chart-axis-line { stroke: #4fc8df; stroke-width: 1.2; opacity: .8; vector-effect: non-scaling-stroke; }
.chart-axis-tick { fill: #92c8d2; font-size: 12px; font-weight: 800; }
.chart-axis-title { fill: var(--cyan); font-size: 11px; font-weight: 900; letter-spacing: .06em; }
.chart-x-tick { stroke: #72b9c5; stroke-width: 1; opacity: .7; vector-effect: non-scaling-stroke; }
.chart-x-label { fill: #8dbbc3; font-size: 10px; font-weight: 800; }
.chart-trade-point { stroke: #fff; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.chart-buy-point { fill: var(--amber); }
.chart-sell-point { fill: var(--red); }
.chart-current-point { fill: var(--cyan); }
.chart-trade-guide { stroke-width: 1.2; stroke-dasharray: 3 4; opacity: .9; vector-effect: non-scaling-stroke; }
.chart-buy-guide { stroke: var(--amber); }
.chart-sell-guide { stroke: var(--red); }
.chart-live-guide { stroke: var(--cyan); }
.chart-trade-cross { stroke: #fff; stroke-width: 1.7; pointer-events: none; vector-effect: non-scaling-stroke; }
.chart-trade-label { font-size: 12px; font-weight: 1000; paint-order: stroke; stroke: #031319; stroke-width: 3px; stroke-linejoin: round; }
.chart-buy-label { fill: var(--amber); }
.chart-sell-label { fill: var(--red); }
.chart-current-label { fill: var(--cyan); }
.chart-series { stroke: var(--cyan); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.chart-level { stroke-width: 1; stroke-dasharray: 5 5; opacity: .72; vector-effect: non-scaling-stroke; }
.chart-level.entry { stroke: var(--amber); }
.chart-level.live { stroke: var(--cyan); opacity: .38; }
.chart-level.sell { stroke: #ff7e9a; opacity: .58; }
.chart-level.take-profit { stroke: var(--green); }
.chart-level.stop-loss { stroke: var(--red); }
.chart-level-label { font-size: 10px; font-weight: 1000; paint-order: stroke; stroke: #031319; stroke-width: 3px; stroke-linejoin: round; }
.chart-level-label.take-profit { fill: var(--green); }
.chart-level-label.stop-loss { fill: var(--red); }
.chart-sample-point { fill: #052d34; stroke: #5ed9eb; stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.chart-confirmed-sample { fill: #fff; stroke-width: 1.8; }
.chart-live-point { fill: var(--cyan); stroke: #dffaff; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.chart-manual-star { fill: #fff; stroke: #111; stroke-width: .8; paint-order: stroke; font-size: 22px; font-weight: 1000; }
.manual-exit-badge { display: inline-flex; align-items: center; width: fit-content; padding: 4px 7px; border: 1px solid #fff !important; border-radius: 5px; color: #fff !important; background: #171a21 !important; box-shadow: 0 0 0 2px rgb(255 255 255 / 8%); font-size: .61rem !important; font-weight: 1000; letter-spacing: .055em; }
.market-chart > small { display: block; margin-top: 6px; line-height: 1.35; }
.positive { color: var(--green); }
.negative { color: var(--red); }
.study-comparison { margin: 0 0 10px; padding: 8px 9px; border: 1px solid #274832; border-radius: 6px; color: #91b69b; background: #0b1f13; font-size: .7rem; line-height: 1.4; }
.study-comparison.different { border-color: #75601e; color: #ead58b; background: #211c09; }
.paper-result { margin: 0 0 10px; padding: 8px 9px; border: 1px solid #235134; border-radius: 6px; background: #07180e; font-size: .72rem; font-weight: 800; }
.eligibility { min-height: 34px; margin: 0 0 10px; font-size: .69rem; line-height: 1.4; }
.eligibility.eligible { color: var(--green); }
.eligibility.ineligible { color: #b99ba1; }
.mint-row { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(0,1fr) auto; gap: 7px; align-items: center; padding: 8px; border: 1px solid #6c4e90; border-radius: 6px; background: #150b1c; }
.mint-row + .mint-row { margin-top: 6px; }
.mint-row > span { color:#ffc8ff; font-size:.6rem; font-weight:900; letter-spacing:.06em; }
.mint-row code { min-width: 0; color: #fff; overflow-wrap:anywhere; word-break:break-all; white-space:normal; }
.mint-row button { min-height:34px; }
@media (max-width: 760px) {
  .mint-row { grid-template-columns:1fr; }
  .mint-row button { width:100%; }
}
.copy-mint { border: 0; color: var(--cyan); background: transparent; cursor: pointer; font-size: .7rem; }
.signal-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 11px; }
.signal-footer > span { color: var(--muted); font-size: .69rem; }
.signal-footer > div { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.history-panel { margin-top: 10px; }
.history-heading { align-items: center; }
.history-filters { display: flex; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.history-filters .button { min-height: 32px; padding: 6px 9px; font-size: .7rem; }
.history-filters .active { color: #04160b; border-color: var(--green); background: var(--green); }
.qualified-bot-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 10px 0; padding: 12px; border: 1px solid #2a7d7a; border-radius: 10px; background: linear-gradient(145deg, #061b17, #071722); }
.qualified-bot-copy { display: grid; gap: 4px; min-width: 0; }
.qualified-bot-copy span { color: #78b6a1; font-size: .58rem; font-weight: 900; letter-spacing: .09em; }
.qualified-bot-copy strong { color: #eafff0; font-size: .8rem; overflow-wrap: anywhere; }
.qualified-bot-copy small { color: #8db5a0; font-size: .62rem; line-height: 1.4; }
.qualified-bot-controls { display: flex; flex: 0 0 auto; gap: 7px; padding: 5px; border: 1px solid #28796f; border-radius: 9px; background: #041714; }
.qualified-bot-controls button { min-height: 38px; padding: 7px 11px; border: 1px solid transparent; border-radius: 7px; color: #b7d8c8; background: transparent; cursor: pointer; font-size: .67rem; font-weight: 950; }
.qualified-bot-controls button.active { color: #03170a; border-color: var(--green); background: var(--green); box-shadow: 0 0 14px rgb(61 255 145 / 13%); }
.qualified-bot-controls button:disabled { cursor: not-allowed; opacity: .45; }
.heading-count { display: inline-flex; min-width: 27px; height: 23px; align-items: center; justify-content: center; margin-left: 5px; padding: 0 7px; border-radius: 999px; color: var(--cyan); background: #0b2730; font-size: .72rem; vertical-align: middle; }

.executor-tab-nav { position: sticky; top: 112px; z-index: 9; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 7px; margin: 0 0 14px; padding: 8px; border: 1px solid #286a43; border-radius: 12px; background: rgb(5 18 10 / 94%); box-shadow: 0 10px 35px rgb(0 0 0 / 28%); backdrop-filter: blur(14px); }
.executor-tab { min-width: 0; min-height: 62px; padding: 9px 10px; border: 1px solid #214a30; border-radius: 8px; color: #b8d4c0; background: #07170e; cursor: pointer; text-align: left; text-decoration:none; transition: border-color .15s, background .15s, transform .15s; }
.executor-tab:hover { transform: translateY(-1px); border-color: #48bc78; }
.executor-tab strong, .executor-tab small { display: block; overflow-wrap: anywhere; }
.executor-tab strong { color: #effff3; font-size: .79rem; }
.executor-tab small { margin-top: 4px; color: #78a687; font-size: .61rem; line-height: 1.3; }
.executor-tab.active { border-color: var(--green); background: linear-gradient(145deg, #0d3a22, #092516); box-shadow: inset 0 -3px 0 var(--green), 0 0 18px rgb(61 255 145 / 9%); }
.executor-tab.live-tab:not(.active) { border-color: #286b7b; background: linear-gradient(145deg, #07191c, #07170e); }
.executor-tab.live-tab.active { border-color: var(--cyan); background: linear-gradient(145deg, #0a3340, #092516); box-shadow: inset 0 -3px 0 var(--cyan), 0 0 18px rgb(52 224 255 / 12%); }
.executor-tab.failed-tab:not(.active) { border-color: #683040; }
.tab-count { display: inline-flex; min-width: 20px; min-height: 20px; align-items: center; justify-content: center; margin-left: 3px; padding: 1px 5px; border-radius: 999px; color: #03170a; background: var(--green); font-size: .65rem; }
.live-tab .tab-count { color: #031319; background: var(--cyan); }
.failed-tab .tab-count { color: #fff; background: #8a2638; }
.executor-tab.misc-tab:not(.active) { border-color: #655821; }
.executor-tab.paper-engine-link { border-color:#4dbddd; background:linear-gradient(145deg,#082d38,#071d16); box-shadow:inset 0 -3px 0 rgba(77,189,221,.5),0 0 18px rgb(52 224 255 / 10%); }
.executor-tab.paper-engine-link strong { color:#9eeaff; }
.executor-tab-pane[hidden] { display: none !important; }
.executor-tab-pane.active { animation: executor-pane-in .16s ease-out; }
@keyframes executor-pane-in { from { opacity: .55; transform: translateY(4px); } }
.wallet-scope-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 10px; padding: 11px 12px; border: 1px solid #2b7180; border-radius: 10px; background: linear-gradient(145deg, #061d22, #07170e); box-shadow: inset 4px 0 0 var(--cyan); }
.wallet-scope-bar > div:first-child { display: grid; gap: 3px; min-width: 0; }
.wallet-scope-bar span { color: #75bec8; font-size: .56rem; font-weight: 900; letter-spacing: .09em; }
.wallet-scope-bar strong { color: #effff3; font-size: .78rem; }
.wallet-scope-bar small { color: #91b9b4; font-size: .62rem; line-height: 1.4; }
.wallet-scope-controls { display: grid; grid-template-columns: repeat(2, minmax(118px, 1fr)); gap: 6px; flex: 0 0 auto; }
.wallet-scope-controls button { min-height: 38px; padding: 7px 11px; border: 1px solid #2c6170; border-radius: 7px; color: #b8d8d8; background: #041419; cursor: pointer; font: inherit; font-size: .68rem; font-weight: 900; }
.wallet-scope-controls button:hover:not(:disabled), .wallet-scope-controls button:focus-visible { border-color: var(--cyan); outline: none; }
.wallet-scope-controls button.active { color: #03170a; border-color: var(--green); background: var(--green); box-shadow: 0 0 15px rgb(61 255 145 / 12%); }
.wallet-scope-controls button[data-wallet-scope="partner"].active { color: #031319; border-color: var(--cyan); background: var(--cyan); box-shadow: 0 0 15px rgb(53 217 255 / 14%); }
.pane-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0; }
#failed-entries-pane > .pane-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pane-guide article { min-width: 0; padding: 10px 12px; border: 1px solid #285c3a; border-radius: 8px; background: linear-gradient(145deg, #071a10, #08151c); }
.pane-guide span { display: block; color: #78a987; font-size: .58rem; font-weight: 900; letter-spacing: .09em; }
.pane-guide strong { display: block; margin-top: 5px; color: #eafff0; font-size: .78rem; overflow-wrap: anywhere; }

.real-performance-panel { margin: 10px 0; border-color: #217846; scroll-margin-top: 130px; }
.real-performance-panel > .muted { margin-bottom: 14px; }
.portfolio-currency-toolbar { position: sticky; top: 190px; z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -4px -4px 14px; padding: 10px 12px; border: 2px solid var(--cyan); border-radius: 10px; background: rgb(5 27 25 / 96%); box-shadow: 0 10px 28px rgb(0 0 0 / 35%), 0 0 20px rgb(0 211 255 / 10%); backdrop-filter: blur(14px); }
.portfolio-currency-copy { display: grid; gap: 3px; min-width: 0; }
.portfolio-currency-copy strong { color: #eaffff; font-size: .73rem; letter-spacing: .06em; }
.portfolio-currency-copy span { color: #9dc7c5; font-size: .64rem; line-height: 1.35; }
.portfolio-currency-controls { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 0 0 auto; }
.portfolio-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.currency-switch { display: flex; align-items: center; gap: 5px; padding: 5px; border: 1px solid #317e83; border-radius: 8px; background: #031318; }
.currency-switch button { min-width: 72px; min-height: 38px; padding: 6px 12px; border: 1px solid transparent; border-radius: 6px; color: #b8d8d8; background: transparent; cursor: pointer; font-size: .78rem; font-weight: 900; }
.currency-switch button.active { color: #03170a; border-color: var(--green); background: var(--green); box-shadow: 0 0 14px rgb(61 255 145 / 13%); }
.real-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.real-metrics article { min-width: 0; min-height: 104px; padding: 13px; border: 1px solid #235134; border-radius: 8px; background: #06170d; display: flex; flex-direction: column; }
.real-metrics span, .real-trade-stats span, .trade-identifier > span { color: #73a984; font-size: .61rem; font-weight: 800; letter-spacing: .08em; }
.real-metrics strong { margin: 8px 0 4px; color: var(--green); font-size: 1.16rem; overflow-wrap: anywhere; }
.real-metrics small { margin-top: auto; color: var(--muted); font-size: .66rem; line-height: 1.35; }
.misc-rates-panel { border-color: #2b7180; background: radial-gradient(circle at top right, rgb(53 217 255 / 10%), transparent 34%), linear-gradient(145deg, #071d20, #07170e 58%); }
.misc-rate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.misc-rate-grid article { min-width: 0; padding: 18px; border: 1px solid #2a7483; border-radius: 10px; background: #06191c; }
.misc-rate-grid span, .misc-conversion-results span { display: block; color: #7fc8d2; font-size: .64rem; font-weight: 900; letter-spacing: .08em; }
.misc-rate-grid strong { display: block; margin: 9px 0 5px; color: var(--cyan); font-size: clamp(1.15rem, 2.6vw, 1.7rem); overflow-wrap: anywhere; }
.misc-rate-grid small { color: #90b4b7; font-size: .68rem; }
.misc-converter { display: grid; grid-template-columns: minmax(220px, .55fr) 1.45fr; gap: 12px; padding: 16px; border: 1px solid #6b5f23; border-radius: 10px; background: linear-gradient(145deg, #1d1a08, #101a12); }
.misc-converter h3 { color: var(--amber); font-size: 1rem; }
.misc-converter label span { display: block; margin-bottom: 6px; color: #d6c477; font-size: .7rem; font-weight: 800; }
.misc-conversion-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.misc-conversion-results article { min-width: 0; padding: 13px; border: 1px solid #4e6230; border-radius: 8px; background: #09170d; }
.misc-conversion-results strong { display: block; margin-top: 8px; color: #effff3; font-size: .82rem; overflow-wrap: anywhere; }
.misc-rate-source { margin: 13px 0 0; color: #9bc6c9; font-size: .72rem; line-height: 1.5; }
.misc-subtab-nav { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 12px 0 10px; padding: 7px; border: 1px solid #6b5f23; border-radius: 10px; background: #171606; }
.misc-subtab { min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid #5a5122; border-radius: 7px; color: #d7ca88; background: #101509; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 900; }
.misc-subtab:hover, .misc-subtab:focus-visible { border-color: var(--cyan); outline: none; }
.misc-subtab.active { color: #03170a; border-color: var(--green); background: var(--green); }
.misc-subtab-pane[hidden] { display: none !important; }
.misc-subtab-pane.active { animation: executor-pane-in .16s ease-out; }
.misc-stats-panel { border-color: #2a7b58; background: radial-gradient(circle at top right, rgb(61 255 145 / 9%), transparent 34%), linear-gradient(145deg, #071d11, #07170e 62%); }
.misc-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.misc-stats-grid article { display: flex; min-width: 0; min-height: 104px; padding: 12px; border: 1px solid #285d43; border-radius: 8px; background: #06180e; flex-direction: column; }
.misc-stats-grid article[data-stat-key] { cursor: pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.misc-stats-grid article[data-stat-key]:hover, .misc-stats-grid article[data-stat-key]:focus-visible { border-color: #34f38d; background: #092216; outline: none; transform: translateY(-2px); }
.misc-stats-grid span, .misc-stats-grid strong, .misc-stats-grid small { display: block; overflow-wrap: anywhere; }
.misc-stats-grid span { color: #78aa87; font-size: .58rem; font-weight: 900; letter-spacing: .075em; }
.misc-stats-grid strong { margin: 7px 0 5px; color: #effff3; font-size: .9rem; }
.misc-stats-grid small { margin-top: auto; color: #8fb39a; font-size: .61rem; line-height: 1.4; }
.trade-display-toolbar, .order-currency-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0; padding: 10px 12px; border: 1px solid #347b84; border-radius: 9px; background: linear-gradient(145deg, #061c22, #0e1722); }
.trade-display-toolbar > span, .order-currency-toolbar strong { color: var(--cyan); font-size: .68rem; font-weight: 900; letter-spacing: .07em; }
.order-currency-toolbar > div:first-child { display: grid; gap: 3px; }
.order-currency-toolbar span { color: #a9c5c9; font-size: .63rem; line-height: 1.35; }
.successful-trades { margin-top: 14px; padding: 18px; border: 2px solid var(--green); border-radius: 12px; background: radial-gradient(circle at top right, rgb(61 255 145 / 12%), transparent 38%), #06190d; box-shadow: 0 0 0 4px rgb(61 255 145 / 5%), var(--shadow); scroll-margin-top: 130px; }
.successful-trades-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.successful-trades-heading h3 { margin: 0 0 6px; color: #effff3; font-size: 1.25rem; }
.successful-trades-heading p:not(.eyebrow) { max-width: 800px; margin: 0; color: #a9cbb2; font-size: .75rem; line-height: 1.5; }
.success-count { display: inline-flex; min-width: 28px; min-height: 25px; align-items: center; justify-content: center; margin-left: 6px; padding: 2px 8px; border-radius: 999px; color: #03170a; background: var(--green); font-size: .78rem; vertical-align: 2px; }
.successful-total { flex: 0 0 auto; padding: 10px 12px; border: 1px solid #42e98c; border-radius: 8px; color: var(--green); background: #04130a; font-size: .95rem; white-space: nowrap; }
.successful-trades-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 10px; }
.successful-trade-card { min-width: 0; padding: 16px; border: 2px solid var(--pnl-border, #42f891); border-radius: 10px; background: linear-gradient(145deg, var(--pnl-bg, #092517), #05160c); box-shadow: inset 4px 0 0 var(--pnl-border, #42f891), 0 12px 30px var(--pnl-glow, rgb(0 0 0 / 24%)); }
.successful-trade-card.manual-exit-card, .real-trade-card.manual-exit-card { border-left-color: #fff !important; border-right-color: #fff !important; box-shadow: inset 4px 0 0 #fff, inset -4px 0 0 #fff, 0 12px 30px rgb(0 0 0 / 28%); }
.successful-trade-card.manual-wallet-win-card, .real-trade-card.manual-wallet-win-card { border-color: var(--manual-win) !important; background: linear-gradient(145deg, #0a2b52, #071521 58%) !important; box-shadow: inset 5px 0 0 var(--manual-win), 0 12px 30px rgb(30 112 214 / 24%) !important; }
.successful-trade-card.manual-wallet-loss-card, .real-trade-card.manual-wallet-loss-card { border-color: var(--manual-loss) !important; background: linear-gradient(145deg, #47250a, #1d1208 58%) !important; box-shadow: inset 5px 0 0 var(--manual-loss), 0 12px 30px rgb(223 116 20 / 22%) !important; }
.manual-wallet-proof-label { color: #f4fbff !important; background: #176cbf !important; }
.successful-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.successful-card-heading h4 { margin: 4px 0 2px; color: #f1fff5; font-size: 1.15rem; overflow-wrap: anywhere; }
.successful-card-heading p { margin: 0; color: #93bca0; font-size: .68rem; }
.success-proof-label { display: inline-flex; padding: 4px 7px; border-radius: 5px; color: #03170a; background: var(--green); font-size: .61rem; font-weight: 900; letter-spacing: .05em; }
.success-profit { color: var(--green); font-size: 1.35rem; line-height: 1; text-align: right; white-space: nowrap; }
.success-profit > span { display: block; margin-bottom: 7px; color: #8bc79d; font-size: .57rem; font-weight: 900; letter-spacing: .08em; }
.success-profit > strong { display: block; }
.success-profit small { display: block; margin-top: 5px; color: #b2d5bc; font-size: .67rem; font-weight: 700; }
.success-flow { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 13px 0 10px; padding: 10px 11px; border: 1px solid #2e7249; border-radius: 7px; color: #dfffe8; background: #04130a; font-size: .78rem; font-weight: 800; text-align: center; }
.success-flow span { color: var(--green); font-size: 1.1rem; }
.success-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.success-stats > div { min-width: 0; padding: 9px; border: 1px solid #1b492d; border-radius: 7px; background: #06170d; }
.success-stats span { display: block; color: #73a984; font-size: .58rem; font-weight: 800; letter-spacing: .07em; }
.success-stats strong { display: block; margin-top: 5px; color: #edfff2; font-size: .78rem; overflow-wrap: anywhere; }
.success-proof { margin: 10px 0 7px; color: #9ac5a7; font-size: .68rem; line-height: 1.45; }
.success-proof-links { display: flex; gap: 7px; flex-wrap: wrap; }
.success-proof-links > span { flex: 1 1 100%; color: #9ac5a7; font-size: .68rem; }
.success-proof-links > div { display: flex; width: 100%; gap: 7px; flex-wrap: wrap; }
.success-proof-links .button { flex: 1 1 150px; border-color: #278556; color: var(--green); background: #061b10; }
.successful-trade-card .order-detail-toggle { margin: 11px 0 10px; border-color: var(--green); color: #9fffc5; background: #0a321d; }
.successful-trade-card .order-detail-toggle:hover, .successful-trade-card .order-detail-toggle:focus-visible { color: #03150a; background: var(--green); }
.successful-trades-grid > .empty-state { grid-column: 1 / -1; border-color: #3a7f54; background: #05150b; }
.portfolio-analytics { position: relative; z-index: 3; isolation: isolate; display: grid; grid-template-columns: 1.05fr .95fr; gap: 10px; margin-top: 13px; }
.portfolio-chart-card, .pnl-calendar-card { min-width: 0; padding: 15px; border: 1px solid #287347; border-radius: 10px; background: linear-gradient(145deg, #071b10, #05140b); }
.portfolio-chart-card { border-color: #246b7b; background: linear-gradient(145deg, #061b20, #05140b 55%); box-shadow: inset 0 3px 0 rgb(53 217 255 / 20%); }
.pnl-calendar-card { border-color: #6f5e24; background: linear-gradient(145deg, #1b1908, #05140b 50%); box-shadow: inset 0 3px 0 rgb(255 201 77 / 18%); }
.analytics-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.analytics-heading h3 { margin: 0; color: #effff3; font-size: 1.05rem; }
.analytics-note { margin: 11px 0 0; color: #9fc4a9; font-size: .68rem; line-height: 1.45; }
.portfolio-equity-chart { min-height: 245px; display: grid; place-items: center; overflow: hidden; border: 1px solid #246477; border-radius: 8px; background: radial-gradient(circle at top right, rgb(53 217 255 / 7%), transparent 42%), #04120a; }
.portfolio-equity-chart svg { display: block; width: 100%; height: 245px; }
.portfolio-grid-line { stroke: #24515d; stroke-width: 1; stroke-dasharray: 3 5; opacity: .55; vector-effect: non-scaling-stroke; }
.portfolio-axis-line { stroke: var(--cyan); stroke-width: 1; opacity: .78; vector-effect: non-scaling-stroke; }
.portfolio-axis-tick { fill: #9bd9e6; font-size: 10px; font-weight: 700; }
.portfolio-axis-title { fill: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.portfolio-zero-line { stroke: var(--amber); stroke-width: 1.5; stroke-dasharray: 5 5; opacity: .8; vector-effect: non-scaling-stroke; }
.portfolio-equity-area { fill: rgb(53 217 255 / 9%); }
.portfolio-equity-segment { stroke-width: 3; vector-effect: non-scaling-stroke; }
.portfolio-equity-segment.segment-win { stroke: #32e487; }
.portfolio-equity-segment.segment-loss { stroke: #ff4d70; }
.portfolio-equity-segment.segment-flat { stroke: var(--amber); }
.portfolio-equity-segment.segment-manual-win { stroke: var(--manual-win); }
.portfolio-equity-segment.segment-manual-loss { stroke: var(--manual-loss); }
.portfolio-equity-point { stroke: #e7fff0; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.portfolio-equity-point.point-start, .portfolio-equity-point.point-flat { fill: var(--amber); }
.portfolio-equity-point.point-win { fill: #32e487; }
.portfolio-equity-point.point-loss { fill: #ff4d70; }
.portfolio-equity-point.point-manual-win { fill: var(--manual-win); }
.portfolio-equity-point.point-manual-loss { fill: var(--manual-loss); }
.portfolio-equity-point.point-manual { stroke: #fff; stroke-width: 3; }
.portfolio-manual-star { fill: #fff; stroke: #07110b; stroke-width: 1; paint-order: stroke; font-size: 20px; font-weight: 1000; }
.portfolio-equity-label { fill: #e7fff0; font-size: 15px; font-weight: 800; }
.portfolio-equity-label.label-win { fill: #32e487; }
.portfolio-equity-label.label-loss { fill: #ff4d70; }
.portfolio-equity-label.label-flat { fill: var(--amber); }
.portfolio-chart-legend { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 9px; }
.portfolio-chart-legend span { display: inline-flex; align-items: center; gap: 5px; color: #a9c7b2; font-size: .61rem; font-weight: 800; }
.portfolio-chart-legend span::before { content: ""; width: 18px; height: 3px; border-radius: 999px; background: currentColor; }
.portfolio-legend-win { color: #32e487 !important; }
.portfolio-legend-loss { color: #ff4d70 !important; }
.portfolio-legend-axis { color: var(--cyan) !important; }
.calendar-month-controls { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; gap: 8px; margin-bottom: 10px; }
.calendar-month { width: 100%; min-height: 38px; padding: 7px 32px 7px 11px; border: 1px solid #2e6d44; border-radius: 9px; color: #effff3; background: #07190e; font: inherit; font-size: .78rem; font-weight: 900; text-align: center; text-align-last: center; }
.calendar-month-nav { min-height: 38px; border: 1px solid #2e6d44; border-radius: 9px; color: var(--green); background: #07190e; font: inherit; font-weight: 1000; cursor: pointer; }
.calendar-month-nav:hover, .calendar-month-nav:focus-visible, .calendar-month:focus-visible { border-color: var(--cyan); outline: 2px solid rgb(53 217 255 / 24%); }
.calendar-month-nav:disabled { cursor: default; opacity: .35; }
.pnl-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.calendar-weekday { padding: 4px 1px; color: #74a784; font-size: .54rem; font-weight: 900; text-align: center; }
.calendar-cell { min-width: 0; min-height: 58px; padding: 6px; border: 1px solid #1b4229; border-radius: 6px; color: #789c83; background: #06140c; font: inherit; text-align: left; }
.calendar-cell:is(button) { cursor: pointer; }
.calendar-cell:is(button):hover, .calendar-cell:is(button):focus-visible { outline: 2px solid var(--cyan); outline-offset: 1px; transform: translateY(-1px); }
.calendar-cell.selected-day { outline: 2px solid #fff; outline-offset: 1px; box-shadow: inset 0 -3px 0 currentColor, 0 0 18px rgb(255 255 255 / 14%); }
.calendar-cell > span { display: block; font-size: .59rem; font-weight: 800; }
.calendar-cell strong { display: block; margin-top: 6px; color: #ecfff1; font-size: .66rem; overflow-wrap: anywhere; }
.calendar-cell small { display: block; margin-top: 3px; color: #b2d1bb; font-size: .5rem; line-height: 1.25; overflow-wrap: anywhere; }
.calendar-cell.profit-day { border-color: #31bd6d; background: #0a2b18; box-shadow: inset 0 -3px 0 #31d978; }
.calendar-cell.loss-day { border-color: #9c3448; background: #2a0d14; box-shadow: inset 0 -3px 0 var(--red); }
.calendar-cell.flat-day { border-color: #77651e; background: #201b08; }
.calendar-cell.blank { border-color: transparent; background: transparent; }
.calendar-day-overlay { position: fixed; inset: 0; z-index: 1050; display: grid; place-items: center; padding: 12px; overflow-y: auto; background: rgb(0 0 0 / 84%); backdrop-filter: blur(8px); }
.calendar-day-modal { position: relative; width: min(1220px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow-y: auto; padding: clamp(22px, 3vw, 34px); border: 2px solid var(--amber); border-radius: 16px; background: radial-gradient(circle at top right, rgb(255 224 79 / 12%), transparent 34%), radial-gradient(circle at 10% 30%, rgb(53 217 255 / 6%), transparent 28%), #06160d; box-shadow: 0 0 0 6px rgb(255 224 79 / 8%), 0 30px 90px rgb(0 0 0 / 72%); }
.pnl-calendar-day-details { margin-top: 14px; }
.calendar-day-detail-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-right: 48px; }
.calendar-day-detail-heading h2 { margin: 4px 0 5px; color: #fff8ce; font-size: clamp(1.3rem, 4vw, 2rem); line-height: 1.25; }
.calendar-day-detail-heading p:last-child { margin: 0; color: #a9c7b2; font-size: .76rem; }
.daily-dashboard-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; overflow: hidden; padding: clamp(20px, 3vw, 32px); border: 1px solid #376c49; border-radius: 16px; background: linear-gradient(125deg, rgb(53 255 140 / 12%), transparent 45%), #061b10; box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 16px 40px rgb(0 0 0 / 24%); }
.daily-dashboard-hero::after { content: ""; position: absolute; width: 230px; height: 230px; right: -90px; bottom: -145px; border: 28px solid rgb(255 255 255 / 4%); border-radius: 50%; pointer-events: none; }
.daily-dashboard-negative { border-color: #88394b; background: linear-gradient(125deg, rgb(255 79 112 / 15%), transparent 45%), #1b0a0e; }
.daily-dashboard-flat { border-color: #7a6928; background: linear-gradient(125deg, rgb(255 224 79 / 12%), transparent 45%), #191707; }
.daily-hero-copy { display: grid; gap: 7px; min-width: 0; }
.daily-hero-copy > span { color: #92c7a1; font-size: .66rem; font-weight: 1000; letter-spacing: .14em; }
.daily-hero-copy > strong { color: var(--green); font-size: clamp(2.2rem, 6vw, 4.25rem); line-height: 1; overflow-wrap: anywhere; text-shadow: 0 0 28px rgb(53 255 140 / 24%); }
.daily-dashboard-negative .daily-hero-copy > strong { color: #ff7893; text-shadow: 0 0 28px rgb(255 79 112 / 24%); }
.daily-dashboard-flat .daily-hero-copy > strong { color: var(--amber); }
.daily-hero-copy > small { color: #c2dfca; font-size: .78rem; font-weight: 800; }
.daily-record-ring { position: relative; z-index: 1; display: grid; place-items: center; align-content: center; width: 144px; aspect-ratio: 1; border: 10px solid rgb(53 255 140 / 18%); border-top-color: var(--green); border-radius: 50%; background: rgb(2 14 7 / 62%); box-shadow: inset 0 0 28px rgb(0 0 0 / 42%), 0 0 30px rgb(53 255 140 / 10%); text-align: center; }
.daily-dashboard-negative .daily-record-ring { border-color: rgb(255 79 112 / 18%); border-top-color: var(--red); }
.daily-record-ring strong { color: #f2fff5; font-size: 1.7rem; line-height: 1; }
.daily-record-ring span { margin-top: 5px; color: #8cbea0; font-size: .57rem; font-weight: 1000; letter-spacing: .12em; }
.daily-record-ring small { margin-top: 3px; color: #d1ead7; font-size: .58rem; }
.daily-metrics-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 11px; }
.daily-metric { min-width: 0; min-height: 112px; padding: 14px; border: 1px solid #285b3a; border-radius: 11px; background: linear-gradient(145deg, rgb(255 255 255 / 3%), transparent 60%), #07180e; box-shadow: inset 0 2px 0 rgb(255 255 255 / 3%); }
.daily-metric > span { display: block; color: #77a787; font-size: .57rem; font-weight: 1000; letter-spacing: .1em; }
.daily-metric > strong { display: block; margin-top: 10px; color: #effff3; font-size: clamp(.9rem, 1.8vw, 1.17rem); line-height: 1.18; overflow-wrap: anywhere; }
.daily-metric > small { display: block; margin-top: 7px; color: #93b69d; font-size: .58rem; line-height: 1.35; }
.daily-metric-positive { border-color: #288650; background: linear-gradient(145deg, rgb(53 255 140 / 9%), transparent 62%), #071b10; }
.daily-metric-positive > strong, .daily-metric-inflow > strong { color: var(--green); }
.daily-metric-negative, .daily-metric-outflow { border-color: #823649; background: linear-gradient(145deg, rgb(255 79 112 / 9%), transparent 62%), #1a090e; }
.daily-metric-negative > strong, .daily-metric-outflow > strong { color: #ff8da3; }
.daily-metric-cyan { border-color: #27758a; background: linear-gradient(145deg, rgb(53 217 255 / 8%), transparent 62%), #06191d; }
.daily-metric-cyan > strong { color: var(--cyan); }
.daily-pnl-panel, .daily-cashflow-panel, .daily-outcome-panel { margin-top: 11px; padding: 17px; border: 1px solid #285d42; border-radius: 13px; background: rgb(3 17 9 / 76%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%); }
.daily-pnl-panel { border-color: #256f83; background: radial-gradient(circle at top right, rgb(53 217 255 / 7%), transparent 34%), #04140f; }
.daily-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.daily-section-heading h3, .daily-trade-list-heading h3 { margin: 3px 0 4px; color: #f2fff6; font-size: 1.02rem; }
.daily-section-heading p:not(.eyebrow), .daily-trade-list-heading p { max-width: 720px; margin: 0; color: #91b69c; font-size: .65rem; line-height: 1.45; }
.daily-section-heading .badge { flex: 0 0 auto; margin-top: 4px; }
.daily-pnl-chart { min-height: 310px; margin-top: 13px; overflow-x: auto; border: 1px solid #1d5261; border-radius: 9px; background: linear-gradient(180deg, rgb(53 217 255 / 4%), transparent 50%), #031009; }
.daily-pnl-chart svg { display: block; width: 100%; min-width: 720px; height: 310px; }
.daily-chart-grid { stroke: #214a53; stroke-width: 1; stroke-dasharray: 3 6; vector-effect: non-scaling-stroke; }
.daily-chart-zero { stroke: var(--amber); stroke-width: 1.5; stroke-dasharray: 7 5; opacity: .88; vector-effect: non-scaling-stroke; }
.daily-chart-axis-label { fill: #82bdc9; font-size: 9px; font-weight: 800; }
.daily-chart-x-label { fill: #93bda0; font-size: 9px; font-weight: 800; }
.daily-chart-area { opacity: .4; }
.daily-chart-area.area-profit { fill: rgb(53 255 140 / 19%); }
.daily-chart-area.area-loss { fill: rgb(255 79 112 / 20%); }
.daily-chart-segment { stroke-width: 4; vector-effect: non-scaling-stroke; }
.daily-chart-segment.segment-win { stroke: var(--green); }
.daily-chart-segment.segment-loss { stroke: var(--red); }
.daily-chart-segment.segment-flat { stroke: var(--amber); }
.daily-chart-segment.segment-manual-win { stroke: var(--manual-win); }
.daily-chart-segment.segment-manual-loss { stroke: var(--manual-loss); }
.daily-chart-point { stroke: #effff3; stroke-width: 2; vector-effect: non-scaling-stroke; transition: r .12s ease; }
.daily-chart-point:hover, .daily-chart-point:focus { r: 9px; outline: none; }
.daily-chart-point.point-win { fill: var(--green); }
.daily-chart-point.point-loss { fill: var(--red); }
.daily-chart-point.point-flat { fill: var(--amber); }
.daily-chart-point.point-manual-win { fill: var(--manual-win); }
.daily-chart-point.point-manual-loss { fill: var(--manual-loss); }
.daily-chart-legend { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
.daily-chart-legend span { display: inline-flex; align-items: center; gap: 6px; color: #9cbca5; font-size: .61rem; font-weight: 800; }
.daily-chart-legend span::before { content: ""; width: 22px; height: 4px; border-radius: 999px; background: currentColor; }
.daily-legend-win { color: var(--green) !important; }
.daily-legend-manual-win { color: var(--manual-win) !important; }
.daily-legend-manual-loss { color: var(--manual-loss) !important; }
.daily-legend-loss { color: var(--red) !important; }
.daily-legend-zero { color: var(--amber) !important; }
.daily-cashflow-panel { border-color: #726124; background: radial-gradient(circle at top left, rgb(255 224 79 / 6%), transparent 32%), #101207; }
.daily-cashflow-grid { display: grid; grid-template-columns: 1fr 44px 1fr 1fr; align-items: stretch; gap: 9px; margin-top: 13px; }
.daily-cashflow-grid .daily-metric { min-height: 118px; }
.daily-cashflow-arrow { display: grid; place-items: center; color: var(--amber); font-size: 2rem; font-weight: 1000; }
.daily-metric-inflow { border-color: #288650; background: linear-gradient(145deg, rgb(53 255 140 / 9%), transparent 62%), #071b10; }
.daily-outcome-panel { padding: 14px 17px; }
.daily-outcome-top { display: flex; justify-content: space-between; gap: 12px; color: #eaffef; font-size: .72rem; }
.daily-outcome-top span { color: #9fc3a8; }
.daily-outcome-bar { display: flex; height: 14px; margin-top: 10px; overflow: hidden; border: 1px solid #294f36; border-radius: 999px; background: #07120b; }
.daily-outcome-bar span { min-width: 4px; }
.daily-outcome-wins { background: linear-gradient(90deg, #1db75a, var(--green)); }
.daily-outcome-losses { background: linear-gradient(90deg, #d63155, var(--red)); }
.daily-outcome-flat { background: var(--amber); }
.daily-trade-list-heading { margin-top: 20px; padding: 0 2px; }
.calendar-day-trades { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 10px; }
.calendar-day-trades .compact-real-trade-card { padding: 11px; }
.portfolio-note { margin: 13px 0; padding: 10px 12px; border: 1px solid #235134; border-radius: 7px; color: #a9cbb2; background: #07180e; font-size: .73rem; }
.portfolio-subtab-nav { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 14px 0 10px; padding: 7px; border: 1px solid #2b6540; border-radius: 10px; background: #05140b; }
.portfolio-subtab { min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid #214a30; border-radius: 7px; color: #b8d4c0; background: #07170e; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 900; }
.portfolio-subtab:hover, .portfolio-subtab:focus-visible { border-color: var(--cyan); outline: none; }
.portfolio-subtab.active { color: #03170a; border-color: var(--green); background: var(--green); }
.portfolio-subtab-pane { position: relative; z-index: 1; min-width: 0; padding-top: 2px; }
.portfolio-subtab-pane[hidden] { display: none !important; }
.portfolio-subtab-pane.active { animation: executor-pane-in .16s ease-out; }

.failed-subtab-nav { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 14px 0 10px; padding: 7px; border: 1px solid #2b6540; border-radius: 10px; background: #05140b; }
.failed-subtab { min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid #214a30; border-radius: 7px; color: #b8d4c0; background: #07170e; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 900; }
.failed-subtab:hover, .failed-subtab:focus-visible { border-color: var(--cyan); outline: none; }
.failed-subtab.active { color: #03170a; border-color: var(--green); background: var(--green); }
.failed-subtab-pane[hidden] { display: none !important; }
.failed-subtab-pane.active { animation: executor-pane-in .16s ease-out; }
.impact-outcome-study { margin-top: 24px; padding-top: 20px; border-top: 1px solid #2b6540; }
.impact-interval-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid #2f7280; border-radius: 10px; background: linear-gradient(145deg, #071d20, #07160d 62%); }
.impact-interval-heading h3 { color: var(--cyan); font-size: 1rem; }
.impact-interval-help { margin: 10px 0; padding: 12px 14px; border: 1px solid #775f18; border-radius: 9px; color: #ecf5ee; background: #171b0a; font-size: .75rem; line-height: 1.55; }
.impact-interval-help strong { color: #ffe064; }
.impact-interval-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.impact-interval-totals article { min-width: 0; padding: 12px; border: 1px solid #285d67; border-radius: 8px; background: #06191c; }
.impact-interval-totals span { display: block; color: #8dbfc4; font-size: .61rem; font-weight: 900; letter-spacing: .07em; }
.impact-interval-totals strong { display: block; margin-top: 5px; font-size: 1.35rem; }
.impact-total-win strong { color: var(--green); }
.impact-total-loss strong { color: var(--red); }
.impact-total-open strong { color: var(--amber); }
.impact-total-unknown strong { color: var(--amber); }
.impact-interval-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.impact-interval-grid > .empty-state { grid-column: 1 / -1; }
.impact-interval-card { min-width: 0; overflow: hidden; border: 1px solid #235a3a; border-radius: 10px; background: #041008; }
.impact-interval-card[role="button"] { cursor: pointer; }
.impact-interval-card[role="button"]:hover, .impact-interval-card[role="button"]:focus-visible, .impact-interval-card.selected { outline: 2px solid var(--cyan); outline-offset: 2px; transform: translateY(-1px); }
.impact-interval-card.impact-cap-inside { border-color: #238b55; background: #062617; }
.impact-interval-card.impact-cap-outside { border-color: #923247; background: #260b13; }
.impact-interval-card.impact-cap-crossing { border-color: #4a7660; background: linear-gradient(90deg, #062617 0 50%, #260b13 50% 100%); }
.impact-cap-inside .impact-interval-range small { color: var(--green); }
.impact-cap-outside .impact-interval-range small { color: #ff91a6; }
.impact-cap-crossing .impact-interval-range small { color: #d8f2df; }
.impact-interval-range { padding: 11px 12px; border-bottom: 1px solid #235a3a; }
.impact-interval-range strong { display: block; color: var(--cyan); font-size: 1rem; }
.impact-interval-range small { color: #81a98b; font-size: .59rem; }
.impact-interval-answers { display: grid; grid-template-columns: 1fr 1fr; }
.impact-interval-side { min-width: 0; padding: 11px; }
.impact-interval-side + .impact-interval-side { border-left: 1px solid #235a3a; }
.impact-interval-side > span { display: block; min-height: 28px; color: #84ad90; font-size: .56rem; font-weight: 900; letter-spacing: .055em; }
.impact-interval-side > strong { display: block; margin: 4px 0 7px; font-size: 1.55rem; }
.impact-interval-win > strong { color: var(--green); }
.impact-interval-loss > strong { color: var(--red); }
.impact-outcome-source { display: block; color: #86aa90; font-size: .58rem; font-weight: 800; }
.impact-interval-unresolved { padding: 7px 11px; border-top: 1px solid #235a3a; color: var(--amber); background: #111607; font-size: .58rem; font-weight: 850; }
.impact-open { color: var(--amber); }
.impact-above-panel, .impact-detail-panel { margin-top: 11px; padding: 13px; border: 1px solid #285d67; border-radius: 10px; background: #06150c; }
.impact-above-panel h4, .impact-detail-panel h4 { margin-bottom: 9px; color: #effff3; font-size: .85rem; }
.impact-above-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.impact-above-list > .empty-state { grid-column: 1 / -1; }
.impact-above-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; padding: 8px; border: 1px solid #4b2831; border-radius: 7px; background: #170b0f; }
.impact-above-list strong { overflow: hidden; color: #effff3; text-overflow: ellipsis; white-space: nowrap; }
.impact-exact { color: var(--cyan); font-weight: 900; }
.impact-above-list article span:last-child { grid-column: 1 / -1; font-size: .61rem; font-weight: 800; }
.impact-result-win { color: var(--green); }
.impact-result-loss { color: var(--red); }
.impact-result-open { color: var(--amber); }
.impact-profit-lab { margin: 12px 0; padding: 16px; border: 1px solid #24727b; border-radius: 12px; background: #04171a; }
.impact-profit-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.impact-profit-heading h3 { margin: 4px 0 0; color: #effff3; }
.impact-profit-warning { margin: 10px 0; padding: 10px 12px; border-left: 4px solid var(--cyan); border-radius: 6px; background: #072127; color: #bde5e9; }
.impact-profit-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.impact-profit-controls fieldset { min-width: 0; margin: 0; padding: 11px; border: 1px solid #285d67; border-radius: 9px; }
.impact-profit-controls legend { padding: 0 6px; color: #9fced2; font-size: .68rem; font-weight: 900; }
.impact-profit-controls label { display: flex; align-items: center; gap: 7px; margin-top: 8px; color: #b5d8dc; font-size: .72rem; font-weight: 800; }
.impact-profit-controls input { width: 105px; }
.impact-profit-controls small { display: block; margin-top: 8px; color: #82aeb3; }
.impact-profit-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.impact-profit-switch button { min-height: 42px; padding: 7px; border: 1px solid #285d67; border-radius: 7px; background: #06130c; color: #b8d5c0; font-weight: 900; cursor: pointer; }
.impact-profit-switch button.active { border-color: var(--green); background: var(--green); color: #021108; }
.impact-profit-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 11px 0; }
.impact-profit-summary article { min-width: 0; padding: 12px; border: 1px solid #285d67; border-radius: 9px; background: #06191c; }
.impact-profit-summary span, .impact-profit-summary small { display: block; color: #8dbfc4; font-size: .61rem; font-weight: 850; }
.impact-profit-summary strong { display: block; margin: 5px 0; color: #effff3; font-size: 1.35rem; }
.impact-profit-summary strong.positive { color: var(--green); }
.impact-profit-summary strong.negative { color: var(--red); }
.impact-profit-explainer { margin: 10px 0; padding: 12px; border: 1px solid #326d58; border-radius: 9px; background: #071d13; color: #c7ead0; line-height: 1.45; }
.impact-profit-graphics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.impact-profit-graphics > article { min-width: 0; padding: 11px; border: 1px solid #285d67; border-radius: 9px; background: #06150c; }
.impact-profit-graphics h4 { margin: 0; color: #effff3; font-size: .82rem; }
.impact-profit-graphics p { min-height: 30px; margin: 4px 0 8px; color: #82a88c; font-size: .66rem; }
.impact-profit-chart-card { transition: border-color .15s ease, box-shadow .15s ease; }
.impact-profit-chart-card:hover { border-color: var(--cyan); box-shadow: inset 0 0 0 1px rgb(53 217 255 / 18%); }
.impact-profit-band-article { border-color: #21a5c1 !important; background: radial-gradient(circle at 100% 0, rgb(53 217 255 / 12%), transparent 38%), #06150c !important; box-shadow: inset 4px 0 0 var(--cyan); }
.impact-price-primary { display: inline-flex; margin-bottom: 8px; padding: 4px 7px; border: 1px solid #21a5c1; border-radius: 999px; color: #b9f4ff; background: #07303a; font-size: .55rem; font-weight: 950; letter-spacing: .06em; }
.impact-profit-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.impact-profit-card-heading h4 { min-width: 0; }
.impact-profit-card-heading button { flex: 0 0 auto; padding: 6px 8px; border: 1px solid var(--cyan); border-radius: 6px; color: #d7faff; background: #07303a; cursor: pointer; font-size: .58rem; font-weight: 900; letter-spacing: .025em; }
.impact-profit-card-heading button:hover, .impact-profit-card-heading button:focus-visible { color: #031319; background: var(--cyan); outline: none; }
.impact-profit-chart { min-height: 250px; overflow: hidden; }
.impact-profit-chart-scroll { width: 100%; overflow-x: auto; }
.impact-profit-chart svg { display: block; height: 250px; }
.impact-profit-grid-line { stroke: #173e43; stroke-width: 1; }
.impact-profit-zero-line { stroke: #dcefe1; stroke-width: 1.2; }
.impact-profit-axis-label, .impact-profit-axis-title, .impact-profit-band-label { fill: #86afb4; font-size: 10px; font-weight: 800; }
.impact-profit-band-label { font-size: 8px; }
.impact-profit-line { fill: none; stroke: var(--cyan); stroke-width: 3; }
.impact-profit-dot { stroke: #effff3; stroke-width: 1.5; }
.profit-dot-win { fill: var(--green); }
.profit-dot-loss { fill: var(--red); }
.impact-profit-bar-win { fill: var(--green); }
.impact-profit-bar-loss { fill: var(--red); }
.impact-profit-bar-open { fill: var(--amber); }
.impact-profit-band-bar { cursor: pointer; stroke: transparent; stroke-width: 4; }
.impact-profit-band-bar:hover, .impact-profit-band-bar:focus, .impact-profit-band-bar.selected { stroke: #e9fff0; filter: drop-shadow(0 0 5px rgb(82 255 171 / 55%)); outline: none; }
.impact-profit-count-label { fill: #effff3; font-size: 20px; font-weight: 950; }
.impact-chart-overlay { position: fixed; inset: 0; z-index: 1150; display: grid; place-items: center; padding: 12px; overflow-y: auto; background: rgb(0 0 0 / 88%); backdrop-filter: blur(9px); }
.impact-chart-modal { position: relative; width: min(1320px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow-y: auto; padding: clamp(22px, 2.4vw, 36px); border: 2px solid var(--cyan); border-radius: 16px; background: radial-gradient(circle at top right, rgb(53 217 255 / 12%), transparent 33%), #06160d; box-shadow: 0 0 0 6px rgb(53 217 255 / 8%), 0 30px 90px rgb(0 0 0 / 76%); }
.impact-chart-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding-right: 48px; }
.impact-chart-heading h2 { margin: 4px 0 5px; color: #effff3; font-size: clamp(1.4rem, 3vw, 2.25rem); }
.impact-chart-heading p:last-child { margin: 0; color: #9bc1a5; font-size: .76rem; line-height: 1.45; }
.impact-chart-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 16px; }
.impact-chart-controls fieldset { min-width: 0; margin: 0; padding: 10px; border: 1px solid #2a6650; border-radius: 9px; background: #071b11; }
.impact-chart-controls legend { padding: 0 5px; color: var(--green); font-size: .65rem; font-weight: 900; letter-spacing: .04em; }
.impact-chart-controls label { display: flex; align-items: center; gap: 7px; margin-top: 8px; color: #b8d9c0; font-size: .66rem; font-weight: 800; }
.impact-chart-controls input, .impact-chart-controls select { min-width: 0; border: 1px solid #3d7654; border-radius: 6px; color: #effff3; background: #04120a; }
.impact-chart-controls input { width: 92px; padding: 7px; }
.impact-chart-controls select { width: 100%; padding: 8px; }
.impact-chart-select-label { display: grid !important; grid-template-columns: auto minmax(0, 1fr); }
.impact-chart-switch { display: flex; flex-wrap: wrap; gap: 5px; }
.impact-chart-switch button { min-height: 32px; padding: 6px 9px; border: 1px solid #315f44; border-radius: 6px; color: #bde5c7; background: #0a2314; cursor: pointer; font-size: .62rem; font-weight: 900; }
.impact-chart-switch button.active, .impact-chart-switch button:hover, .impact-chart-switch button:focus-visible { border-color: var(--green); color: #03150a; background: var(--green); outline: none; }
.impact-chart-view-fieldset { grid-column: 1 / -1; border-color: #21a5c1 !important; background: linear-gradient(120deg, #062127, #071b11) !important; }
.impact-chart-view-switch button { flex: 1 1 190px; min-height: 40px; font-size: .7rem; }
.impact-chart-boundary { margin: 10px 0; padding: 9px 11px; border: 1px solid #6f6424; border-radius: 8px; color: #fff3a8; background: #211d08; font-size: .7rem; line-height: 1.45; }
.impact-chart-stage { min-height: 420px; padding: 10px; border: 1px solid #287284; border-radius: 11px; background: linear-gradient(145deg, #04191d, #04120a 60%); overflow: hidden; }
.impact-chart-stage .impact-profit-chart-scroll { min-height: 400px; }
.impact-chart-stage svg { display: block; width: 100%; height: 400px; }
.impact-chart-stage .impact-profit-axis-label, .impact-chart-stage .impact-profit-band-label { font-size: 13px; }
.impact-chart-stage .impact-profit-axis-title { font-size: 14px; }
.impact-chart-stage .impact-profit-count-label { font-size: 25px; }
.impact-chart-stage [role="button"] { cursor: pointer; }
.impact-chart-details { margin-top: 10px; padding: 11px; border: 1px solid #285d67; border-radius: 9px; background: #06150c; }
.impact-chart-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 8px; }
.impact-chart-detail-heading strong { color: #effff3; font-size: .78rem; }
.impact-chart-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.impact-chart-detail-row { min-width: 0; padding: 9px; border: 1px solid #28553a; border-radius: 7px; background: #071b10; }
.impact-chart-detail-row strong, .impact-chart-detail-row span { display: block; overflow-wrap: anywhere; }
.impact-chart-detail-row strong { color: #effff3; font-size: .75rem; }
.impact-chart-detail-row span { margin-top: 4px; color: #9bc1a5; font-size: .64rem; }
.impact-chart-detail-row button { width: 100%; margin-top: 7px; padding: 7px; border: 1px solid var(--cyan); border-radius: 6px; color: #d9faff; background: #07303a; cursor: pointer; font-size: .62rem; font-weight: 900; }
.impact-chart-detail-row button:hover, .impact-chart-detail-row button:focus-visible { color: #031319; background: var(--cyan); outline: none; }
.impact-chart-empty { display: grid; min-height: 360px; place-items: center; color: #9bc1a5; text-align: center; }
.impact-profit-band-details, .impact-interval-selection { margin: 10px 0 12px; padding: 12px; border: 1px solid #2f7280; border-radius: 10px; background: #06191c; }
.impact-band-empty { color: #9fc3c7; font-size: .7rem; text-align: center; }
.impact-selection-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
.impact-selection-heading h4 { margin: 0; color: var(--cyan); font-size: .88rem; }
.impact-selection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.impact-selection-card { min-width: 0; padding: 11px; border: 1px solid #285d67; border-radius: 8px; background: #07170e; }
.impact-selection-card.impact-selection-win { border-color: #268457; background: #092719; }
.impact-selection-card.impact-selection-loss { border-color: #8e3348; background: #2a0d14; }
.impact-selection-source { display: block; color: #8fc8ce; font-size: .56rem; font-weight: 900; letter-spacing: .045em; }
.impact-selection-card h5 { margin: 7px 0 4px; color: #effff3; font-size: 1rem; }
.impact-selection-card > strong { display: block; color: #dcefe1; font-size: .72rem; }
.impact-selection-card p, .impact-selection-pnl { display: block; margin: 7px 0; color: #a8cacc; font-size: .64rem; line-height: 1.4; }
.impact-selection-card .impact-detail-button { width: 100%; margin-top: 4px; }
.impact-profit-table-panel { margin-top: 11px; padding: 12px; border: 1px solid #285d67; border-radius: 9px; background: #06150c; }
.impact-profit-table-panel h4 { margin: 0 0 9px; color: #effff3; }
.impact-profit-table-panel .table-wrap { overflow-x: auto; }
.impact-profit-table { min-width: 1040px; width: 100%; border-collapse: collapse; }
.impact-profit-table th, .impact-profit-table td { padding: 8px; border-bottom: 1px solid #183f34; text-align: left; font-size: .64rem; }
.impact-profit-table th { color: #88b8bd; font-weight: 900; }
.impact-profit-method { margin: 10px 0 0; color: #86adb1; font-size: .65rem; line-height: 1.45; }
.impact-record-table { width: 100%; min-width: 1680px; border-collapse: collapse; font-size: .68rem; }
.impact-detail-panel .table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.impact-record-table th, .impact-record-table td { padding: 8px; border-bottom: 1px solid #234b31; text-align: left; }
.impact-record-table th { color: #8dbfc4; font-size: .58rem; letter-spacing: .055em; }
.impact-record-bought td:first-child { color: var(--green); font-weight: 900; }
.impact-record-failed td:first-child { color: var(--red); font-weight: 900; }
.impact-unknown-note { margin: 9px 0 0; color: #ffe28a; font-size: .66rem; line-height: 1.45; }
.impact-detail-button { min-height: 30px; padding: 5px 9px; border: 1px solid var(--cyan); border-radius: 6px; color: #d9faff; background: #07303a; cursor: pointer; font: inherit; font-size: .62rem; font-weight: 900; }
.impact-detail-button:hover, .impact-detail-button:focus-visible { color: #031319; background: var(--cyan); outline: none; }
.impact-detail-button:disabled { cursor: not-allowed; opacity: .45; }
.portfolio-subsection-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 10px 0; padding: 13px; border: 1px solid #2b6540; border-radius: 9px; background: #06170d; }
.portfolio-subsection-heading h3 { margin: 0; color: #effff3; font-size: 1.08rem; }
.portfolio-cohort-note { margin: 10px 0; padding: 10px 12px; border-left: 3px solid var(--cyan); color: #afd0b8; background: #071a10; font-size: .7rem; line-height: 1.5; }
.bot-cohort-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 10px 0; }
.bot-cohort-summary article { min-width: 0; padding: 12px; border: 1px solid #285b3a; border-radius: 8px; background: #06170d; }
.bot-cohort-summary span { display: block; color: #73a984; font-size: .59rem; font-weight: 900; letter-spacing: .08em; }
.bot-cohort-summary strong { display: block; margin-top: 7px; color: #effff3; font-size: .8rem; overflow-wrap: anywhere; }
.paper-winner-route { margin-top: 12px; padding: 12px; border: 1px solid #2b6540; border-radius: 9px; background: #06170d; }
.paper-winner-route h4 { margin: 0; color: #effff3; }
.paper-winner-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin-top: 9px; }
.paper-winner-card { display: grid; gap: 6px; min-width: 0; padding: 12px; border: 1px solid #31b969; border-radius: 8px; background: #092719; }
.paper-winner-card h5 { margin: 0; color: var(--green); font-size: 1rem; }
.paper-winner-card strong { color: #a5ffc8; font-size: .8rem; }
.paper-winner-card span, .paper-winner-card small { color: #a9cbb2; font-size: .65rem; line-height: 1.4; }
.paper-winner-card small { color: #ffe28a; }
.portfolio-warning { border-color: #7f6721 !important; color: #ffe28a !important; background: #211c09 !important; }
.portfolio-allocation { margin-top: 13px; padding: 15px; border: 1px solid #287347; border-radius: 10px; background: linear-gradient(135deg, #071b10, #06140c); }
.portfolio-allocation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.portfolio-allocation-heading h3 { margin: 0; color: var(--text); font-size: 1.05rem; }
.portfolio-allocation-body { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 20px; align-items: center; }
.allocation-donut { position: relative; width: 190px; aspect-ratio: 1; display: grid; place-items: center; justify-self: center; border-radius: 50%; background: #07170e; box-shadow: inset 0 0 20px rgb(0 0 0 / 30%), 0 0 0 1px #315a3d; }
.allocation-ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.allocation-ring circle { fill: none; stroke-width: 17; }
.allocation-ring-track { stroke: #183323; }
.allocation-ring-segment { stroke-linecap: butt; transition: stroke-dasharray .45s ease, stroke-dashoffset .45s ease; }
.allocation-donut > div { position: relative; z-index: 1; width: 69%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 12px; border: 1px solid #2d6541; border-radius: 50%; background: #06150c; text-align: center; box-shadow: 0 0 25px rgb(0 0 0 / 45%); }
.allocation-donut strong { color: #effff3; font-size: 1.05rem; overflow-wrap: anywhere; }
.allocation-donut span { margin-top: 4px; color: var(--muted); font-size: .66rem; }
.allocation-list { display: grid; gap: 7px; min-width: 0; }
.allocation-row { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-width: 0; padding: 10px 11px; border: 1px solid #1d4b2e; border-radius: 8px; background: #05130a; }
.allocation-swatch { width: 11px; height: 38px; border-radius: 999px; }
.allocation-color-0 { background: #3dff91; stroke: #3dff91; }
.allocation-color-1 { background: #35d9ff; stroke: #35d9ff; }
.allocation-color-2 { background: #ffc94d; stroke: #ffc94d; }
.allocation-color-3 { background: #ff5775; stroke: #ff5775; }
.allocation-color-4 { background: #b88cff; stroke: #b88cff; }
.allocation-identity, .allocation-values { min-width: 0; display: grid; gap: 3px; }
.allocation-identity strong { color: #effff3; }
.allocation-identity small, .allocation-values small { color: var(--muted); font-size: .67rem; overflow-wrap: anywhere; }
.allocation-values { text-align: right; }
.allocation-values strong { color: var(--green); font-size: 1.05rem; }
.portfolio-allocation-note { margin: 12px 0 0; color: #a6cab0; font-size: .72rem; line-height: 1.5; }
.portfolio-allocation-note.portfolio-warning { padding: 9px 10px; border: 1px solid; border-radius: 7px; }
.real-position-grid { display: grid; gap: 10px; }
.compact-trade-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.compact-trade-grid > .empty-state { grid-column: 1 / -1; }
.trade-result-group { margin-top: 13px; padding: 14px; border: 1px solid #285b3b; border-radius: 10px; background: #05140b; scroll-margin-top: 130px; }
.trade-result-group + .trade-result-group { margin-top: 12px; }
.trade-result-group > p { margin: -2px 0 12px; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.trade-group-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.trade-group-heading h3 { margin: 0; color: #effff3; font-size: 1.02rem; }
.open-trade-group { border-color: #246b7b; background: linear-gradient(145deg, #061b1f, #05140b 50%); }
.open-trades-workspace { border-color: #28798a; background: linear-gradient(150deg, #061c21, #06150d 58%); box-shadow: inset 0 3px 0 rgb(52 224 255 / 18%); }
.open-trades-workspace .open-trade-group { box-shadow: inset 4px 0 0 rgb(52 224 255 / 22%); }
.completed-trade-group { border-color: #287347; }
.real-trade-card { padding: 15px; border: 1px solid #286a43; border-radius: 9px; background: #06150c; }
.real-trade-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.real-trade-heading h3 { margin: 0; }
.real-trade-heading p { margin: 4px 0 0; color: var(--muted); font-size: .73rem; }
.trade-card-time {
  margin: 9px 0 11px;
  padding: 7px 9px;
  border: 1px solid rgba(52, 224, 255, .32);
  border-radius: 8px;
  background: rgba(7, 38, 43, .72);
  color: #c8f7ff;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

/* Open-position controls: server truth stays visually separate from local drafts. */
.live-bot-editor, .live-exit-editor { margin: 12px 0 2px; padding: 13px; border: 1px solid #2b7180; border-radius: 10px; background: linear-gradient(145deg, #061b20, #05140b 68%); }
#open-real-position-details { grid-template-columns: minmax(0, 1fr); }
.open-trade-lane-group { display: grid; gap: 12px; padding: 14px; border: 1px solid #255e48; border-radius: 12px; background: rgb(4 22 13 / 82%); }
.open-trade-lane-group.wallet-b { border-color: #276979; background: rgb(4 23 28 / 84%); }
.open-trade-lane-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid rgb(61 255 145 / 16%); }
.open-trade-lane-group.wallet-b .open-trade-lane-heading { border-bottom-color: rgb(61 220 255 / 20%); }
.open-trade-lane-heading > div { display: grid; gap: 5px; min-width: 0; }
.open-trade-lane-heading strong { color: #f1fff4; letter-spacing: .055em; }
.open-trade-lane-heading code { color: #8fc9ae; font-size: .72rem; overflow-wrap: anywhere; }
.open-trade-lane-group.wallet-b .open-trade-lane-heading code { color: #8edbed; }
.open-trade-lane-cards { display: grid; gap: 13px; min-width: 0; }
.open-trade-lane-group.empty-lane { gap: 7px; padding: 11px 13px; }
.open-trade-lane-group.empty-lane .open-trade-lane-heading { align-items: center; padding: 0; border: 0; }
.open-trade-lane-group.empty-lane .open-trade-lane-heading code { display: none; }
.open-trade-lane-group.empty-lane .empty-state { min-height: 0; padding: 9px; border-style: dashed; font-size: .7rem; }
.live-bot-editor { border-color: #35627c; }
.live-bot-editor.owner-adjusted, .live-exit-editor.owner-adjusted { border-color: var(--green); box-shadow: inset 0 0 0 1px rgb(61 255 145 / 14%); }
.live-bot-editor-heading, .live-exit-editor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.live-bot-editor-heading > div, .live-exit-editor-heading > div { display: grid; min-width: 0; gap: 3px; }
.live-bot-editor-heading strong, .live-exit-editor-heading strong { color: #effff3; font-size: .82rem; }
.live-bot-editor-heading span, .live-exit-editor-heading span { color: #8bb8bd; font-size: .61rem; }
.live-bot-active-strategy, .live-bot-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.live-bot-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.live-bot-active-strategy > div, .live-bot-detail-grid > div { display: grid; min-width: 0; gap: 3px; padding: 9px; border: 1px solid #285d67; border-radius: 7px; background: #06170d; }
.live-bot-active-strategy span, .live-bot-detail-grid span { color: #79ad89; font-size: .58rem; font-weight: 900; letter-spacing: .06em; }
.live-bot-active-strategy strong, .live-bot-detail-grid strong { color: #effff3; overflow-wrap: anywhere; font-size: .76rem; }
.live-bot-active-strategy small, .live-bot-detail-grid small { color: #91b5b8; font-size: .59rem; line-height: 1.4; }
.live-bot-actions, .live-exit-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.live-bot-actions .button, .live-exit-actions .button { flex: 1 1 180px; }
.live-bot-actions [hidden], .live-exit-actions [hidden] { display: none !important; }
.live-bot-chooser { margin-top: 10px; padding: 11px; border: 1px solid #2f7f91; border-radius: 8px; background: #041319; }
.live-bot-chooser > p { margin: 0 0 9px; color: #d9c875; font-size: .63rem; line-height: 1.45; }
.live-bot-chooser > label { display: grid; gap: 6px; }
.live-bot-chooser > label > span { color: #79ad89; font-size: .62rem; font-weight: 900; letter-spacing: .06em; }
.live-bot-chooser select { width: 100%; min-width: 0; padding: 9px; border: 1px solid #327585; border-radius: 6px; color: #effff3; background: #031318; font: inherit; font-weight: 800; }
.live-bot-route { margin-top: 9px !important; padding: 8px 9px; border-left: 3px solid var(--cyan); color: #c9e4e8 !important; background: #071c23; }
.live-bot-route.review { border-left-color: var(--amber); color: #ffe886 !important; background: #211b06; }
.live-bot-route.warning { border-left-color: var(--red); color: #ffd3db !important; background: #241017; }
.live-bot-chooser > .button { width: 100%; margin-top: 9px; }
.live-exit-active-truth { display: grid; gap: 4px; margin-top: 10px; padding: 10px 11px; border: 1px solid #2792a5; border-left: 4px solid var(--cyan); border-radius: 8px; background: #04171d; }
.live-exit-active-truth strong { color: #f1fff5; font-size: .78rem; }
.live-exit-active-truth span { color: #94c7cd; font-size: .64rem; }
.live-exit-active-truth small { color: #f2db77; font-size: .6rem; line-height: 1.45; }
.live-exit-draft-notice { margin: 9px 0 0; padding: 7px 9px; border: 1px solid #466674; border-radius: 7px; color: #91aeb4; background: #071419; font-size: .59rem; font-weight: 1000; letter-spacing: .055em; }
.live-exit-draft-notice.active { border-color: #ab7d18; color: #ffe064; background: #211b06; }
.live-exit-draft-notice.saved { border-color: #278c55; color: #aaffc8; background: #071d11; }
.live-editor-identity { margin: 8px 0 0; color: #80b8c2; font: 700 .58rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.live-exit-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
.live-exit-inputs label { min-width: 0; padding: 10px; border: 1px solid #285d67; border-radius: 8px; background: #06170d; }
.live-exit-inputs label > span { display: block; margin-bottom: 7px; color: #79ad89; font-size: .61rem; font-weight: 900; letter-spacing: .06em; }
.live-exit-inputs input[type="number"], .live-exit-inputs select { width: 100%; min-width: 0; padding: 9px; border: 1px solid #327585; border-radius: 6px; color: #effff3; background: #031318; font: inherit; font-weight: 900; }
.live-exit-inputs input[aria-invalid="true"], .live-exit-inputs select[aria-invalid="true"] { border-color: var(--red); box-shadow: 0 0 0 2px rgb(255 80 112 / 12%); }
.live-stop-row { display: grid; grid-template-columns: minmax(90px, .75fr) minmax(150px, 1.25fr); gap: 6px; }
.live-exit-slider-row { display: grid; grid-template-columns: minmax(0, 1fr) 54px; align-items: center; gap: 9px; margin-top: 10px; }
.live-exit-slider-row input[type="range"] { width: 100%; height: 8px; margin: 0; padding: 0; border: 0; border-radius: 999px; outline: none; appearance: none; background: linear-gradient(90deg, #1fd67f, #35d9ff); accent-color: var(--green); cursor: pointer; }
.live-exit-slider-row input[type="range"]::-webkit-slider-thumb { width: 22px; height: 22px; border: 3px solid #04130b; border-radius: 50%; appearance: none; background: #f5fff7; box-shadow: 0 0 0 2px var(--cyan); }
.live-exit-slider-row input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border: 3px solid #04130b; border-radius: 50%; background: #f5fff7; box-shadow: 0 0 0 2px var(--cyan); }
.live-exit-slider-row output { color: #effff3; font-size: .68rem; font-weight: 1000; text-align: right; }
.live-exit-inputs small { display: block; margin-top: 7px; color: #91b5b8; font-size: .59rem; line-height: 1.4; }
.live-exit-inputs small.negative { color: #ff91a7; }
.live-exit-editor-help { margin: 9px 0; color: #d9c875; font-size: .62rem; line-height: 1.45; }
.live-exit-save { position: sticky; bottom: 0; z-index: 2; box-shadow: 0 -8px 18px rgb(3 18 9 / 60%); }
.live-exit-dirty { color: var(--amber) !important; }
.live-controls-unavailable { display: grid; gap: 4px; margin: 12px 0 2px; padding: 11px; border: 1px solid #8b394b; border-left: 4px solid var(--red); border-radius: 8px; color: #ffd5dd; background: #241017; }
.live-controls-unavailable strong { font-size: .72rem; }
.live-controls-unavailable span { color: #e7aeb9; font-size: .62rem; line-height: 1.45; }
.completed-exit-cause { display: grid; gap: 4px; margin: 10px 0 2px; padding: 10px; border: 1px solid #7b6a22; border-radius: 8px; background: #171708; }
.completed-exit-cause > span { color: #d9c875; font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.completed-exit-cause > strong { color: #effff3; font-size: .76rem; }
.completed-exit-cause > small { color: #b9caa5; font-size: .61rem; line-height: 1.4; }
.completed-exit-cause .trigger-fill-warning { margin-top: 3px; padding-top: 6px; border-top: 1px solid #5d5222; color: #ffdf74; }

.friend-tab { border-color: #275f72; background: linear-gradient(145deg, #071a17, #081b25); }
.friend-engine-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 10px 0; border-color: #2a8b73; background: linear-gradient(135deg, rgb(8 38 27 / 98%), rgb(6 28 35 / 98%)); }
.friend-engine-hero h2 { margin: 5px 0 8px; color: #effff3; }
.friend-engine-hero p:last-child { max-width: 900px; margin: 0; color: #a9c8b3; line-height: 1.55; }
.friend-engine-hero .badge { flex: 0 0 auto; }
.executor-tab-pane[data-executor-pane="friend"] > .pane-guide { display: none; }
.paired-entry-protocol { margin: 0 0 10px; border-color: #2a8fb0; background: linear-gradient(145deg, #061d20, #07180f); }
.paired-entry-protocol h2 { margin: 5px 0 8px; color: #effff3; }
.paired-entry-protocol p { margin: 0; color: #a9c8b3; line-height: 1.55; }
.paired-entry-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 14px 0 10px; }
.paired-entry-steps article { padding: 12px; border: 1px solid #236b72; border-radius: 8px; background: #061916; }
.paired-entry-steps span { display: block; margin-bottom: 6px; color: #40d6ff; font-size: .66rem; font-weight: 900; letter-spacing: .08em; }
.paired-entry-steps strong { color: #effff3; font-size: .78rem; line-height: 1.45; }
.paired-entry-protocol .paired-entry-truth { padding: 9px 11px; border: 1px solid #715e21; border-radius: 7px; color: #ffe58b; background: #1d1907; font-size: .72rem; }
.wallet-lane-help { padding: 0; }
.wallet-lane-help > summary { padding: 12px 15px; color: #bff7ff; font-size: .72rem; font-weight: 950; letter-spacing: .045em; cursor: pointer; }
.wallet-lane-help-body { display: grid; gap: 12px; padding: 0 15px 15px; }
.auto-selector-panel { margin: 10px 0; border-color: #25b9b4; background: radial-gradient(circle at 12% 0%, rgb(31 126 91 / 20%), transparent 34%), linear-gradient(145deg, #061c16, #06171e); }
.auto-selector-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.auto-selector-heading h2 { margin: 4px 0 6px; color: #f3fff7; }
.auto-selector-heading p:last-child { max-width: 850px; margin: 0; color: #9cc9b1; font-size: .72rem; line-height: 1.5; }
.auto-window-picker { display: grid; gap: 8px; margin: 14px 0 10px; padding: 12px; border: 1px solid #257c77; border-radius: 10px; background: rgb(3 27 25 / 82%); }
.auto-window-picker > div:first-child { display: grid; grid-template-columns: auto minmax(150px, 230px) auto; gap: 9px; align-items: center; }
.auto-window-picker label { color: #7ee7c0; font: 900 .6rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; }
.auto-window-picker select { min-height: 38px; padding: 7px 10px; border: 1px solid #42dca5; border-radius: 7px; color: #effff5; background: #061d16; font-weight: 900; }
.auto-window-picker > strong { color: #fffbdc; font-size: .8rem; }
.auto-window-picker > small { color: #9fc4b4; font-size: .58rem; line-height: 1.45; }
.auto-window-comparison { display: grid; gap: 4px; overflow-x: auto; }
.auto-window-row { display: grid; grid-template-columns: 72px minmax(210px, 1fr) 95px 110px 85px 85px; gap: 7px; align-items: center; min-width: 690px; padding: 8px 9px; border: 1px solid #244f46; border-radius: 7px; color: #dff9e9; background: #071a14; font-size: .61rem; text-align: left; }
button.auto-window-row { width: 100%; cursor: pointer; }
.auto-window-row.header { color: #75ae99; background: #06130f; font-size: .52rem; font-weight: 900; letter-spacing: .05em; }
.auto-window-row.selected { border-color: #44e3e9; box-shadow: inset 3px 0 0 #44e3e9; }
.auto-window-row.best { background: #0a2b1d; }
.auto-window-row strong { color: #effff4; }
.auto-window-row .positive { color: #53f5a2; font-weight: 950; }
.auto-window-row .negative { color: #ff7489; font-weight: 950; }
.auto-window-row .best-tag { color: #ffe783; font-size: .5rem; font-weight: 950; }
.auto-selector-winner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: 14px 0 10px; padding: 13px 15px; border: 1px solid #39db8a; border-radius: 10px; background: linear-gradient(90deg, rgb(13 79 49 / 80%), rgb(6 35 39 / 88%)); }
.auto-selector-winner > span { color: #63ffa6; font: 950 .58rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .09em; }
.auto-selector-winner > strong { color: #fffbdc; font-size: 1rem; }
.auto-selector-winner > small { color: #91b8a6; font-size: .62rem; text-align: right; }
.auto-selector-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.auto-selector-metrics article { display: grid; gap: 4px; min-width: 0; padding: 11px; border: 1px solid #276456; border-radius: 9px; background: rgb(4 28 24 / 82%); }
.auto-selector-metrics span, .auto-selector-chart-card > div:first-child span, .auto-selector-ranking-card > div:first-child span { color: #77baa0; font-size: .52rem; font-weight: 950; letter-spacing: .07em; }
.auto-selector-metrics strong { color: #ecfff2; font-size: .92rem; }
.auto-selector-metrics small { color: #76978a; font-size: .55rem; }
.auto-selector-data-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(290px, .85fr); gap: 10px; margin-top: 10px; }
.auto-selector-chart-card, .auto-selector-ranking-card { min-width: 0; padding: 12px; border: 1px solid #265e68; border-radius: 10px; background: rgb(3 24 27 / 84%); }
.auto-selector-chart-card > div:first-child, .auto-selector-ranking-card > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.auto-selector-chart-card > div:first-child strong, .auto-selector-ranking-card > div:first-child strong { color: #dffcff; font-size: .75rem; }
.auto-selector-chart { min-height: 220px; margin-top: 9px; overflow-x: auto; border: 1px solid #1d4c4e; border-radius: 8px; background: linear-gradient(180deg, #061f1c, #06151a); }
.auto-selector-chart svg { display: block; min-width: 620px; width: 100%; height: 220px; }
.auto-selector-zero { stroke: #55716b; stroke-width: 1; stroke-dasharray: 4 5; }
.auto-selector-line { fill: none; stroke: #57e6ff; stroke-width: 2.5; filter: drop-shadow(0 0 4px rgb(87 230 255 / 45%)); }
.auto-selector-stem { stroke-width: 6; stroke-linecap: round; opacity: .82; }
.auto-selector-stem.positive { stroke: #45f29a; }
.auto-selector-stem.negative { stroke: #ff5f78; }
.auto-selector-stem.flat { stroke: #7d9b92; }
.auto-selector-dot { fill: #eafff2; stroke: #061713; stroke-width: 2; }
.auto-selector-axis-label { fill: #81a99b; font: 600 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.auto-selector-coins { display: flex; gap: 6px; padding-top: 8px; overflow-x: auto; }
.auto-selector-coin { flex: 0 0 auto; display: grid; gap: 2px; min-width: 88px; padding: 7px 8px; border: 1px solid #28594b; border-radius: 7px; background: #071b14; }
.auto-selector-coin span { color: #96baa7; font-size: .5rem; }
.auto-selector-coin strong { color: #eaffef; font-size: .65rem; }
.auto-selector-coin.positive { border-color: #26895a; }
.auto-selector-coin.negative { border-color: #81384a; }
.auto-selector-ranking-card > p { margin: 7px 0; color: #82aa9b; font-size: .6rem; line-height: 1.4; }
.auto-selector-ranking { display: grid; gap: 5px; max-height: 335px; overflow: auto; padding-right: 3px; scrollbar-color: #3e8d68 #07130c; }
.auto-selector-rank { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; padding: 8px; border: 1px solid #234b43; border-radius: 7px; color: #e9fff0; background: #071b16; cursor: pointer; text-align: left; }
.auto-selector-rank:hover, .auto-selector-rank:focus-visible { border-color: #45dfea; outline: none; }
.auto-selector-rank.active { border-color: #42f39b; background: #0b2d20; box-shadow: inset 3px 0 0 #42f39b; }
.auto-selector-rank > b { color: #7eaa98; font-size: .65rem; }
.auto-selector-rank > span { display: grid; gap: 2px; min-width: 0; }
.auto-selector-rank > span strong { overflow: hidden; color: #effff4; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.auto-selector-rank > span small { color: #76978a; font-size: .52rem; }
.auto-selector-rank > em { color: #dffcff; font-size: .67rem; font-style: normal; font-weight: 950; }
.auto-selector-rank > em.positive { color: #52f3a1; }
.auto-selector-rank > em.negative { color: #ff7187; }
.auto-selector-note { margin: 10px 0 0; padding: 9px 11px; border-left: 3px solid #45dfea; color: #8eb5a5; background: rgb(5 35 34 / 68%); font-size: .62rem; line-height: 1.5; }
.paired-entry-open-note { display: flex; align-items: flex-start; gap: 12px; margin: 10px 0; padding: 11px 13px; border: 1px solid #23819a; border-radius: 8px; background: #061d22; }
.paired-entry-open-note strong { flex: 0 0 auto; color: #40d6ff; font-size: .7rem; letter-spacing: .06em; }
.paired-entry-open-note span { color: #b4d5ca; font-size: .72rem; line-height: 1.5; }
.adjacent-lock-note { margin: 0 0 10px; padding: 10px 13px; border: 1px solid #755f22; border-radius: 8px; color: #ffe58b; background: #201a06; font-size: .72rem; line-height: 1.5; }
.adjacent-lock-note.unlocked { border-color: #226c48; color: #a9d9ba; background: #061a10; }
.adjacent-lane-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.adjacent-lane-card { min-width: 0; padding: clamp(14px, 1.7vw, 20px); }
.adjacent-lane-card.lane-a { border-color: #238a50; box-shadow: inset 4px 0 0 var(--green), var(--shadow); }
.adjacent-lane-card.lane-b { border-color: #25778a; background: linear-gradient(145deg, rgb(6 32 36 / 97%), rgb(7 24 14 / 97%)); box-shadow: inset 4px 0 0 var(--cyan), var(--shadow); }
.adjacent-address { min-width: 0; margin-bottom: 10px; padding: 11px 12px; border: 1px solid #285d43; border-radius: 8px; background: #04150c; }
.lane-b .adjacent-address { border-color: #245f70; background: #04151a; }
.adjacent-address span { display: block; margin-bottom: 6px; color: #73a984; font-size: .58rem; font-weight: 900; letter-spacing: .09em; }
.adjacent-address code { display: block; color: #effff3; font-size: .7rem; line-height: 1.45; overflow-wrap: anywhere; }
.adjacent-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.adjacent-summary-grid > div { min-width: 0; min-height: 79px; padding: 10px; border: 1px solid #245235; border-radius: 8px; background: #06180e; }
.lane-b .adjacent-summary-grid > div { border-color: #235567; background: #06171a; }
.adjacent-summary-grid span, .adjacent-summary-grid strong { display: block; }
.adjacent-summary-grid span { color: #78a987; font-size: .56rem; font-weight: 900; letter-spacing: .075em; }
.adjacent-summary-grid strong { margin-top: 7px; color: #effff3; font-size: .74rem; line-height: 1.4; overflow-wrap: anywhere; }
.adjacent-lane-error { margin: 9px 0 0; padding: 9px 10px; border: 1px solid #8b2c40; border-radius: 7px; color: #ffc7d1; background: #35101a; font-size: .68rem; line-height: 1.45; }
.adjacent-rule-status, .adjacent-qualification-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px 11px; border: 1px solid #6d5a20; border-radius: 8px; background: #1d1806; }
.adjacent-qualification-status { margin-top: 7px; }
.adjacent-rule-status span, .adjacent-qualification-status span { color: #c8b96f; font-size: .57rem; font-weight: 900; letter-spacing: .08em; }
.adjacent-rule-status strong, .adjacent-qualification-status strong { color: #ffe77e; font-size: .68rem; text-align: right; overflow-wrap: anywhere; }
.adjacent-rule-status.match, .adjacent-qualification-status.match { border-color: #26734a; background: #061b10; }
.adjacent-rule-status.match strong, .adjacent-qualification-status.match strong { color: var(--green); }
.adjacent-rule-status.mismatch, .adjacent-qualification-status.mismatch { border-color: #903047; background: #35101a; }
.adjacent-rule-status.mismatch strong, .adjacent-qualification-status.mismatch strong { color: #ff9fb1; }
.adjacent-funding-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 7px; padding: 10px 11px; border: 1px solid #6d5a20; border-radius: 8px; background: #1d1806; }
.adjacent-funding-status span { color: #c8b96f; font-size: .57rem; font-weight: 900; letter-spacing: .08em; }
.adjacent-funding-status strong { color: #ffe77e; font-size: .68rem; text-align: right; overflow-wrap: anywhere; }
.adjacent-funding-status.ready { border-color: #26734a; background: #061b10; }
.adjacent-funding-status.ready strong { color: var(--green); }
.adjacent-funding-status.insufficient { border-color: #903047; background: #35101a; }
.adjacent-funding-status.insufficient strong { color: #ff9fb1; }
.adjacent-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 11px; }
.adjacent-controls .button { min-width: 0; }
.adjacent-controls .button:first-child { grid-column: 1 / -1; }
.adjacent-sync-help { display: block; margin-top: 9px; color: #8db19a; font-size: .63rem; line-height: 1.45; }
.adjacent-execution-note { margin-bottom: 10px; border-color: #78631f; background: linear-gradient(145deg, #201a07, #07170e 72%); }
.adjacent-execution-note h2 { margin: 4px 0 8px; color: #fff2a9; }
.adjacent-execution-note > p { max-width: 1180px; margin: 0; color: #d8cd9e; font-size: .76rem; line-height: 1.6; }
@media (max-width: 760px) {
  .live-bot-editor-heading, .live-exit-editor-heading { align-items: stretch; flex-direction: column; }
  .live-bot-editor-heading .badge, .live-exit-editor-heading .badge { align-self: flex-start; }
  .live-bot-active-strategy, .live-bot-detail-grid, .live-exit-inputs { grid-template-columns: 1fr; }
  .live-stop-row { grid-template-columns: 1fr; }
  .adjacent-summary-grid, .adjacent-controls { grid-template-columns: 1fr; }
  .adjacent-controls .button:first-child { grid-column: auto; }
  .adjacent-rule-status, .adjacent-qualification-status, .adjacent-funding-status { align-items: flex-start; flex-direction: column; }
  .adjacent-rule-status strong, .adjacent-qualification-status strong, .adjacent-funding-status strong { text-align: left; }
}
.trade-badges { display: flex; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.real-trade-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin: 14px 0 10px; }
.real-trade-stats > div { min-width: 0; padding: 10px; border: 1px solid #173d25; border-radius: 7px; background: #07180e; }
.real-trade-stats strong { display: block; margin-top: 5px; font-size: .83rem; overflow-wrap: anywhere; }
.trade-route { margin: 10px 0; padding: 9px 11px; border-left: 3px solid var(--green); color: #b6d2bd; background: #0a2114; font-size: .73rem; }
.trade-identifier { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 8px 9px; border-top: 1px solid #173722; }
.trade-identifier code { min-width: 0; color: #f4fff7; overflow-wrap:anywhere; word-break:break-all; white-space:normal; }
@media (max-width: 760px) {
  .trade-identifier { grid-template-columns:1fr; }
  .trade-identifier button { width:100%; }
}
.contract-actions { margin: 12px 0; padding: 10px; border: 1px solid #6c4e90; border-radius: 9px; background: linear-gradient(145deg, #171024, #07170e); }
.contract-action-buttons { display: flex; justify-content: flex-end; gap: 7px; margin-top: 8px; flex-wrap: wrap; }
.axiom-link { color: #160519; border-color: #e58cff; background: linear-gradient(135deg, #e58cff, #ffc94d); }
.trade-secondary-details { margin: 10px 0; border: 1px solid #53603b; border-radius: 8px; background: #10160b; overflow: hidden; }
.trade-secondary-details > summary { padding: 10px 11px; color: #d9c77d; cursor: pointer; font-size: .67rem; font-weight: 900; }
.trade-secondary-details[open] > summary { border-bottom: 1px solid #53603b; background: #1b200f; }
.trade-secondary-details .real-trade-stats { margin: 9px; }
.real-trade-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; color: var(--muted); font-size: .67rem; }
.real-trade-footer > div { display: flex; gap: 6px; flex-wrap: wrap; }
.real-trade-card > .portfolio-warning { margin: 10px 0 0; padding: 8px 10px; border: 1px solid; border-radius: 6px; font-size: .7rem; }
.compact-real-trade-card { min-width: 0; padding: 13px; }
.clickable-order-card { cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.clickable-order-card:hover { border-color: var(--cyan); box-shadow: 0 12px 28px rgb(0 211 255 / 14%); transform: translateY(-1px); }
.clickable-order-card.real-trade-win:hover { border-color: var(--pnl-border, var(--green)); box-shadow: inset 5px 0 0 var(--pnl-border, var(--green)), 0 13px 30px var(--pnl-glow, rgb(38 255 126 / 22%)); }
.clickable-order-card.real-trade-loss:hover { border-color: var(--pnl-border, var(--red)); box-shadow: inset 5px 0 0 var(--pnl-border, var(--red)), 0 13px 30px var(--pnl-glow, rgb(255 64 101 / 22%)); }
.clickable-order-card.manual-exit-card:hover { box-shadow: inset 4px 0 0 #fff, inset -4px 0 0 #fff, 0 13px 30px var(--pnl-glow, rgb(255 255 255 / 12%)); }
.clickable-order-card:focus-within { outline: 2px solid var(--cyan); outline-offset: 2px; }
.compact-real-trade-card .real-trade-heading { align-items: flex-start; flex-direction: column; }
.compact-real-trade-card .trade-badges { justify-content: flex-start; }
.compact-trade-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 11px 0; }
.compact-trade-stats > div { min-width: 0; padding: 9px; border: 1px solid #1b452b; border-radius: 7px; background: #07180e; }
.compact-trade-stats span { display: block; color: #73a984; font-size: .56rem; font-weight: 800; letter-spacing: .07em; }
.compact-trade-stats strong { display: block; margin-top: 5px; color: #effff3; font-size: .73rem; overflow-wrap: anywhere; }
.trade-result-banner { display: grid; gap: 4px; margin-top: 11px; padding: 12px; border: 1px solid #826c25; border-radius: 8px; background: #211b08; }
.trade-result-banner strong { color: #fff2a8; font-size: .82rem; letter-spacing: .025em; }
.trade-result-banner span { color: #fff; font-size: .78rem; font-weight: 900; overflow-wrap: anywhere; }
.trade-result-banner small { color: #d5c986; font-size: .62rem; line-height: 1.4; }
.real-trade-win .trade-result-banner { border-color: #28e875; background: #0a3a20; box-shadow: inset 4px 0 0 var(--green); }
.real-trade-win .trade-result-banner strong, .real-trade-win .trade-result-banner span { color: #6dffab; }
.real-trade-win .trade-result-banner small { color: #baf6d0; }
.real-trade-loss .trade-result-banner { border-color: #ff466a; background: #43111d; box-shadow: inset 4px 0 0 var(--red); }
.real-trade-loss .trade-result-banner strong, .real-trade-loss .trade-result-banner span { color: #ff9caf; }
.real-trade-loss .trade-result-banner small { color: #ffd0d9; }
.order-detail-toggle { width: 100%; min-height: 40px; margin-top: 2px; border: 1px solid var(--cyan); border-radius: 7px; color: #d9faff; background: #07303a; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 900; letter-spacing: .02em; }
.order-detail-toggle:hover, .order-detail-toggle:focus-visible { color: #031319; background: var(--cyan); outline: none; }
.real-trade-win .order-detail-toggle { border-color: var(--green); color: #9fffc5; background: #0a321d; }
.real-trade-win .order-detail-toggle:hover, .real-trade-win .order-detail-toggle:focus-visible { color: #03150a; background: var(--green); }
.real-trade-loss .order-detail-toggle { border-color: var(--red); color: #ffc4cf; background: #35101a; }
.real-trade-loss .order-detail-toggle:hover, .real-trade-loss .order-detail-toggle:focus-visible { color: #21050b; background: var(--red); }
.rejected-trade-card,
.rejected-trade-card.paper-would-win,
.rejected-trade-card.paper-would-lose,
.rejected-trade-card.paper-result-pending { border: 2px solid var(--cyan); background: linear-gradient(145deg, #06232d, #07150d 44%); box-shadow: inset 4px 0 0 var(--cyan), 0 10px 24px rgb(0 0 0 / 20%); }
.missed-paper-result { display: grid; gap: 4px; margin-top: 9px; padding: 11px; border: 1px solid #826c25; border-radius: 8px; background: #211b08; }
.missed-paper-result strong { color: #fff2a8; font-size: .79rem; }
.missed-paper-result span { color: #fff; font-size: .72rem; font-weight: 900; }
.missed-paper-result small { color: #d5c986; font-size: .61rem; line-height: 1.4; }
.paper-would-win .missed-paper-result { border-color: var(--green); background: #0a321d; }
.paper-would-win .missed-paper-result strong, .paper-would-win .missed-paper-result span { color: #9fffc5; }
.paper-would-win .missed-paper-result small { color: #b9e8c9; }
.paper-would-lose .missed-paper-result { border-color: var(--red); background: #35101a; }
.paper-would-lose .missed-paper-result strong, .paper-would-lose .missed-paper-result span { color: #ffc4cf; }
.paper-would-lose .missed-paper-result small { color: #e8b8c1; }
.real-trade-win { border: 2px solid var(--pnl-border, var(--green)); background: linear-gradient(145deg, var(--pnl-bg, #092719), #05150b 55%); box-shadow: inset 4px 0 0 var(--pnl-border, var(--green)), 0 10px 24px var(--pnl-glow, rgb(0 0 0 / 20%)); }
.real-trade-loss { border: 2px solid var(--pnl-border, var(--red)); background: linear-gradient(145deg, var(--pnl-bg, #2a0d14), #07140c 55%); box-shadow: inset 4px 0 0 var(--pnl-border, var(--red)), 0 10px 24px var(--pnl-glow, rgb(0 0 0 / 20%)); }
.manual-wallet-win-card .trade-result-banner { border-color: var(--manual-win) !important; background: #0a2b52 !important; box-shadow: inset 4px 0 0 var(--manual-win) !important; }
.manual-wallet-win-card .trade-result-banner strong, .manual-wallet-win-card .trade-result-banner span { color: #9bd1ff !important; }
.manual-wallet-loss-card .trade-result-banner { border-color: var(--manual-loss) !important; background: #47250a !important; box-shadow: inset 4px 0 0 var(--manual-loss) !important; }
.manual-wallet-loss-card .trade-result-banner strong, .manual-wallet-loss-card .trade-result-banner span { color: #ffd2a1 !important; }
.real-trade-flat { border-color: #826c25; background: linear-gradient(145deg, #211b08, #07140c 55%); }
.open-real-trade-card { position: relative; }
.open-real-trade-card::before { content: "LIVE"; position: absolute; top: -7px; left: 12px; padding: 2px 6px; border-radius: 4px; color: #031319; background: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .08em; }
.no-order-banner { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 0 7px; padding: 9px; border: 1px solid #b13a51; border-radius: 7px; color: #ffd7df; background: #351019; }
.no-order-banner strong { color: #fff; font-size: .68rem; letter-spacing: .06em; }
.no-order-banner span { font-size: .61rem; text-align: right; }
.entry-failure-reason { width:100%; min-height:43px; margin:0; padding:9px 10px; border:0; border-left:3px solid var(--red); color:#ffb8c5; background:#220b10; font:inherit; font-size:.7rem; font-weight:800; line-height:1.4; text-align:left; cursor:pointer; }
.entry-failure-reason:hover { color:#fff; background:#351017; box-shadow:inset 0 0 0 1px rgba(255,92,114,.35); }

.wallet-lane-freshness {
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:10px 13px;
  border:1px solid #205f69;
  border-radius:9px;
  color:#b8dbcb;
  background:#06191b;
}
.wallet-lane-freshness strong { color:#40d6ff; font-size:.72rem; }
.wallet-lane-freshness small { color:#83ac97; }
.status-orb { width:10px; height:10px; border-radius:50%; background:#35f08c; box-shadow:0 0 12px rgba(53,240,140,.8); }
.wallet-edit-quickbar {
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(330px,.8fr);
  align-items:center;
  gap:18px;
  margin:0 0 12px;
  padding:16px;
  border:2px solid #35f08c;
  border-radius:12px;
  background:linear-gradient(135deg,#08271a,#071a20);
  box-shadow:0 0 22px rgba(53,240,140,.12);
}
.wallet-edit-quickbar h2 { margin:3px 0 6px; color:#f5fff4; }
.wallet-edit-quickbar p { margin:0; max-width:760px; color:#9bcbae; line-height:1.5; }
.wallet-edit-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wallet-edit-button { min-height:54px; border-color:#55ff9d; font-size:.8rem; box-shadow:0 0 15px rgba(53,240,140,.15); }
.wallet-mode-button { min-height:42px; }
.wallet-edit-button:disabled { box-shadow:none; }
.wallet-edit-owner {
  min-height:64px;
  border:2px solid #7dffb4;
  background:linear-gradient(135deg,#29ee86,#75ffba);
  color:#02140b;
  font-size:.86rem;
  font-weight:950;
  letter-spacing:.055em;
  box-shadow:0 0 0 3px rgba(53,240,140,.14),0 0 26px rgba(53,240,140,.34);
}
.wallet-edit-owner:hover:not(:disabled),.wallet-edit-owner:focus-visible:not(:disabled) {
  background:linear-gradient(135deg,#75ffba,#b4ffd4);
  transform:translateY(-1px);
}

.simple-overlay {
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(7px);
}
.simple-overlay.hidden { display:none; }
.simple-dialog {
  position:relative;
  width:min(920px,96vw);
  max-height:92vh;
  overflow:auto;
  padding:26px;
  border:2px solid var(--cyan);
  border-radius:20px;
  color:#eaffee;
  background:linear-gradient(145deg,#071b13,#06100a);
  box-shadow:0 25px 90px rgba(0,0,0,.65),0 0 30px rgba(64,214,255,.14);
}
.wallet-limit-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.wallet-limit-grid label { display:grid; gap:6px; padding:11px; border:1px solid #1d4a2c; border-radius:9px; background:#07160d; }
.wallet-limit-grid span { color:#88b897; font-size:.67rem; font-weight:850; letter-spacing:.04em; }
.wallet-limit-grid input { min-height:42px; width:100%; }
.wallet-limit-proof { display:grid; gap:5px; margin:0 0 14px; padding:11px 13px; border:1px solid #715e21; border-radius:8px; background:#1c1807; }
.wallet-limit-proof strong { color:#ffe58b; }
.wallet-limit-proof span { color:#d2c477; font-size:.71rem; }
.error-hero { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.error-hero h2 { margin:3px 0 0; color:#ffdf77; }
.error-mascot {
  position:relative;
  display:inline-block;
  flex:0 0 auto;
  width:46px;
  height:38px;
  border:2px solid #40d6ff;
  border-radius:13px;
  background:#082731;
  box-shadow:0 0 16px rgba(64,214,255,.22);
}
.error-mascot.large { width:64px; height:54px; border-radius:17px; }
.error-mascot i { position:absolute; top:12px; width:7px; height:7px; border-radius:50%; background:#5cff9d; }
.error-mascot i:first-child { left:10px; }
.error-mascot i:nth-child(2) { right:10px; }
.error-mascot span { position:absolute; left:12px; right:12px; bottom:8px; height:3px; border-radius:4px; background:#ffd75c; transform:rotate(-4deg); }
.error-mascot.large i { top:17px; width:9px; height:9px; }
.error-explainer-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.error-explainer-grid article { padding:14px; border:1px solid #285d47; border-radius:10px; background:#07160d; }
.error-explainer-grid span { color:#40d6ff; font-size:.65rem; font-weight:900; letter-spacing:.08em; }
.error-explainer-grid p { margin:8px 0 0; line-height:1.5; }
.stats-insight-dialog { width:min(980px, 96vw); }
.stats-insight-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:15px 0; }
.stats-insight-metrics article { padding:12px; border:1px solid #285d47; border-radius:10px; background:#07160d; }
.stats-insight-metrics span { display:block; color:#74ae85; font-size:.61rem; font-weight:900; letter-spacing:.075em; }
.stats-insight-metrics strong { display:block; margin-top:7px; color:#f0fff4; overflow-wrap:anywhere; }
.stats-insight-toolbar { display:flex; align-items:end; justify-content:space-between; gap:14px; margin:14px 0 9px; }
.stats-insight-toolbar label { display:grid; gap:4px; min-width:220px; color:#91b69c; font-size:.67rem; }
.stats-insight-toolbar select { min-height:38px; padding:7px 10px; border:1px solid #277358; border-radius:8px; background:#04140c; color:#edfff2; }
.stats-insight-chart { display:grid; gap:7px; max-height:390px; overflow:auto; padding:2px 4px 10px 1px; }
.stats-insight-row { display:grid; gap:6px; width:100%; padding:10px; border:1px solid #275a43; border-radius:9px; background:#06180e; color:#effff3; text-align:left; cursor:pointer; }
.stats-insight-row:hover, .stats-insight-row:focus-visible { border-color:#31ec88; outline:none; background:#092217; }
.stats-insight-row-top { display:flex; justify-content:space-between; gap:12px; }
.stats-insight-row-top span { font-weight:900; }
.stats-insight-bar-track { height:9px; overflow:hidden; border-radius:999px; background:#163828; }
.stats-insight-bar-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#36d6ff,#38f48d); }
.stats-insight-row small { color:#91b59c; }
.error-raw { margin:13px 0; padding:11px; border-left:3px solid var(--red); color:#ffb8c5; background:#220b10; font-size:.72rem; }
.cute-error-toast {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1300;
  display:flex;
  align-items:center;
  gap:11px;
  max-width:420px;
  padding:11px 14px;
  border:1px solid #40d6ff;
  border-radius:16px;
  color:#eaffee;
  text-align:left;
  background:#061b1e;
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  cursor:pointer;
}
.cute-error-toast > span:last-child { display:grid; gap:3px; min-width:0; }
.cute-error-toast strong { color:#ffd75c; }
.cute-error-toast small { overflow:hidden; color:#a8c8b6; text-overflow:ellipsis; white-space:nowrap; }
.sync-grace-reminder {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  margin:13px 0;
  padding:13px;
  border:2px solid #ffd75c;
  border-radius:12px;
  background:linear-gradient(135deg,#211a04,#0b1710);
}
.sync-grace-reminder[hidden] { display:none; }
.sync-grace-reminder strong { color:#fff0a1; }
.sync-grace-reminder p { margin:4px 0 0; color:#d8c97f; line-height:1.45; }

@media (max-width: 760px) {
  .wallet-lane-freshness { grid-template-columns:auto 1fr; }
  .wallet-lane-freshness small { grid-column:1 / -1; }
  .wallet-edit-quickbar { grid-template-columns:1fr; }
  .wallet-edit-actions { grid-template-columns:1fr; }
  .wallet-limit-grid,.error-explainer-grid,.stats-insight-metrics { grid-template-columns:1fr; }
  .stats-insight-toolbar { align-items:stretch; flex-direction:column; }
  .stats-insight-toolbar label { min-width:0; }
  .sync-grace-reminder { grid-template-columns:auto 1fr; }
  .sync-grace-reminder .button { grid-column:1 / -1; }
}
.failure-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 7px; margin: 13px 0; }
.failure-summary > article { padding: 11px; border: 1px solid #7a3040; border-radius: 8px; background: #210c12; }
.failure-summary strong, .failure-summary span { display: block; }
.failure-summary strong { color: #ff9daf; font-size: 1.15rem; }
.failure-summary span { margin-top: 3px; color: #d6aab2; font-size: .67rem; }
.failure-summary > .empty-state { grid-column: 1 / -1; }
.failed-statistics { margin: 13px 0; padding: 14px; border: 1px solid #2f7280; border-radius: 11px; background: linear-gradient(145deg, #071d20, #07150d 58%); }
.failed-statistics-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.failed-statistics-heading h3 { margin: 2px 0 0; color: #efffff; font-size: 1rem; }
.failed-statistics > p { margin: 9px 0 0; color: #a8cacc; font-size: .69rem; line-height: 1.5; }
.failed-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.failed-stats-grid article { min-width: 0; padding: 11px; border: 1px solid #285d67; border-radius: 8px; background: #06191c; }
.failed-stats-grid span, .failed-stats-grid strong, .failed-stats-grid small { display: block; overflow-wrap: anywhere; }
.failed-stats-grid span { color: #8fc8ce; font-size: .61rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.failed-stats-grid strong { margin-top: 6px; color: #efffff; font-size: 1.15rem; line-height: 1.15; }
.failed-stats-grid small { margin-top: 5px; color: #82aeb2; font-size: .59rem; line-height: 1.35; }
.failed-stats-grid .failed-stat-impact { border-color: #826c25; background: #1b1909; }
.failed-stats-grid .failed-stat-impact strong { color: #ffe27c; }
.failed-stats-grid .failed-stat-win { border-color: #268457; background: #092719; }
.failed-stats-grid .failed-stat-win strong { color: var(--green); }
.failed-stats-grid .failed-stat-loss { border-color: #8e3348; background: #2a0d14; }
.failed-stats-grid .failed-stat-loss strong { color: #ff91a6; }
.failed-stats-grid .failed-stat-latest strong { font-size: .82rem; line-height: 1.35; }
.failed-groups { margin-top: 14px; padding-top: 14px; border-top: 1px solid #285d67; }
.failed-groups h4 { margin: 0; color: #efffff; font-size: .85rem; }
.failed-groups p { margin: 5px 0 0; color: #8fb8bc; font-size: .65rem; line-height: 1.45; }
.failed-group-buttons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.failed-group-buttons button { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 11px; border: 1px solid #376c73; border-radius: 8px; color: #b9d9dc; background: #07191c; cursor: pointer; text-align: left; font: inherit; }
.failed-group-buttons button:hover, .failed-group-buttons button:focus-visible { border-color: var(--cyan); outline: none; }
.failed-group-buttons button.active { border-color: var(--green); box-shadow: inset 0 0 0 1px var(--green); color: #effff3; background: #0a2618; }
.failed-group-buttons span { overflow-wrap: anywhere; font-size: .64rem; font-weight: 900; text-transform: uppercase; }
.failed-group-buttons strong { color: #fff; font-size: 1.15rem; }
.failed-group-selection { margin-top: 10px; padding: 12px; border: 1px solid #315f66; border-radius: 9px; background: #041115; }
.failed-group-selection > .compact-trade-grid { margin-top: 10px; }
.impact-eli5 { margin-top: 13px; padding: 14px; border: 1px solid #285d67; border-radius: 10px; color: #d5ece0; background: #06191c; }
.impact-eli5 h3 { margin: 0; color: #effff3; font-size: 1rem; }
.impact-eli5 > p { margin: 10px 0 0; font-size: .74rem; line-height: 1.55; }
.impact-eli5 .impact-setting-note { color: #9fc3c7; font-size: .68rem; }
.impact-shadow-study { margin-top: 10px; padding: 14px; border: 1px solid #2f7280; border-radius: 10px; background: linear-gradient(145deg, #071d20, #07160d 62%); }
.impact-shadow-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.impact-shadow-heading h3 { margin: 0; color: var(--cyan); font-size: 1rem; }
.impact-shadow-study > p, .impact-shadow-study > small { display: block; margin: 9px 0 0; color: #a5c7c9; font-size: .68rem; line-height: 1.45; }
.impact-shadow-study > small { color: #ffe28a; }
.impact-shadow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 11px; }
.impact-shadow-grid article { min-width: 0; padding: 11px; border: 1px solid #285d67; border-radius: 8px; background: #06191c; }
.impact-shadow-grid span { display: block; color: #7fc8d2; font-size: .59rem; font-weight: 900; letter-spacing: .07em; }
.impact-shadow-grid strong { display: block; margin-top: 6px; color: #efffff; font-size: .78rem; overflow-wrap: anywhere; }
.trade-technical-body { padding: 10px; }
.trade-color-legend { display: grid; grid-template-columns: auto auto minmax(220px, 1fr); gap: 8px; align-items: center; margin: 12px 0; padding: 10px; border: 1px solid #315a3e; border-radius: 8px; background: #06150c; }
.trade-color-legend strong { padding: 8px 10px; border-radius: 6px; font-size: .68rem; letter-spacing: .025em; text-align: center; }
.trade-color-legend span { color: #b8d2bf; font-size: .67rem; line-height: 1.4; }
.open-trade-legend { grid-template-columns: auto auto auto minmax(220px, 1fr); border-color: #2b7180; background: #06171b; }
.trade-legend-win { color: #062311; background: var(--green); }
.trade-legend-live { color: #031319; background: var(--cyan); }
.trade-legend-loss { color: #2b050d; background: var(--red); }
.compact-real-trade-card .real-trade-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.compact-real-trade-card .market-chart svg { height: 120px; }
.compact-real-trade-card .trade-identifier { grid-template-columns: 1fr auto; }
.compact-real-trade-card .trade-identifier > span { grid-column: 1 / -1; }
.compact-real-trade-card .real-trade-footer { align-items: stretch; flex-direction: column; }

.lower-grid { grid-template-columns: 1fr 1fr; margin-top: 10px; }
.timeline { display: grid; gap: 3px; max-height: 420px; overflow: auto; }
.timeline-item { display: grid; grid-template-columns: 12px 1fr; gap: 10px; padding: 9px 3px; border-bottom: 1px solid #173722; }
.timeline-dot { width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: #4e7860; }
.timeline-dot.planned-buy { background: var(--green); }
.timeline-dot.planned-sell { background: var(--red); }
.timeline-item div { display: grid; gap: 2px; }
.timeline-item strong { font-size: .79rem; text-transform: capitalize; }
.timeline-item span, .timeline-item small { color: var(--muted); font-size: .68rem; }
.explainer ol { margin: 16px 0 20px; padding-left: 21px; color: #b4cfbb; }
.explainer li { margin-bottom: 10px; padding-left: 4px; }
.explainer li::marker { color: var(--green); font-weight: 900; }
.limits { padding: 11px; border: 1px solid #3c5025; border-radius: 7px; color: #e8d98d; background: #1a1d0a; font-size: .76rem; }

.notice.live-notice { border-color: #35d879; background: #0a2b18; }
.notice.danger-notice { border-color: var(--red); background: #351019; }
.badge-red { color: #ffd0d7; border-color: #983349; background: #431421; }
.owner-login { display: grid; grid-template-columns: 1fr auto auto auto; gap: 7px; }
.owner-pattern-panel { margin: 12px 0; padding: 14px; border: 1px solid var(--cyan); border-radius: 10px; background: linear-gradient(145deg, #061c24, #07180e); }
.owner-pattern-heading, .owner-pattern-settings { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.owner-pattern-heading h3 { margin: 2px 0 0; color: #effff3; }
.owner-pattern-grid { width: min(100%, 330px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 14px auto; }
.owner-pattern-cell { position: relative; aspect-ratio: 1; border: 2px solid #267553; border-radius: 14px; color: #b8d4c0; background: linear-gradient(145deg, #0b2d1e, #06170f); cursor: pointer; font: inherit; font-size: 1.35rem; font-weight: 900; }
.owner-pattern-cell:hover, .owner-pattern-cell:focus-visible { border-color: var(--cyan); outline: 2px solid var(--cyan); outline-offset: 1px; }
.owner-pattern-cell.selected { border-color: var(--green); color: #fff; background: linear-gradient(145deg, #0a7046, #0c3c27); box-shadow: 0 0 18px rgb(61 255 145 / 20%); }
.owner-pattern-sequence { position: absolute; top: 6px; right: 6px; min-width: 24px; min-height: 24px; display: grid; place-items: center; border-radius: 50%; color: #211800; background: var(--amber); font-size: .7rem; opacity: 0; }
.owner-pattern-cell.selected .owner-pattern-sequence { opacity: 1; }
.owner-pattern-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.owner-pattern-message { min-height: 1.3em; margin: 9px 0 0; color: #9bc4ac; font-size: .72rem; }
.owner-pattern-message.error { color: #ff9caf; }
.owner-pattern-settings { margin-bottom: 12px; padding: 12px; border: 1px solid #2c6542; border-radius: 8px; background: #071b10; }
.owner-pattern-settings div { display: grid; gap: 3px; }
.owner-pattern-settings strong { color: var(--green); font-size: .8rem; }
.owner-pattern-settings small { color: #9bc4ac; font-size: .67rem; }
.owner-panel .wallet-summary { grid-template-columns: 145px minmax(0, 1fr); }
.limit-editor { margin-top: 16px; padding-top: 14px; border-top: 1px solid #235134; }
.limit-editor-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.limit-editor h3 { color: var(--text); font-size: 1rem; }
.limit-editor > .muted { margin: 8px 0 12px; font-size: .74rem; }
.limit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.limit-grid label { min-width: 0; padding: 10px; border: 1px solid #1c482c; border-radius: 8px; background: #06150c; }
.limit-grid label > span { display: block; margin-bottom: 6px; color: #b9d2bf; font-size: .72rem; font-weight: 700; }
.limit-grid small { display: block; min-height: 14px; margin-top: 5px; color: var(--muted); font-size: .63rem; }
.limit-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.future-bot-editor { margin-top: 16px; padding: 14px; border: 1px solid #2c7f5a; border-radius: 10px; background: linear-gradient(145deg, #071d11, #06171c 78%); }
.future-bot-editor h3 { color: var(--green); font-size: 1rem; }
.future-bot-editor > .muted { margin: 8px 0 12px; font-size: .7rem; line-height: 1.5; }
.future-bot-field { display: grid; gap: 6px; margin-bottom: 10px; padding: 10px; border: 1px solid #285d67; border-radius: 8px; background: #06170d; }
.live-auto-proof { display: grid; gap: 10px; margin: 12px 0; padding: 14px; border: 2px solid #2a7080; border-radius: 11px; background: linear-gradient(135deg, #06252b, #071b16); box-shadow: 0 0 0 1px rgb(55 224 255 / 8%), 0 12px 30px rgb(0 0 0 / 22%); }
.live-auto-proof.ready { border-color: #45e89a; background: linear-gradient(135deg, #09351f, #062128); }
.live-auto-proof.blocked { border-color: #ff5f78; background: linear-gradient(135deg, #341018, #132025); }
.live-auto-proof-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.live-auto-proof-heading > div { display: grid; gap: 5px; min-width: 0; }
.live-auto-proof-heading > div > span { color: #68e5ff; font: 950 .58rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.live-auto-proof.blocked .live-auto-proof-heading > div > span { color: #ff8295; }
.live-auto-proof-heading > div > strong { overflow-wrap: anywhere; color: #f4fff7; font-size: 1.02rem; }
.live-auto-proof-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.live-auto-proof-metrics article { display: grid; gap: 5px; padding: 10px; border: 1px solid #2b5d61; border-radius: 8px; background: rgb(3 21 22 / 74%); }
.live-auto-proof-metrics span { color: #7eaaa4; font-size: .52rem; font-weight: 950; letter-spacing: .06em; }
.live-auto-proof-metrics strong { color: #f2fff6; font-size: .82rem; }
.live-auto-proof.blocked #live-auto-proof-score, .live-auto-proof.blocked #live-auto-proof-decision { color: #ff8b9d; }
.live-auto-proof > p { margin: 0; padding: 9px 11px; border-left: 3px solid #52ddff; color: #b6e8df; background: rgb(3 23 25 / 62%); font-size: .68rem; font-weight: 850; line-height: 1.5; }
.live-auto-proof.blocked > p { border-left-color: #ff5f78; }
.future-bot-field > span { color: #b9d2bf; font-size: .72rem; font-weight: 800; }
.future-bot-field .bot-choice-native-source { display: none; }
.future-bot-field small { color: #91b5b8; font-size: .63rem; line-height: 1.45; }
.future-bot-editor > .button { width: 100%; }
.future-bot-save[hidden] { display: none; }
.live-future-bot-editor { margin: 14px 0 12px; border-color: #2b7180; background: linear-gradient(145deg, #061b20, #071d11 72%); }
.live-future-bot-editor > p { margin: 7px 0 11px; color: #9bc4ac; font-size: .7rem; line-height: 1.5; }
.future-bot-summary-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; align-items: center; min-height: 82px; padding: 10px 12px; border: 1px solid #29734d; border-radius: 9px; background: linear-gradient(145deg, #092719, #061a20); }
.future-bot-summary-card.draft { border-color: #b48c24; background: linear-gradient(145deg, #2b2108, #071a1d); }
.future-bot-score-ring { --bot-score: 0%; display: grid; place-content: center; width: 64px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at center, #07170d 57%, transparent 59%), conic-gradient(var(--green) var(--bot-score), #183a29 0); text-align: center; }
.future-bot-score-ring strong { color: #f2fff5; font-size: .78rem; }
.future-bot-score-ring small { color: #84b594; font-size: .42rem; font-weight: 900; letter-spacing: .05em; }
.future-bot-summary-card > div:last-child { display: grid; gap: 4px; min-width: 0; }
.future-bot-summary-card > div:last-child > span { color: var(--green); font-size: .54rem; font-weight: 900; letter-spacing: .07em; }
.future-bot-summary-card.draft > div:last-child > span { color: #ffd45d; }
.future-bot-summary-card h4 { margin: 0; overflow-wrap: anywhere; color: #f4fff6; font-size: .9rem; }
.future-bot-summary-card p { margin: 0; color: #8eb7a1; font-size: .62rem; line-height: 1.4; }
.future-bot-summary-card .future-bot-selection-policy { padding: 5px 7px; border: 1px solid rgb(52 224 255 / 35%); border-radius: 6px; color: #bff7ff; background: rgb(4 35 42 / 72%); font-weight: 900; letter-spacing: .025em; }
.future-bot-grid-toggle { width: 100%; min-height: 38px; margin-top: 2px; }
.future-bot-window-comparison { display: grid; gap: 7px; padding: 9px; border: 1px solid #235c47; border-radius: 10px; background: #04150f; overflow-x: auto; }
.future-bot-window-comparison[hidden] { display: none; }
.future-bot-window-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #effff4; font-size: .66rem; }
.future-bot-window-heading span { color: var(--cyan); font-size: .55rem; font-weight: 900; }
.future-bot-window-note { color: #8fb8a2; font-size: .6rem; line-height: 1.45; }
.future-bot-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-height: 500px; padding: 4px; overflow: auto; scrollbar-color: #3e8d68 #07130c; }
.future-bot-choice-grid[hidden] { display: none; }
.future-bot-choice { display: grid; align-content: start; gap: 6px; min-width: 0; min-height: 128px; padding: 12px; border: 1px solid #2a5d45; border-radius: 9px; color: #eaffef; background: linear-gradient(145deg, #081c11, #06161a); box-shadow: none; cursor: pointer; text-align: left; transition: transform .15s, border-color .15s, background .15s, box-shadow .15s; }
.future-bot-choice:hover, .future-bot-choice:focus-visible { border-color: var(--cyan); outline: none; transform: translateY(-1px); box-shadow: 0 7px 20px rgb(0 0 0 / 25%); }
.future-bot-choice.selected { border-color: var(--green); background: linear-gradient(145deg, #0a3520, #06242a); box-shadow: inset 4px 0 0 var(--green), 0 0 18px rgb(61 255 145 / 12%); }
.future-bot-choice:disabled { border-color: #52323a; color: #b08c94; cursor: not-allowed; opacity: .72; }
.future-bot-choice-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.future-bot-choice-kind { color: #83cab2; font-size: .56rem; font-weight: 900; letter-spacing: .08em; }
.future-bot-choice-state { padding: 3px 6px; border: 1px solid #2a6547; border-radius: 999px; color: #8ea99a; font-size: .5rem; letter-spacing: .05em; }
.future-bot-choice.selected .future-bot-choice-state { border-color: var(--green); color: var(--green); background: rgb(61 255 145 / 8%); }
.future-bot-choice-title { overflow-wrap: anywhere; color: #f2fff5; font-size: .83rem; line-height: 1.3; }
.future-bot-choice-metrics { color: var(--cyan); font-size: .66rem; font-weight: 900; line-height: 1.35; }
.future-bot-choice > small { color: #86a994; font-size: .58rem; line-height: 1.4; }
.compact-help { margin: 9px 0; border: 1px solid #285d67; border-radius: 8px; color: #9ec1aa; background: #06150c; }
.compact-help > summary { padding: 9px 11px; color: var(--cyan); cursor: pointer; font-size: .66rem; font-weight: 900; list-style-position: inside; }
.compact-help > p { margin: 0; padding: 0 12px 11px; color: #9dbba5; font-size: .66rem; line-height: 1.5; }
.open-trades-safety-details > div { margin: 0 10px 10px; }
.open-trade-brief { margin: 7px 0 10px; color: #8fb39a; font-size: .68rem; }
.open-trade-status-strip { display: flex; flex-wrap: wrap; gap: 7px; margin: 8px 0; }
.open-trade-status-strip > span { padding: 7px 9px; border: 1px solid #285d67; border-radius: 999px; color: #75a386; background: #06170d; font-size: .55rem; font-weight: 900; letter-spacing: .05em; }
.open-trade-status-strip strong { margin-left: 4px; color: var(--cyan); font-size: .6rem; }

.ideas-tab { border-color: #675926; }
.ideas-tab.active { border-color: #f4ce55; background: linear-gradient(145deg, #3b2c08, #10221a); }
.strategy-ideas-panel { overflow: hidden; border-color: #7b6824; background: radial-gradient(circle at 92% 0, rgb(244 206 85 / 9%), transparent 32%), #07150c; }
.idea-only-badge { border-color: #b5962d; color: #ffe88c; background: #2b2208; }
.strategy-ideas-safety, .strategy-confirmation-note { display: grid; gap: 4px; margin: 10px 0; padding: 10px 12px; border: 1px solid #8d7422; border-radius: 9px; color: #f6e5a4; background: #241d08; }
.strategy-ideas-safety strong, .strategy-confirmation-note strong { color: #fff1b2; font-size: .78rem; }
.strategy-ideas-safety span, .strategy-confirmation-note span { color: #d5c58e; font-size: .65rem; line-height: 1.45; }
.idea-activation-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 7px; margin: 11px 0; }
.idea-activation-path > div { display: grid; place-items: center; gap: 3px; min-height: 56px; padding: 8px; border: 1px solid #536346; border-radius: 8px; color: #94b39a; background: #07170d; text-align: center; }
.idea-activation-path > div.active { border-color: var(--green); color: #effff3; background: linear-gradient(145deg, #0a3924, #07170d); box-shadow: inset 0 3px 0 rgb(61 255 145 / 24%); }
.idea-activation-path strong { color: inherit; font-size: .68rem; }
.idea-activation-path span { font-size: .55rem; }
.idea-activation-path > i { height: 2px; min-width: 18px; background: linear-gradient(90deg, #4e7459, #d8ba4e); }
.idea-lab-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0; padding: 10px; border: 1px solid #496142; border-radius: 9px; background: #06150c; }
.idea-enabled-summary { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; min-width: 180px; }
.idea-enabled-summary > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--green); border-radius: 50%; color: var(--green); background: #082719; font-size: 1rem; font-weight: 950; }
.idea-enabled-summary strong { display: block; color: #f2fff4; font-size: .68rem; }
.idea-enabled-summary small { display: block; margin-top: 2px; color: #86ad91; font-size: .56rem; }
.idea-filter-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.idea-filter-buttons button { min-width: 72px; padding: 8px 10px; border-color: #496142; color: #a5c5ab; background: #07170d; font-size: .61rem; }
.idea-filter-buttons button.active { border-color: #f0ca50; color: #fff0a4; background: #302609; }
.strategy-ideas-key { margin: 10px 0; }
.strategy-ideas-key > summary { color: var(--cyan); }
.strategy-idea-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; counter-reset: strategy-notes; }
.strategy-note { position: relative; min-width: 0; min-height: 0; padding: 14px 14px 13px 32px; border: 1px solid #5a6f51; border-radius: 9px; background:
  linear-gradient(90deg, transparent 0 24px, rgb(255 95 120 / 30%) 24px 25px, transparent 25px),
  repeating-linear-gradient(0deg, #0b1e13 0 27px, #19442d 27px 28px);
  box-shadow: 0 10px 24px rgb(0 0 0 / 24%);
}
.strategy-note.paper-enabled { border-color: var(--green); box-shadow: inset 0 3px 0 rgb(61 255 145 / 24%), 0 10px 24px rgb(0 0 0 / 24%); }
.strategy-note::before { content: ""; position: absolute; left: 8px; top: 16px; bottom: 16px; width: 7px; background: radial-gradient(circle, #d4bd66 0 2px, transparent 2.5px) 0 0 / 7px 28px repeat-y; opacity: .72; }
.strategy-note-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.strategy-note-top span { color: #ffe277; font: 900 .66rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; }
.strategy-note-top strong { padding: 4px 7px; border: 1px solid #546a4a; border-radius: 999px; color: #a7caae; background: #09160e; font-size: .5rem; letter-spacing: .06em; }
.strategy-note h3 { margin: 10px 0 9px; color: #f8f4ce; font-size: .92rem; }
.idea-profile-graphic { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 8px; align-items: center; margin: 7px 0 9px; }
.idea-profile-mark { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #8a7428; border-radius: 12px; color: #ffe070; background: radial-gradient(circle at 30% 25%, #5c4a10, #141305 68%); font-size: .58rem; font-weight: 950; letter-spacing: .07em; }
.idea-profile-bars { display: grid; gap: 4px; }
.idea-profile-bars > div { display: grid; grid-template-columns: 49px minmax(0, 1fr); align-items: center; gap: 6px; }
.idea-profile-bars small { color: #80a98a; font-size: .51rem; font-weight: 900; letter-spacing: .05em; }
.idea-profile-bars i { display: block; overflow: hidden; height: 6px; border-radius: 999px; background: #183424; }
.idea-profile-bars b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), var(--green)); }
.idea-quick-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin: 8px 0 0; }
.idea-quick-facts > span { min-width: 0; padding: 6px 7px; border: 1px solid #3f6548; border-radius: 6px; color: #d8edda; background: rgb(2 14 8 / 82%); font-size: .56rem; font-weight: 850; line-height: 1.35; overflow-wrap: anywhere; }
.strategy-note:not(.expanded) dl, .strategy-note:not(.expanded) > p { display: none; }
.strategy-note dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; }
.strategy-note dl > div { min-width: 0; padding: 8px; border: 1px solid rgb(109 148 114 / 45%); border-radius: 6px; background: rgb(2 14 8 / 76%); }
.strategy-note dt { color: #7eae8b; font-size: .54rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.strategy-note dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #effff2; font-size: .66rem; font-weight: 900; line-height: 1.35; }
.strategy-note p { margin: 13px 0 0; color: #b7c9b6; font-size: .66rem; line-height: 1.52; }
.strategy-note p strong { color: #75eaa1; }
.idea-card-actions { display: grid; grid-template-columns: 1fr auto; gap: 7px; margin-top: 10px; }
.idea-card-actions button { padding: 8px 10px; font-size: .6rem; }
.idea-shortlist-toggle { border-color: #57704f; color: #b2cab5; background: #07160c; }
.strategy-note.paper-enabled .idea-shortlist-toggle { border-color: var(--green); color: #04120a; background: var(--green); }
.idea-more-toggle { min-width: 96px; border-color: #476c75; color: var(--cyan); background: #061a20; }
.strategy-confirmation-note { margin-bottom: 0; border-color: #2f8d62; background: #08271a; }
.strategy-confirmation-note strong { color: var(--green); }
.strategy-confirmation-note span { color: #a7cbb4; }
.open-trade-live-monitor { margin: 12px 0 2px; padding: 13px; border: 1px solid #2f8496; border-radius: 10px; background: linear-gradient(145deg, #041a20, #04130b 66%); box-shadow: inset 0 2px 0 rgb(52 224 255 / 14%); }
.open-trade-monitor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.open-trade-monitor-heading > div { display: grid; gap: 3px; }
.open-trade-monitor-heading strong { color: var(--cyan); font-size: .82rem; letter-spacing: .055em; }
.open-trade-monitor-heading div span { color: #91b5b8; font-size: .63rem; }
.open-trade-monitor-timing { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.open-trade-monitor-timing > div { display: grid; gap: 4px; min-width: 0; padding: 9px; border: 1px solid #285d67; border-radius: 7px; background: #06170d; }
.open-trade-monitor-timing span { color: #79ad89; font-size: .58rem; font-weight: 900; letter-spacing: .06em; }
.open-trade-monitor-timing strong { color: #effff3; font-size: .7rem; overflow-wrap: anywhere; }
.open-trade-live-monitor .market-chart { margin: 10px 0 8px; border-color: #287b8c; }
.compact-real-trade-card .open-trade-live-monitor .market-chart svg { height: 300px; }
.open-trade-monitor-note { margin: 0; padding: 9px 10px; border-left: 3px solid var(--amber); color: #d9cf8e; background: #181704; font-size: .65rem; line-height: 1.5; }
.qualification-editor { margin-top: 16px; padding: 14px; border: 1px solid #2b7280; border-radius: 10px; background: linear-gradient(145deg, #071d20, #07170e 58%); }
.qualification-editor h3 { color: var(--cyan); font-size: 1rem; }
.qualification-editor > .muted { margin: 8px 0; font-size: .7rem; line-height: 1.5; }
.qualification-sync-copy { margin: 9px 0 12px; padding: 9px 10px; border-left: 3px solid var(--cyan); color: #b2d2d5; background: #06191c; font-size: .68rem; line-height: 1.45; }
.qualification-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.qualification-filter-grid label { min-width: 0; padding: 10px; border: 1px solid #285d67; border-radius: 8px; background: #06191c; }
.qualification-filter-grid label > span { display: block; margin-bottom: 6px; color: #b9dcdf; font-size: .68rem; font-weight: 800; }
.qualification-filter-grid small { display: block; min-height: 14px; margin-top: 5px; color: #82aeb2; font-size: .59rem; line-height: 1.35; }
.qualification-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.qualification-fingerprint { display: block; margin-top: 9px; color: #89b8bd; font-size: .61rem; overflow-wrap: anywhere; }
.trading-switch { margin-top: 16px; padding: 14px; border: 1px solid #235134; border-radius: 10px; background: rgba(6, 29, 18, .72); }
.trading-switch .muted { margin: 0 0 10px; }
.button-row { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.trading-switch .button-row { grid-template-columns: 1fr 1fr; }
.timeline-dot.live-buy-confirmed, .timeline-dot.live-open { background: var(--green); }
.timeline-dot.live-sell-confirmed, .timeline-dot.live-closed { background: var(--cyan); }
.timeline-dot.entry-failed, .timeline-dot.exit-failed, .timeline-dot.submission-uncertain-stop { background: var(--red); }

@media (max-width: 1050px) {
  .executor-tab-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .metrics { grid-template-columns: repeat(3, 1fr); }
  .two-column, .lower-grid { grid-template-columns: 1fr; }
  .adjacent-lane-grid { grid-template-columns: 1fr; }
  .signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .real-metrics, .real-trade-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfolio-analytics { grid-template-columns: 1fr; }
  .compact-trade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .misc-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .failed-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .impact-eli5 ul { grid-template-columns: 1fr; }
  .impact-interval-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .impact-chart-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .impact-chart-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .daily-cashflow-grid { grid-template-columns: 1fr 36px 1fr; }
  .daily-cashflow-grid .daily-metric:last-child { grid-column: 1 / -1; }
  .future-bot-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .topbar { position: static; align-items: flex-start; padding: 17px 14px; flex-direction: column; }
  .engine-title-row { align-items:flex-start; flex-direction:column; gap:3px; }
  .top-actions { width: 100%; }
  main { width: min(100% - 20px, 1500px); margin-top: 10px; }
  .executor-tab-nav { top: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 6px; }
  .executor-tab { min-height: 54px; padding: 8px; }
  .executor-tab small { display: none; }
  .future-bot-choice-grid, .strategy-idea-grid { grid-template-columns: 1fr; }
  .future-bot-choice-grid { max-height: 430px; }
  .strategy-note { min-height: 0; padding-right: 12px; }
  .strategy-note dl { grid-template-columns: 1fr; }
  .idea-activation-path { grid-template-columns: repeat(4, minmax(105px, 1fr)); overflow-x: auto; padding-bottom: 5px; }
  .idea-activation-path > i { display: none; }
  .idea-lab-toolbar { align-items: stretch; flex-direction: column; }
  .idea-filter-buttons { display: grid; grid-template-columns: 1fr 1fr; }
  .idea-filter-buttons button { width: 100%; }
  .idea-card-actions { grid-template-columns: 1fr; }
  .idea-more-toggle { width: 100%; }
  .notice { align-items: flex-start; flex-direction: column; gap: 5px; }
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .dashboard-shortcuts { grid-template-columns: 1fr; }
  .wallet-scope-bar { align-items: stretch; flex-direction: column; }
  .wallet-scope-controls { width: 100%; }
  .pane-guide { grid-template-columns: 1fr; gap: 5px; }
  .friend-engine-hero { align-items: stretch; flex-direction: column; }
  .friend-engine-hero .badge { align-self: flex-start; }
  .paired-entry-steps { grid-template-columns: 1fr; }
  .paired-entry-open-note { flex-direction: column; gap: 5px; }
  .metric { min-height: 100px; padding: 13px; }
  .metric strong { font-size: 1.2rem; }
  .panel { padding: 14px; }
  .history-heading { flex-direction: column; }
  .history-filters { justify-content: flex-start; width: 100%; }
  .qualified-bot-toolbar { align-items: stretch; flex-direction: column; }
  .qualified-bot-controls { width: 100%; }
  .qualified-bot-controls button { flex: 1 1 0; min-width: 0; }
  .bot-stats { grid-template-columns: repeat(2, 1fr); }
  .signal-grid { grid-template-columns: 1fr; }
  .compact-trade-grid { grid-template-columns: 1fr; }
  .failed-statistics-heading { align-items: stretch; flex-direction: column; }
  .failed-stats-grid .failed-stat-latest { grid-column: 1 / -1; }
  .signal-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .signal-footer { align-items: stretch; flex-direction: column; }
  .signal-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .signal-footer .button { width: 100%; }
  .real-trade-heading, .real-trade-footer { align-items: stretch; flex-direction: column; }
  .analytics-heading { align-items: stretch; flex-direction: column; }
  .portfolio-heading-actions { align-items: stretch; flex-direction: column; }
  .portfolio-currency-toolbar { top: 180px; align-items: stretch; flex-direction: column; gap: 8px; margin: -3px -3px 12px; padding: 9px; }
  .portfolio-currency-controls { justify-content: space-between; width: 100%; }
  .currency-switch { flex: 1 1 auto; }
  .currency-switch button { width: 100%; min-width: 0; }
  .trade-display-toolbar, .order-currency-toolbar { align-items: stretch; flex-direction: column; }
  .contract-action-buttons { display: grid; grid-template-columns: 1fr; }
  .contract-action-buttons .button { width: 100%; }
  .trade-group-heading { align-items: stretch; flex-direction: column; }
  .open-trade-lane-heading { align-items: stretch; flex-direction: column; }
  .open-trade-lane-heading .badge { align-self: flex-start; }
  .trade-color-legend { grid-template-columns: 1fr 1fr; }
  .trade-color-legend span { grid-column: 1 / -1; }
  .open-trade-legend strong:last-of-type { grid-column: 1 / -1; }
  .impact-shadow-heading { align-items: stretch; flex-direction: column; }
  .impact-shadow-grid { grid-template-columns: 1fr; }
  .impact-profit-controls, .impact-profit-graphics { grid-template-columns: 1fr; }
  .impact-chart-overlay { padding: 6px; }
  .impact-chart-modal { width: calc(100vw - 12px); max-height: calc(100vh - 12px); padding: 17px 10px; border-radius: 12px; }
  .impact-chart-heading { align-items: stretch; flex-direction: column; padding-right: 42px; }
  .impact-chart-heading .badge { align-self: flex-start; }
  .impact-chart-controls, .impact-chart-detail-grid { grid-template-columns: 1fr; }
  .impact-chart-stage { min-height: 300px; padding: 6px; }
  .impact-chart-stage .impact-profit-chart-scroll { min-height: 290px; }
  .impact-chart-stage svg { height: 290px; }
  .impact-profit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .impact-profit-heading { align-items: stretch; flex-direction: column; }
  .impact-profit-switch { grid-template-columns: 1fr; }
  .impact-interval-heading { align-items: stretch; flex-direction: column; }
  .impact-interval-totals, .impact-interval-grid, .impact-above-list { grid-template-columns: 1fr; }
  .successful-trades-heading, .successful-card-heading { align-items: stretch; flex-direction: column; }
  .successful-total, .success-profit { align-self: flex-start; text-align: left; }
  .portfolio-allocation-body { grid-template-columns: 1fr; }
  .portfolio-subtab-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .failed-subtab-nav { grid-template-columns: 1fr; }
  .failed-group-buttons { grid-template-columns: 1fr; }
  .portfolio-subsection-heading { align-items: stretch; flex-direction: column; }
  .bot-cohort-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trade-badges { justify-content: flex-start; }
  .trade-identifier { grid-template-columns: 1fr auto; }
  .trade-identifier > span { grid-column: 1 / -1; }
  .real-trade-footer .button { width: 100%; }
  .watch-row > div { grid-template-columns: 1fr; }
  .owner-login, .trading-switch .button-row, .limit-actions, .qualification-actions { grid-template-columns: 1fr; }
  .owner-pattern-settings { align-items: stretch; flex-direction: column; }
  .qualification-filter-grid { grid-template-columns: 1fr; }
  .buy-alert-controls { grid-template-columns: 1fr; }
  .buy-alert-actions { grid-template-columns: 1fr 1fr; }
  .buy-alert-actions .badge { justify-self: start; }
  .buy-alert-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .buy-alert-footer { align-items: stretch; flex-direction: column; }
  .buy-alert-footer .button { width: 100%; }
  .order-detail-overlay { padding: 10px; }
  .order-detail-modal { width: min(1440px, calc(100vw - 20px), calc(100vh - 20px)); height: min(1440px, calc(100vw - 20px), calc(100vh - 20px)); max-height: none; padding: 19px 14px; }
  .order-detail-heading { align-items: stretch; flex-direction: column; padding-right: 42px; }
  .order-detail-live-toolbar { align-items: stretch; flex-direction: column; }
  .order-detail-live-toggle { align-self: flex-start; white-space: normal; }
  .order-detail-primary-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-detail-primary-flow { align-items: flex-start; flex-direction: column; }
  .order-detail-quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-detail-content .real-trade-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .owner-panel .wallet-summary { grid-template-columns: 1fr; gap: 4px; }
  .owner-panel .wallet-summary strong { margin-bottom: 8px; }
  .misc-converter { grid-template-columns: 1fr; }
  .misc-conversion-results { grid-template-columns: 1fr; }
  .calendar-day-overlay { padding: 6px; }
  .calendar-day-modal { width: calc(100vw - 12px); max-height: calc(100vh - 12px); padding: 18px 12px; border-radius: 12px; }
  .calendar-day-detail-heading { align-items: stretch; flex-direction: column; padding-right: 42px; }
  .calendar-day-detail-heading .badge { align-self: flex-start; }
  .daily-dashboard-hero { grid-template-columns: 1fr; gap: 17px; }
  .daily-record-ring { width: 120px; }
  .daily-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-section-heading { align-items: stretch; flex-direction: column; }
  .daily-section-heading .badge { align-self: flex-start; }
  .daily-pnl-panel, .daily-cashflow-panel, .daily-outcome-panel { padding: 13px; }
  .daily-pnl-chart, .daily-pnl-chart svg { min-height: 270px; height: 270px; }
  .daily-cashflow-grid { grid-template-columns: 1fr; }
  .daily-cashflow-grid .daily-metric:last-child { grid-column: auto; }
  .daily-cashflow-arrow { min-height: 30px; transform: rotate(90deg); }
  .daily-outcome-top { align-items: flex-start; flex-direction: column; gap: 5px; }
}

/* Round 13: deep-indigo background with a lighter version of the same hue
   replacing the previous green dashboard chrome. Loss and danger states stay red. */
:root {
  --bg: #04012b;
  --panel: #0b0745;
  --panel-2: #120d59;
  --border: #4c4694;
  --border-bright: #8f8aff;
  --text: #f2f1ff;
  --muted: #b6b2df;
  --green: #aaa7ff;
  --cyan: #d0ceff;
}
html,
body { color: var(--text); background: #04012b; }
body { background: radial-gradient(circle at 20% -10%, #211a72 0, transparent 36%), #04012b; }
.topbar { border-color: #4c4694; background: rgb(4 1 43 / 95%); }
.executor-tab-nav,
.panel,
.notice,
.friend-engine-hero,
.wallet-lane-help,
.wallet-edit-quickbar,
.auto-selector-panel,
.adjacent-lane-card,
.adjacent-execution-note,
.portfolio-currency-toolbar,
.portfolio-chart-card,
.pnl-calendar-card,
.compact-help,
.simple-activity-bar {
  border-color: #4c4694;
  background: #0b0745;
}
.executor-tab,
.button.secondary,
.wallet-scope-controls button,
.currency-switch button,
.portfolio-subtab,
.header-monitor > a,
.header-connection,
.header-last-trade,
.owner-pattern-panel,
.owner-pattern-cell,
.auto-window-picker,
.auto-selector-winner,
.auto-selector-chart-card,
.auto-selector-ranking-card,
.adjacent-summary-grid > div,
.adjacent-rule-status,
.adjacent-qualification-status,
.adjacent-funding-status,
.empty-state {
  border-color: #514ba0;
  color: #e8e6ff;
  background: #100b50;
}
.executor-tab:hover,
.executor-tab.active,
.button.secondary:hover,
.compact-help > summary:hover,
.header-monitor > a:hover { border-color: #aaa7ff; background: #1b1568; }
.button.primary,
.badge-green,
.wallet-mode-button.primary,
.wallet-scope-controls button.active,
.currency-switch button.active,
.portfolio-subtab.active,
.owner-pattern-cell.selected,
.header-last-trade-wallet-toggle button.active,
.diagnostic-check > strong {
  border-color: #aaa7ff;
  color: #08042f;
  background: #aaa7ff;
}
.eyebrow,
.status-orb,
.simple-activity-copy span,
.scanner-reject-summary strong,
.scanner-reject-card h4,
.positive,
.successful-total,
.success-count { color: #c6c3ff; }
.wallet-edit-quickbar,
.adjacent-lane-card,
.auto-selector-panel { box-shadow: inset 0 0 0 1px rgb(170 167 255 / 16%); }
.header-last-trade.last-trade-win,
.idea-results-positive,
.idea-result-preview.positive,
.missed-paper-result.paper-outcome-win {
  border-color: #aaa7ff;
  color: #eeedff;
  background: #1a1465;
}

@media (max-width: 390px) {
  .trading-wallet-banner { align-items: stretch; flex-direction: column; }
  .trading-wallet-banner .button { width: 100%; }
  h1 { font-size: 1.45rem; }
  .metrics { grid-template-columns: 1fr 1fr; gap: 7px; }
  .top-actions .button { flex: 1 1 100%; }
  .wallet-actions .button { flex: 1; }
  .panel-heading { align-items: flex-start; }
  .signal-stats { gap: 3px; }
  .signal-stats strong { font-size: .76rem; }
  .market-chart { padding: 8px; }
  .market-chart-heading { align-items: flex-start; flex-direction: column; }
  .market-chart svg { height: 125px; }
  .open-trade-monitor-heading { align-items: stretch; flex-direction: column; }
  .open-trade-monitor-heading .badge { align-self: flex-start; }
  .open-trade-monitor-timing { grid-template-columns: 1fr; }
  .compact-real-trade-card .open-trade-live-monitor .market-chart svg { height: 220px; }
  .real-metrics, .real-trade-stats { grid-template-columns: 1fr 1fr; gap: 6px; }
  .portfolio-chart-card, .pnl-calendar-card { padding: 11px; }
  .portfolio-equity-chart, .portfolio-equity-chart svg { min-height: 190px; height: 190px; }
  .portfolio-axis-tick { font-size: 17px; }
  .portfolio-axis-title { font-size: 14px; letter-spacing: .04em; }
  .portfolio-equity-label { font-size: 18px; }
  .portfolio-subtab { min-height: 40px; padding: 7px; font-size: .66rem; }
  .paper-winner-grid { grid-template-columns: minmax(0, 1fr); }
  .pnl-calendar-grid { gap: 2px; }
  .calendar-cell { min-height: 45px; padding: 4px 2px; }
  .calendar-cell small { display: none; }
  .calendar-cell strong { font-size: .58rem; }
  .calendar-day-detail-heading { align-items: stretch; flex-direction: column; padding-right: 42px; }
  .calendar-day-detail-heading .badge { align-self: flex-start; }
  .calendar-day-modal { width: calc(100vw - 12px); max-height: calc(100vh - 12px); padding: 18px 10px; border-radius: 12px; }
  .daily-metrics-grid { grid-template-columns: 1fr; }
  .daily-metric { min-height: 98px; }
  .daily-hero-copy > strong { font-size: 2rem; }
  .daily-record-ring { width: 108px; border-width: 8px; }
  .owner-pattern-grid { gap: 7px; }
  .owner-pattern-actions { grid-template-columns: 1fr; }
  .successful-trades { padding: 13px; }
  .successful-trades-grid { grid-template-columns: minmax(0, 1fr); }
  .success-stats { grid-template-columns: 1fr 1fr; }
  .portfolio-allocation { padding: 12px; }
  .portfolio-allocation-heading { align-items: flex-start; flex-direction: column; }
  .allocation-donut { width: 168px; }
  .allocation-row { grid-template-columns: 10px minmax(0, 1fr); }
  .allocation-values { grid-column: 2; text-align: left; }
  .allocation-swatch { grid-row: 1 / span 2; height: 100%; min-height: 44px; }
  .real-metrics article { min-height: 96px; padding: 11px; }
  .real-metrics strong { font-size: 1rem; }
  .limit-grid { grid-template-columns: 1fr; }
  .buy-alert-actions, .buy-alert-stats { grid-template-columns: 1fr; }
  .buy-alert-actions .button { width: 100%; }
  .buy-alert-overlay { padding: 8px; }
  .buy-alert-card { max-height: calc(100vh - 16px); padding: 19px 14px; }
  .order-detail-overlay { padding: 6px; }
  .order-detail-modal { width: min(1440px, calc(100vw - 12px), calc(100vh - 12px)); height: min(1440px, calc(100vw - 12px), calc(100vh - 12px)); max-height: none; padding: 17px 11px; border-radius: 12px; }
  .order-detail-live-chart-slot .market-chart svg { height: 210px; }
  .order-detail-primary-overview { padding: 12px 9px; }
  .order-detail-primary-heading { align-items: stretch; flex-direction: column; }
  .order-detail-primary-heading .badge { align-self: flex-start; }
  .order-detail-primary-stats { gap: 5px; }
  .order-detail-primary-stats > div { min-height: 82px; padding: 10px 8px; }
  .order-detail-primary-timeline p { display: grid; gap: 2px; }
  .order-detail-primary-timeline strong { flex-basis: auto; }
  .order-detail-more > summary { grid-template-columns: 1fr auto; }
  .order-detail-more > summary > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .order-detail-more-state { grid-column: 2; grid-row: 1; }
  .order-detail-more-content { padding: 8px; }
  .misc-rate-grid { grid-template-columns: 1fr; }
  .misc-subtab-nav, .misc-stats-grid { grid-template-columns: 1fr; }
  .order-detail-quick-stats, .order-detail-content .real-trade-stats { grid-template-columns: 1fr 1fr; gap: 5px; }
  .order-detail-content .trade-identifier { grid-template-columns: 1fr auto; }
}

/* Simple live header and emergency monitor */
.topbar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(360px, 560px) minmax(220px, 1fr);
  align-items: center;
  gap: 12px 18px;
  padding-block: 16px 12px;
}
.topbar-brand { min-width: 0; }
.topbar-brand .eyebrow { margin-bottom: 4px; }
.topbar-auth {
  position: relative;
  justify-self: center;
  width: 100%;
  max-width: 560px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #36a16b;
  border-radius: 20px;
  background: linear-gradient(145deg, #0a2416, #06130c);
  box-shadow: 0 14px 38px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(70 255 149 / 9%);
}
.topbar-auth-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
  color: #a9dcb6;
  font-size: .62rem;
  letter-spacing: .08em;
}
.topbar-auth .owner-login { grid-template-columns: minmax(180px, 1fr) auto auto; }
.topbar-auth input,
.topbar-auth .button,
.top-actions .button,
.top-actions .badge { border-radius: 999px; }
.topbar-auth input { min-height: 42px; padding-inline: 16px; }
.topbar-auth .button { min-height: 42px; padding: 8px 18px; }
.topbar-auth .owner-pattern-panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  margin: 0;
  box-shadow: 0 22px 70px rgb(0 0 0 / 65%);
}
.topbar-message { margin: 6px 5px 0; font-size: .65rem; }
.topbar-message:empty { display: none; }
.top-actions {
  justify-content: flex-end;
  max-width: 250px;
}
.top-actions #mode-badge { justify-content: center; min-width: 92px; }
.scanner-back-link { border-color: #33825a; color: #e6ffed; background: #0b2819; }
.scanner-back-link:hover { border-color: var(--green); background: #104227; }
body.owner-unlocked .topbar-brand { grid-column: 1 / 3; }
body.owner-unlocked .top-actions {
  grid-column: 1 / 3;
  justify-self: start;
  justify-content: flex-start;
  width: auto;
  max-width: none;
  gap: 10px;
}
body.owner-unlocked .top-actions .badge,
body.owner-unlocked .top-actions .button {
  min-height: 38px;
  padding-inline: 20px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 22%);
}
.header-last-trade-shell { position: relative; min-width: 0; }
.header-last-trade {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 7px;
  width: 100%;
  min-height: 96px;
  padding: 48px 15px 13px;
  color: var(--text);
  text-align: left;
  border: 1px solid #287853;
  border-radius: 18px;
  background: linear-gradient(145deg, #0a2115, #06150d);
  box-shadow: 0 12px 34px rgb(0 0 0 / 26%), inset 0 1px 0 rgb(72 255 151 / 8%);
  cursor: pointer;
}
body.owner-unlocked .header-last-trade-shell {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: stretch;
}
.header-last-trade-shell .header-last-trade { height: 100%; }
.header-last-trade-wallet-toggle { position: absolute; z-index: 2; top: 12px; right: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.header-last-trade-wallet-toggle button { min-height: 27px; padding: 4px 8px; border: 1px solid #2f6446; border-radius: 999px; color: #9bcbaa; background: #07180e; font: inherit; font-size: .5rem; font-weight: 950; cursor: pointer; }
.header-last-trade-wallet-toggle button:hover, .header-last-trade-wallet-toggle button:focus-visible { border-color: var(--cyan); outline: none; color: #e7fbff; }
.header-last-trade-wallet-toggle button.active { border-color: var(--green); color: #04140b; background: var(--green); }
.header-last-trade-wallet-toggle button:disabled { cursor: default; opacity: .35; }
.header-last-trade:hover { border-color: var(--cyan); transform: translateY(-1px); }
.header-last-trade:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.header-last-trade:disabled { cursor: default; opacity: .72; transform: none; }
.header-last-trade-heading,
.header-last-trade-result { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.header-last-trade-coin { display: flex; align-items: center; gap: 10px; min-width: 0; }
.header-last-trade-coin > span:last-child { display: grid; gap: 2px; min-width: 0; }
.header-last-trade-coin strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#header-last-trade-call { overflow: hidden; color: #9fc5aa; font-size: .56rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.token-logo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid #36b877;
  border-radius: 50%;
  color: #d8ffe5;
  background: radial-gradient(circle at 30% 25%, #17623b, #07170e 70%);
  box-shadow: 0 6px 18px rgb(0 0 0 / 26%);
  font-weight: 950;
}
.token-logo img { width: 100%; height: 100%; object-fit: cover; }
.token-logo-header { width: 42px; height: 42px; font-size: .85rem; }
.token-logo-modal { width: 58px; height: 58px; font-size: 1rem; }
.order-detail-token-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.order-detail-token-identity > div { min-width: 0; }
.header-last-trade-heading b { color: #88c799; font-size: .62rem; letter-spacing: .12em; }
.header-last-trade-heading small {
  padding: 3px 7px;
  color: #b9e8c5;
  font-size: .55rem;
  font-weight: 850;
  border: 1px solid #2f6446;
  border-radius: 999px;
}
.header-last-trade-result strong { color: var(--green); font-size: 1.14rem; }
.header-last-trade-result b { font-size: 1rem; }
.header-last-trade > small { color: #91b49a; font-size: .61rem; line-height: 1.35; }
.header-last-trade.last-trade-win { border-color: #2cd77a; background: linear-gradient(145deg, #0a2b19, #06150d); }
.header-last-trade.last-trade-win .header-last-trade-result b { color: var(--green); }
.header-last-trade.last-trade-loss { border-color: #ef4d6f; background: linear-gradient(145deg, #2b0d15, #10090b); }
.header-last-trade.last-trade-loss .header-last-trade-result b { color: #ff718b; }
.header-last-trade.last-trade-flat .header-last-trade-result b { color: var(--cyan); }
.header-connection { position: relative; min-width: 220px; color: #dfffea; }
.header-connection summary {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) 22px;
  gap: 7px;
  align-items: center;
  min-height: 38px;
  padding: 7px 9px 7px 12px;
  border: 1px solid #33825a;
  border-radius: 999px;
  background: #071b10;
  cursor: pointer;
  list-style: none;
}
.header-connection summary::-webkit-details-marker { display: none; }
.header-connection summary span { color: #83b792; font-size: .5rem; font-weight: 900; letter-spacing: .08em; }
.header-connection summary strong { overflow: hidden; font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.header-connection summary b { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #4abf7c; border-radius: 50%; color: #9bffd0; font-size: .65rem; }
.header-connection p { position: absolute; z-index: 40; top: calc(100% + 7px); right: 0; width: min(360px, 86vw); margin: 0; padding: 11px; border: 1px solid #33825a; border-radius: 12px; color: #ccebd4; background: #06150d; box-shadow: 0 18px 45px rgb(0 0 0 / 55%); font-size: .64rem; line-height: 1.45; }
.header-connection.connection-problem summary { border-color: #d84f6b; }
.header-monitor {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(150px, 1.3fr) repeat(3, minmax(105px, .7fr));
  gap: 7px;
}
.header-monitor > strong,
.header-monitor > a {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 13px;
  border: 1px solid #285d43;
  border-radius: 14px;
  background: #07170e;
  text-decoration: none;
}
.header-monitor > strong { color: #89b894; font-size: .61rem; letter-spacing: .07em; }
.header-monitor > a:hover { border-color: var(--cyan); background: #082029; }
.header-monitor span { color: #8bb097; font-size: .58rem; font-weight: 850; letter-spacing: .05em; }
.header-monitor b { color: #f1fff4; font-size: .95rem; }
.header-monitor a:last-child b { color: #ff718b; }
.executor-tab-nav { top: 8px; grid-template-columns: repeat(9, minmax(0, 1fr)); }
.dashboard-controls-pane { margin-bottom: 14px; }

/* The normal dashboard remains the main page. Owner-only data and mutations are
   still protected by the authenticated API and locked-state renderers. */
#public-trade-showcase { display: none !important; }
.header-monitor.public-only { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
.header-monitor.public-only > strong,
.header-monitor.public-only #header-failed-link { display: none; }
.public-trade-showcase { gap: 12px; margin: 0 0 16px; padding: 16px; border: 1px solid #2c8c5c; border-radius: 18px; background: linear-gradient(145deg, #082218, #06140d 72%); }
.public-trade-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.public-trade-heading h2 { margin: 3px 0 0; }
.public-trade-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.public-trade-panel { min-width: 0; margin: 0; }
.public-trade-list { display: grid; gap: 8px; }
.public-trade-card { display: grid; gap: 8px; padding: 12px; border: 1px solid #285d43; border-radius: 13px; background: #06180e; }
.public-trade-card.successful { border-color: #2aa966; background: #082318; }
.public-trade-card-heading,
.public-trade-card-identity { display: flex; align-items: center; gap: 9px; }
.public-trade-card-heading { justify-content: space-between; }
.public-trade-card-identity { min-width: 0; }
.public-trade-card-identity > span:last-child { display: grid; gap: 2px; min-width: 0; }
.public-trade-card-identity strong { overflow: hidden; color: #eaffef; text-overflow: ellipsis; white-space: nowrap; }
.public-trade-card-identity small,
.public-trade-card > small { color: #82a98e; font-size: .55rem; }
.public-trade-card-heading > strong { color: #effff4; font-size: .8rem; }
.public-trade-card-heading > strong.positive { color: var(--green); }
.public-trade-card-heading > strong.negative { color: #ff718b; }
.public-trade-card p { margin: 0; color: #a6c7ae; font-size: .61rem; line-height: 1.45; }
.public-trade-logo { width: 34px; height: 34px; font-size: .7rem; }

/* Protected one-minute health and ledger/display consistency report. */
.diagnostic-panel { border-color: #2d8d5d; }
.diagnostic-panel.diagnostic-has-problem { border-color: #ef4d6f; box-shadow: inset 0 0 0 1px rgb(239 77 111 / 20%); }
.diagnostic-panel.diagnostic-needs-attention { border-color: #b8952d; }
.diagnostic-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 13px 0; }
.diagnostic-overview article { display: grid; gap: 5px; min-height: 92px; padding: 12px; border: 1px solid #285d43; border-radius: 12px; background: #06180e; }
.diagnostic-overview span { color: #7fab8b; font-size: .55rem; font-weight: 900; letter-spacing: .07em; }
.diagnostic-overview strong { color: #effff3; font-size: .82rem; }
.diagnostic-overview small { color: #88aa91; font-size: .56rem; }
.diagnostic-check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.diagnostic-check { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 9px; padding: 11px; border: 1px solid #2b744c; border-radius: 11px; background: #071b10; }
.diagnostic-check > strong { min-width: 58px; padding: 4px 6px; border-radius: 999px; color: #06130b; background: var(--green); font-size: .5rem; text-align: center; }
.diagnostic-check span { display: grid; gap: 4px; min-width: 0; }
.diagnostic-check b { color: #eaffef; font-size: .68rem; }
.diagnostic-check small { color: #92b69b; font-size: .57rem; line-height: 1.4; overflow-wrap: anywhere; }
.diagnostic-check.problem { border-color: #a6374d; background: #251016; }
.diagnostic-check.problem > strong { color: #ffe6ea; background: #b62f4b; }
.diagnostic-check.attention { border-color: #8e7423; background: #211c08; }
.diagnostic-check.attention > strong { color: #231b03; background: #f0c544; }
.diagnostic-truth-note { margin: 12px 0 0; padding: 10px; border: 1px solid #31533d; border-radius: 10px; color: #93b29b; background: #06140c; font-size: .59rem; line-height: 1.5; }

/* Cleaner Ideas cards: solid grid, rounded controls, truthful detail panels */
.idea-results-dashboard {
  display: grid;
  gap: 12px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid #3a9870;
  border-radius: 16px;
  background: linear-gradient(145deg, #082319, #07170e 68%);
  box-shadow: inset 0 2px 0 rgb(61 255 145 / 10%), 0 12px 30px rgb(0 0 0 / 22%);
}
.idea-results-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.idea-results-heading h3 { margin: 3px 0; color: #f3fff6; font-size: 1.05rem; }
.idea-results-heading small { color: #8fb69c; font-size: .62rem; }
.idea-results-status { white-space: nowrap; }
.idea-results-positive { border-color: #30db81; color: #dfffea; background: #0b3d24; }
.idea-results-negative { border-color: #ef4d6f; color: #ffbdca; background: #351019; }
.idea-results-loading { border-color: #b8962d; color: #ffe58a; background: #2c2307; }
.idea-results-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.idea-results-summary article {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 98px;
  padding: 11px;
  border: 1px solid #2b6247;
  border-radius: 12px;
  background: #06170d;
}
.idea-results-summary span { color: #77a989; font-size: .53rem; font-weight: 900; letter-spacing: .07em; }
.idea-results-summary strong { overflow-wrap: anywhere; color: #effff3; font-size: .76rem; line-height: 1.35; }
.idea-results-summary small { color: #9ab5a0; font-size: .57rem; line-height: 1.4; }
.idea-result-sorter { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 2px; }
.idea-result-sorter > strong { color: #9cc6aa; font-size: .58rem; letter-spacing: .08em; }
.idea-result-sorter > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.idea-result-sorter button { min-height: 34px; padding: 7px 10px; border-radius: 999px; border-color: #315b43; color: #97bda2; background: #07170e; font-size: .55rem; }
.idea-result-sorter button.active { border-color: var(--cyan); color: #03161b; background: var(--cyan); }
.idea-result-chart { display: grid; gap: 6px; }
.idea-chart-row {
  display: grid;
  grid-template-columns: 36px minmax(125px, .85fr) minmax(120px, 1.4fr) minmax(145px, .75fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid #2c5d43;
  border-radius: 11px;
  color: #effff3;
  background: #06170d;
  text-align: left;
}
.idea-chart-row:hover, .idea-chart-row:focus-visible { border-color: var(--cyan); outline: none; background: #08221b; transform: translateY(-1px); }
.idea-chart-rank { color: #f1d464; font-size: .65rem; font-weight: 950; }
.idea-chart-identity, .idea-chart-result { display: grid; gap: 3px; min-width: 0; }
.idea-chart-identity strong { color: #fff0a0; font-size: .65rem; }
.idea-chart-identity small, .idea-chart-result small { overflow: hidden; color: #86a990; font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }
.idea-chart-track { display: block; overflow: hidden; height: 10px; border-radius: 999px; background: #183425; }
.idea-chart-track i { display: block; height: 100%; min-width: 2px; border-radius: inherit; background: #9ab4a1; }
.idea-chart-row.positive .idea-chart-track i { background: linear-gradient(90deg, #1ab968, var(--green)); }
.idea-chart-row.negative .idea-chart-track i { background: linear-gradient(90deg, #8e253d, #ff5273); }
.idea-chart-result { text-align: right; }
.idea-chart-result strong { font-size: .74rem; }
.idea-chart-row.positive .idea-chart-result strong { color: var(--green); }
.idea-chart-row.negative .idea-chart-result strong { color: #ff718b; }
.idea-chart-help { margin: -3px 0 0; color: #87aa90; font-size: .57rem; }
.idea-filter-buttons button,
.idea-card-actions button,
.idea-detail-tabs button { border-radius: 999px; }
.idea-enabled-summary { min-width: 130px; }
.idea-enabled-summary > span { border-radius: 14px; }
.strategy-note {
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(145deg, #0a2114, #07170e 72%);
}
.strategy-note::before { display: none; }
.idea-result-preview {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 3px 0 10px;
  padding: 11px;
  border: 1px solid #41644a;
  border-radius: 12px;
  color: #effff3;
  background: #06160d;
  text-align: left;
}
.idea-result-preview:hover, .idea-result-preview:focus-visible { border-color: var(--cyan); outline: none; background: #08231a; }
.idea-result-preview.positive { border-color: #2abf70; box-shadow: inset 4px 0 0 #2cdd7e; }
.idea-result-preview.negative { border-color: #8f3448; box-shadow: inset 4px 0 0 #e54a69; }
.idea-result-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.idea-result-preview-heading strong { color: #ffe477; font-size: .57rem; letter-spacing: .06em; }
.idea-result-preview-heading b { color: #f0fff4; font-size: .84rem; }
.idea-result-preview.positive .idea-result-preview-heading b { color: var(--green); }
.idea-result-preview.negative .idea-result-preview-heading b { color: #ff718b; }
.idea-result-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.idea-result-preview-grid > span { display: grid; gap: 3px; min-width: 0; padding: 7px; border: 1px solid #294f39; border-radius: 8px; background: #081b10; }
.idea-result-preview-grid small { color: #789d83; font-size: .48rem; font-weight: 900; }
.idea-result-preview-grid b { overflow-wrap: anywhere; color: #f0fff4; font-size: .66rem; }
.idea-result-preview-action { color: #9ac8cf; font-size: .55rem; }
.idea-quick-facts > span,
.strategy-note dl > div { border-radius: 11px; }
.idea-detail-panel {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #35664a;
  border-radius: 14px;
  background: #05150c;
}
.strategy-note:not(.expanded) .idea-detail-panel { display: none; }
.idea-detail-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 9px;
}
.idea-detail-tabs button {
  min-width: 0;
  padding: 8px;
  border: 1px solid #31553d;
  color: #92b69c;
  background: #07170e;
  font-size: .55rem;
  font-weight: 900;
}
.idea-detail-tabs button.active {
  border-color: var(--cyan);
  color: #04141a;
  background: var(--cyan);
}
.idea-detail-panels > div {
  padding: 3px 4px;
  color: #b7c9b6;
  font-size: .64rem;
  line-height: 1.5;
}
.idea-detail-panels > div > strong { color: #effff3; }
.idea-detail-panels p { margin: 7px 0 0; }
.idea-not-tested {
  display: inline-flex;
  padding: 5px 9px;
  border: 1px solid #9b8127;
  border-radius: 999px;
  color: #ffe37c !important;
  background: #2b2307;
}
.idea-tested {
  display: inline-flex;
  padding: 5px 9px;
  border: 1px solid #28df84;
  border-radius: 999px;
  color: #032514 !important;
  background: #35f28e;
}
.idea-result-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}
.idea-result-grid span {
  padding: 8px;
  border: 1px solid #31553d;
  border-radius: 10px;
  background: #081b10;
}
.idea-result-grid small,
.idea-result-grid b { display: block; }
.idea-result-grid small { color: #7ea58a; font-size: .5rem; }
.idea-result-grid b { margin-top: 3px; color: #f0fff4; font-size: .72rem; }
.idea-result-grid b.positive { color: #35f28e; }
.idea-result-grid b.negative { color: #ff5273; }
.misc-subtab { border-radius: 999px; }

.paper-result-switch { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.paper-result-switch button { padding: 6px 9px; border: 1px solid #8d7220; border-radius: 999px; color: #ffe588; background: #171305; font-size: .55rem; font-weight: 900; }
.paper-result-switch button.active { border-color: var(--cyan); color: #05141a; background: var(--cyan); }
.paper-result-switch button.active.paper-switch-win { border-color: #32e487; color: #02140a; background: #32e487; box-shadow: 0 0 12px rgb(50 228 135 / 28%); }
.paper-result-switch button.active.paper-switch-loss { border-color: #ff4d70; color: #21030a; background: #ff4d70; box-shadow: 0 0 12px rgb(255 77 112 / 28%); }
.paper-result-switch button.active.paper-switch-unknown { border-color: #359fff; color: #03101f; background: #359fff; }
.impact-three-percent-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.impact-three-percent-summary article { display: grid; gap: 5px; min-height: 105px; padding: 12px; border: 1px solid #8a7020; border-radius: 12px; background: #171405; }
.impact-three-percent-summary span { color: #cdbb72; font-size: .56rem; font-weight: 900; letter-spacing: .06em; }
.impact-three-percent-summary strong { color: #fff4b0; font-size: .94rem; }
.impact-three-percent-summary small { color: #b8ad7c; font-size: .58rem; line-height: 1.4; }
.real-trade-replay-panel { border-color: #247fa1; background: linear-gradient(145deg,#071b1e,#06140e); }
.real-trade-replay-options { display: grid; grid-template-columns: repeat(7,minmax(58px,1fr)); gap: 7px; margin: 13px 0; }
.real-trade-replay-options button { min-height: 42px; border: 1px solid #28687f; border-radius: 10px; color: #b9eaff; background: #061a21; font-weight: 950; }
.real-trade-replay-options button.active { color: #04181e; background: var(--cyan); box-shadow: 0 0 0 2px rgb(53 217 255 / 25%); }
.real-trade-replay-options button.best::after { content: ' BEST'; font-size: .48rem; }
.real-trade-replay-result { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.real-trade-replay-result article { display: grid; gap: 5px; min-height: 100px; padding: 11px; border: 1px solid #26566a; border-radius: 11px; background: #06171c; }
.real-trade-replay-result span { color: #75b8d1; font-size: .52rem; font-weight: 900; letter-spacing: .06em; }
.real-trade-replay-result strong { color: #e6faff; font-size: .8rem; }
.real-trade-replay-result small, #real-trade-replay-note { color: #91b8c3; font-size: .57rem; line-height: 1.42; }
#real-trade-replay-note { display: block; margin-top: 10px; }
.adjacent-summary-grid .lane-current-bot { border-color: #35d9ff; background: linear-gradient(145deg,rgb(53 217 255 / 12%),rgb(28 122 82 / 9%)); }
.adjacent-summary-grid .lane-current-bot strong { color: #bcf4ff; }

@media (max-width: 1000px) {
  .topbar { grid-template-columns: 1fr 1.2fr; }
  .top-actions { grid-column: 1 / -1; max-width: none; justify-content: center; }
  body.owner-unlocked .topbar-brand,
  body.owner-unlocked .top-actions { grid-column: 1; }
  body.owner-unlocked .header-last-trade-shell { grid-column: 2; grid-row: 1 / span 2; }
  .idea-results-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .impact-three-percent-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .real-trade-replay-result { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 650px) {
  .topbar {
    display: grid;
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .topbar-auth,
  .top-actions,
  body.owner-unlocked .header-last-trade-shell,
  .header-monitor { grid-column: 1; width: 100%; max-width: none; }
  body.owner-unlocked .header-last-trade-shell { grid-row: auto; }
  .topbar-auth .owner-login { grid-template-columns: 1fr 1fr; }
  .topbar-auth .owner-login input { grid-column: 1 / -1; }
  .top-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .header-connection { grid-column: 1 / -1; width: 100%; }
  .top-actions #mode-badge,
  .top-actions #scanner-link { grid-column: auto; }
  body.owner-unlocked .top-actions {
    width: 100%;
    grid-template-columns: minmax(90px, .7fr) minmax(150px, 1.3fr);
  }
  .impact-three-percent-summary, .real-trade-replay-result { grid-template-columns: 1fr; }
  .public-trade-columns, .diagnostic-overview, .diagnostic-check-list { grid-template-columns: 1fr; }
  .public-trade-heading { align-items: stretch; flex-direction: column; }
  .real-trade-replay-options { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .header-monitor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .header-monitor > strong { grid-column: 1 / -1; }
  .executor-tab-nav { top: 0; }
  .idea-result-grid { grid-template-columns: 1fr 1fr; }
  .idea-results-heading, .idea-result-sorter { align-items: stretch; flex-direction: column; }
  .idea-result-sorter > div { justify-content: flex-start; }
  .idea-results-summary { grid-template-columns: 1fr 1fr; }
  .idea-chart-row { grid-template-columns: 32px minmax(0, 1fr) minmax(100px, .8fr); }
  .idea-chart-track { grid-column: 2 / -1; grid-row: 2; }
  .idea-chart-result { text-align: right; }
}

/* Compact clarity pass: dashboard presentation only; order rules and wallet state are unchanged. */
.button.success-link {
  color: #bff7ff;
  border-color: #267b91;
  background: #07303a;
  box-shadow: none;
}
.button.success-link:hover {
  color: #031319;
  border-color: var(--cyan);
  background: var(--cyan);
}
.compact-help {
  margin: 10px 0 13px;
  border: 1px solid #285d3a;
  border-radius: 9px;
  background: #07180e;
  overflow: hidden;
}
.compact-help > summary {
  min-height: 44px;
  padding: 11px 13px;
  color: #bfe8ca;
  cursor: pointer;
  font-size: .76rem;
  font-weight: 850;
  list-style: none;
}
.compact-help > summary::-webkit-details-marker { display: none; }
.compact-help > summary::after {
  content: "+";
  float: right;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
}
.compact-help[open] > summary::after { content: "\2212"; }
.compact-help > summary:hover { color: var(--text); background: #0a2416; }
.compact-help > summary:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.compact-help > div {
  padding: 0 13px 12px;
  border-top: 1px solid #214a30;
}
.compact-help > div > :first-child { margin-top: 12px; }
.compact-help > div > :last-child { margin-bottom: 0; }
.owner-login-safety {
  margin: 0 0 8px;
  color: #cfe9d6;
  font-size: .78rem;
}
.bot-evidence-details { margin-bottom: 0; }
.bot-evidence-details .bot-stats { margin-top: 12px; }
.executor-tab strong,
.executor-tab small {
  overflow-wrap: break-word;
  word-break: normal;
}
.executor-tab small { font-size: .7rem; }
.executor-tab.friend-tab:not(.active) {
  color: var(--text);
  border-color: #265a3b;
  background: #07180e;
}

@media (max-width: 650px) {
  .top-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .top-actions .badge { justify-content: center; }
  .top-actions .button { min-width: 0; }
  .top-actions #scanner-link { grid-column: 1 / -1; }
  .executor-tab strong,
  .wallet-scope-bar strong,
  .pane-guide strong { font-size: .78rem; }
  .executor-tab small,
  .wallet-scope-bar small,
  .dashboard-shortcuts span,
  .metric small { font-size: .74rem; }
  .eyebrow,
  .wallet-scope-bar span,
  .pane-guide span,
  .metric span,
  .signal-stats span,
  .wallet-summary span,
  .bot-stats span { font-size: .7rem; }
  .wallet-scope-controls button,
  .badge,
  .button { font-size: .76rem; }
  .metric { min-height: 96px; }
  .pane-guide { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
  .top-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .top-actions .badge { grid-column: span 1; }
  .top-actions .button,
  .top-actions #scanner-link {
    grid-column: span 1;
    padding-inline: 6px;
  }
  .executor-tab-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pane-guide { grid-template-columns: 1fr; }
  .wallet-scope-controls button { min-width: 0; }
}

/* Keep the simplified header authoritative over earlier compatibility rules. */
@media (max-width: 650px) {
  .topbar {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 14px;
  }
  .topbar-auth,
  .top-actions,
  .header-monitor { grid-column: 1; width: 100%; max-width: none; }
  .topbar-auth .owner-login { grid-template-columns: 1fr 1fr; }
  .topbar-auth .owner-login input { grid-column: 1 / -1; }
  .top-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .top-actions #mode-badge,
  .top-actions #scanner-link { grid-column: auto; }
  .header-monitor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .header-monitor > strong { grid-column: 1 / -1; }
  .auto-selector-heading { flex-direction: column; }
  .auto-window-picker > div:first-child { grid-template-columns: 1fr; }
  .auto-selector-winner { grid-template-columns: 1fr; }
  .auto-selector-winner > small { text-align: left; }
  .auto-selector-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .auto-selector-data-grid { grid-template-columns: 1fr; }
  .live-auto-proof-heading { flex-direction: column; }
  .live-auto-proof-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
  .top-actions { grid-template-columns: 1fr 1fr; }
  .top-actions .badge,
  .top-actions .button,
  .top-actions #scanner-link { grid-column: auto; }
  .auto-selector-metrics { grid-template-columns: 1fr; }
  .live-auto-proof-metrics { grid-template-columns: 1fr; }
  .idea-results-summary { grid-template-columns: 1fr; }
  .idea-result-preview-grid { grid-template-columns: 1fr; }
}

/* Dashboard-only markup stays unavailable even when legacy layout rules set display. */
[hidden] { display: none !important; }

/* Round 12: compact navy workspace and a centered live-connection indicator. */
:root {
  --bg: #000080;
  --text: #b3e6ff;
  --muted: #9dcfe8;
}
html,
body { color: #b3e6ff; background: #000080; }
.topbar {
  grid-template-columns: minmax(300px, .85fr) minmax(210px, .45fr) minmax(520px, 1.35fr);
  background: rgb(0 0 64 / 95%);
}
.topbar-brand { grid-column: 1; grid-row: 1; }
.topbar-auth { grid-column: 2; grid-row: 1; }
.top-actions { grid-column: 1; grid-row: 2; justify-self: start; justify-content: flex-start; max-width: none; }
.header-connection { grid-column: 2; grid-row: 2; justify-self: center; width: min(240px, 100%); min-width: 0; }
.header-connection p { right: auto; left: 50%; transform: translateX(-50%); }
.header-last-trade-shell,
body.owner-unlocked .header-last-trade-shell {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: stretch;
  width: 100%;
}
body.owner-unlocked .topbar-brand { grid-column: 1; grid-row: 1; }
body.owner-unlocked .top-actions { grid-column: 1; grid-row: 2; justify-self: start; }
body.owner-unlocked .header-connection { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.header-last-trade { min-height: 142px; padding-inline: 20px; }
.header-last-trade-result { gap: 22px; }
.header-last-trade-result b { font-size: 1.18rem; }
.portfolio-currency-toolbar { top: 86px; }
.portfolio-currency-controls { flex-wrap: wrap; }
.portfolio-wallet-scope-controls { grid-template-columns: repeat(2, minmax(86px, 1fr)); }
.missed-paper-result.paper-outcome-win { border-color: var(--green); background: #0a321d; }
.missed-paper-result.paper-outcome-win strong,
.missed-paper-result.paper-outcome-win span { color: #9fffc5; }
.missed-paper-result.paper-outcome-loss { border-color: var(--red); background: #35101a; }
.missed-paper-result.paper-outcome-loss strong,
.missed-paper-result.paper-outcome-loss span { color: #ffc4cf; }
.missed-paper-result.paper-outcome-unknown { border-color: var(--cyan); background: #071f38; }
.missed-paper-result.paper-outcome-unknown strong,
.missed-paper-result.paper-outcome-unknown span { color: #b3e6ff; }

@media (max-width: 1100px) {
  .topbar { grid-template-columns: minmax(260px, .8fr) minmax(180px, .4fr) minmax(400px, 1.2fr); }
}

@media (max-width: 850px) {
  .topbar { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .topbar-brand,
  body.owner-unlocked .topbar-brand { grid-column: 1; grid-row: 1; }
  .topbar-auth { grid-column: 1; grid-row: 2; }
  .top-actions { grid-column: 1; grid-row: 3; }
  .header-connection { grid-column: 1; grid-row: 4; width: 100%; }
  body.owner-unlocked .top-actions { grid-column: 1; grid-row: 2; }
  body.owner-unlocked .header-connection { grid-column: 1; grid-row: 3; width: 100%; }
  .header-last-trade-shell,
  body.owner-unlocked .header-last-trade-shell { grid-column: 2; grid-row: 1 / span 4; }
}

@media (max-width: 650px) {
  .topbar { grid-template-columns: 1fr; }
  .topbar-brand,
  body.owner-unlocked .topbar-brand,
  .topbar-auth,
  .top-actions,
  body.owner-unlocked .top-actions,
  .header-connection,
  body.owner-unlocked .header-connection,
  .header-last-trade-shell,
  body.owner-unlocked .header-last-trade-shell { grid-column: 1; grid-row: auto; }
  .header-connection p { left: 0; transform: none; }
  .header-last-trade { min-height: 128px; }
  .portfolio-currency-toolbar { top: 184px; }
  .portfolio-currency-controls { justify-content: flex-start; }
  .portfolio-wallet-scope-controls,
  .currency-switch { width: 100%; }
  .portfolio-wallet-scope-controls button,
  .currency-switch button { min-width: 0; flex: 1 1 0; }
}

/* Final theme authority: this stays after all legacy and Round 12 rules. */
:root {
  --bg: #04012b;
  --panel: #0b0745;
  --panel-2: #120d59;
  --border: #4c4694;
  --border-bright: #8f8aff;
  --text: #f2f1ff;
  --muted: #b6b2df;
  --green: #aaa7ff;
  --cyan: #d0ceff;
}
html,
body { color: var(--text); background: #04012b; }
body { background: radial-gradient(circle at 20% -10%, #211a72 0, transparent 36%), #04012b; }
.topbar { border-color: #4c4694; background: rgb(4 1 43 / 95%); }
.executor-tab-nav,
.panel,
.notice,
.friend-engine-hero,
.wallet-lane-help,
.wallet-edit-quickbar,
.auto-selector-panel,
.adjacent-lane-card,
.adjacent-execution-note,
.portfolio-currency-toolbar,
.portfolio-chart-card,
.pnl-calendar-card,
.compact-help,
.simple-activity-bar { border-color: #4c4694; background: #0b0745; }
.executor-tab,
.button.secondary,
.wallet-scope-controls button,
.currency-switch button,
.portfolio-subtab,
.header-monitor > a,
.header-connection,
.header-last-trade,
.owner-pattern-panel,
.owner-pattern-cell,
.auto-window-picker,
.auto-selector-winner,
.auto-selector-chart-card,
.auto-selector-ranking-card,
.adjacent-summary-grid > div,
.adjacent-rule-status,
.adjacent-qualification-status,
.adjacent-funding-status,
.empty-state { border-color: #514ba0; color: #e8e6ff; background: #100b50; }
.executor-tab:hover,
.executor-tab.active,
.button.secondary:hover,
.compact-help > summary:hover,
.header-monitor > a:hover { border-color: #aaa7ff; background: #1b1568; }
.button.primary,
.badge-green,
.wallet-mode-button.primary,
.wallet-scope-controls button.active,
.currency-switch button.active,
.portfolio-subtab.active,
.owner-pattern-cell.selected,
.header-last-trade-wallet-toggle button.active,
.diagnostic-check > strong { border-color: #aaa7ff; color: #08042f; background: #aaa7ff; }
.eyebrow,
.status-orb,
.simple-activity-copy span,
.scanner-reject-summary strong,
.scanner-reject-card h4,
.positive,
.successful-total,
.success-count { color: #c6c3ff; }
.wallet-edit-quickbar,
.adjacent-lane-card,
.auto-selector-panel { box-shadow: inset 0 0 0 1px rgb(170 167 255 / 16%); }
.header-last-trade.last-trade-win,
.idea-results-positive,
.idea-result-preview.positive,
.missed-paper-result.paper-outcome-win { border-color: #aaa7ff; color: #eeedff; background: #1a1465; }
.topbar-auth,
.wallet-scope-bar,
.wallet-lane-freshness,
.header-monitor > strong {
  border-color: #514ba0;
  color: #e8e6ff;
  background: #0b0745;
  box-shadow: inset 0 0 0 1px rgb(170 167 255 / 12%);
}
.topbar-auth-heading,
.wallet-scope-bar span,
.wallet-scope-bar strong,
.wallet-scope-bar small,
.wallet-lane-freshness strong,
.wallet-lane-freshness small,
.header-monitor > strong,
.header-monitor span { color: #c6c3ff; }
#mode-badge,
#owner-state { border-color: #8f8aff; color: #d8d6ff; background: #17115d; }

/* Large, simple and interactive Ideas explanations. */
.strategy-ideas-panel { font-size: 1rem; }
.strategy-ideas-panel .panel-heading h2 { font-size: 1.35rem; }
.strategy-ideas-panel .strategy-ideas-safety,
.strategy-ideas-panel .strategy-ideas-safety span,
.strategy-ideas-panel .idea-results-heading small,
.strategy-ideas-panel .idea-results-summary small,
.strategy-ideas-panel .idea-chart-help { font-size: .82rem; line-height: 1.55; }
.strategy-ideas-panel .idea-results-summary span,
.strategy-ideas-panel .idea-result-sorter > strong { font-size: .72rem; }
.strategy-ideas-panel .idea-results-summary strong { font-size: 1rem; }
.strategy-ideas-panel .idea-results-summary article[role="button"] { cursor: pointer; }
.strategy-ideas-panel .idea-results-summary article[role="button"]:hover,
.strategy-ideas-panel .idea-results-summary article[role="button"]:focus-visible { border-color: var(--cyan); outline: 2px solid rgb(67 184 255 / 24%); }
.strategy-ideas-panel .idea-result-sorter button { min-height: 42px; padding: 9px 14px; font-size: .76rem; }
.strategy-ideas-panel .idea-chart-row { min-height: 68px; padding: 11px 13px; }
.strategy-ideas-panel .idea-chart-rank,
.strategy-ideas-panel .idea-chart-identity strong { font-size: .88rem; }
.strategy-ideas-panel .idea-chart-identity small,
.strategy-ideas-panel .idea-chart-result small { font-size: .75rem; }
.strategy-ideas-panel .idea-chart-result strong { font-size: 1rem; }
.strategy-ideas-panel .strategy-note h3 { font-size: 1.15rem; }
.strategy-ideas-panel .strategy-note dt,
.strategy-ideas-panel .strategy-note dd,
.strategy-ideas-panel .strategy-note p,
.strategy-ideas-panel .idea-card-actions button { font-size: .82rem; line-height: 1.5; }

.idea-explainer-dialog {
  width: min(900px, calc(100vw - 32px));
  max-height: min(880px, calc(100vh - 32px));
  padding: 0;
  border: 1px solid #42b9ff;
  border-radius: 20px;
  color: #effff4;
  background: #06150e;
  box-shadow: 0 28px 90px rgb(0 0 0 / 70%);
}
.idea-explainer-dialog::backdrop { background: rgb(0 5 15 / 82%); backdrop-filter: blur(5px); }
.idea-explainer-shell { display: grid; gap: 18px; padding: 24px; font-size: 1rem; }
.idea-explainer-shell > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.idea-explainer-shell > header span { color: var(--cyan); font-size: .82rem; font-weight: 900; letter-spacing: .08em; }
.idea-explainer-shell > header h2 { margin: 5px 0 0; color: #fff; font-size: 1.65rem; }
#idea-explainer-close { width: 44px; height: 44px; border-radius: 50%; color: #fff; border-color: #47735a; background: #10281b; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.idea-explainer-summary { margin: 0; padding: 14px 16px; border-left: 4px solid var(--cyan); border-radius: 10px; color: #d9f7e2; background: #0a281a; font-size: 1.05rem; line-height: 1.65; }
.idea-explainer-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.idea-explainer-metrics article { display: grid; gap: 7px; min-height: 88px; padding: 13px; border: 1px solid #316849; border-radius: 12px; background: #071d12; }
.idea-explainer-metrics span { color: #9bc9a8; font-size: .72rem; font-weight: 900; }
.idea-explainer-metrics strong { color: var(--green); font-size: 1.05rem; overflow-wrap: anywhere; }
.idea-explainer-loss #idea-explainer-pnl,
.idea-explainer-loss #idea-explainer-per-trade { color: #ff7890; }
.idea-explainer-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.idea-explainer-tabs button { min-height: 44px; padding: 9px 14px; border-radius: 999px; border-color: #386b4c; color: #b9d9c2; background: #081b11; font-size: .8rem; font-weight: 900; cursor: pointer; }
.idea-explainer-tabs button.active { color: #02130a; border-color: var(--cyan); background: var(--cyan); }
.idea-explainer-shell section { padding: 16px; border: 1px solid #285d43; border-radius: 14px; background: #061a10; }
.idea-explainer-shell section h3 { margin: 0 0 14px; color: #fff; font-size: 1.2rem; }
#idea-explainer-steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
#idea-explainer-steps li { display: grid; grid-template-columns: minmax(150px, .7fr) 1fr; gap: 12px; padding: 12px; border-radius: 10px; background: #0b291a; }
#idea-explainer-steps strong { color: #9edcb2; }
#idea-explainer-steps span { color: #fff; font-weight: 800; }
#idea-explainer-rules dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
#idea-explainer-rules dl > div { display: grid; gap: 6px; padding: 13px; border: 1px solid #32694b; border-radius: 10px; background: #0a2517; }
#idea-explainer-rules dt { color: #a6ccb0; font-size: .82rem; font-weight: 900; }
#idea-explainer-rules dd { margin: 0; color: #fff; font-size: 1rem; font-weight: 800; }
#idea-explainer-risk { color: #f4e8b3; font-size: 1.05rem; line-height: 1.65; }
.idea-explainer-safety { margin-top: 14px; padding: 14px; border: 1px solid #a68428; border-radius: 10px; color: #ffe89a; background: #2b2208; line-height: 1.55; }

@media (max-width: 700px) {
  .idea-explainer-shell { padding: 16px; }
  .idea-explainer-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #idea-explainer-steps li { grid-template-columns: 1fr; }
  #idea-explainer-rules dl { grid-template-columns: 1fr; }
}
.status-orb { background: #aaa7ff; box-shadow: 0 0 12px rgb(170 167 255 / 80%); }
.executor-tab.friend-tab,
.executor-tab.live-tab { border-color: #5b55ad; background: #100b50; }
details.header-connection,
details.header-connection[open],
.header-last-trade-wallet-toggle button,
.executor-tab.live-tab.active {
  border-color: #5b55ad;
  color: #d8d6ff;
  background: #100b50;
}
.header-last-trade-wallet-toggle button:hover,
.header-last-trade-wallet-toggle button:focus-visible { border-color: #aaa7ff; background: #1b1568; }
.badge:not(.badge-red):not(.badge-amber),
#adjacent-engine-state,
#auto-selector-state,
#real-trade-replay-state {
  border-color: #8f8aff !important;
  color: #d8d6ff !important;
  background: #17115d !important;
}
.panel .eyebrow,
.wallet-edit-quickbar .eyebrow,
.auto-selector-panel .eyebrow { color: #c6c3ff; }

/* Round 13 dark-blue authority: near-black navy depth, electric-blue chrome,
   and green/red reserved for proven positive/negative outcomes. */
:root {
  --bg: #01030a;
  --panel: #030817;
  --panel-2: #061127;
  --border: #174b78;
  --border-bright: #349fff;
  --text: #edf7ff;
  --muted: #82a9ca;
  --green: #4aafff;
  --cyan: #78c8ff;
}
html,
body { color: var(--text); background: #01030a; }
body { background: radial-gradient(circle at 18% -12%, #09264a 0, transparent 34%), #01030a; }
.topbar { border-color: #174b78; background: rgb(1 3 10 / 96%); }
.executor-tab-nav,
.panel,
.notice,
.friend-engine-hero,
.wallet-lane-help,
.wallet-edit-quickbar,
.auto-selector-panel,
.adjacent-lane-card,
.adjacent-execution-note,
.portfolio-currency-toolbar,
.portfolio-chart-card,
.pnl-calendar-card,
.compact-help,
.simple-activity-bar,
.failed-statistics,
.failed-subtab-nav {
  border-color: #174b78;
  background: #030817;
  box-shadow: 0 14px 34px rgb(0 0 0 / 42%), inset 0 0 0 1px rgb(52 159 255 / 9%);
}
.executor-tab,
.executor-tab.friend-tab,
.executor-tab.live-tab,
.executor-tab.live-tab.active,
.button.secondary,
.wallet-scope-controls button,
.currency-switch button,
.portfolio-subtab,
.failed-subtab,
.failed-group-buttons button,
.header-monitor > a,
.header-monitor > strong,
details.header-connection,
details.header-connection[open],
.header-last-trade,
.header-last-trade-wallet-toggle button,
.topbar-auth,
.wallet-scope-bar,
.wallet-lane-freshness,
.owner-pattern-panel,
.owner-pattern-cell,
.auto-window-picker,
.auto-selector-winner,
.auto-selector-chart-card,
.auto-selector-ranking-card,
.adjacent-summary-grid > div,
.adjacent-rule-status,
.adjacent-qualification-status,
.adjacent-funding-status,
.empty-state,
.compact-trade-stats > div {
  border-color: #1b5b91;
  color: #dceeff;
  background: #050c1d;
}

/* Round 13: make Last Connected a peer card to Last Trade. */
.topbar {
  grid-template-columns: minmax(320px, .9fr) minmax(240px, .55fr) repeat(2, minmax(320px, 1fr));
}
.topbar-brand { grid-column: 1; grid-row: 1; }
.top-actions { grid-column: 1; grid-row: 2; }
.topbar-auth { grid-column: 2; grid-row: 1 / span 2; align-self: stretch; }
.header-connection {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
}
.header-last-trade-shell {
  grid-column: 4;
  grid-row: 1 / span 2;
  align-self: stretch;
  width: 100%;
}
body.owner-unlocked .topbar {
  grid-template-columns: minmax(360px, .9fr) repeat(2, minmax(340px, 1fr));
}
body.owner-unlocked .header-connection,
body.owner-unlocked .header-last-trade-shell {
  align-self: stretch;
  width: 100%;
  min-width: 0;
}
body.owner-unlocked .header-connection {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: stretch;
}
body.owner-unlocked .header-last-trade-shell {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.header-connection summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  gap: 7px 18px;
  align-items: center;
  width: 100%;
  min-height: 142px;
  height: 100%;
  padding: 20px;
  border-color: #1b5b91;
  border-radius: 18px;
  background: linear-gradient(145deg, #06162b, #030817);
  box-shadow: 0 12px 34px rgb(0 0 0 / 32%), inset 0 1px 0 rgb(74 175 255 / 10%);
}
.header-connection summary .header-connection-heading {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.header-connection summary .header-connection-heading b {
  display: block;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: #78c8ff;
  font-size: .62rem;
  letter-spacing: .12em;
}
.header-connection summary .header-connection-heading small {
  color: #7898b8;
  font-size: .54rem;
  font-weight: 850;
  letter-spacing: .06em;
}
.header-connection summary strong {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  color: #dceeff;
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  line-height: 1;
}
.header-connection summary time {
  grid-column: 1 / -1;
  grid-row: 3;
  overflow: hidden;
  color: #8eabc7;
  font-size: .61rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-connection summary .header-connection-info {
  grid-column: 2;
  grid-row: 1;
  border-color: #349fff;
  color: #bfe5ff;
}
.header-connection p {
  top: calc(100% + 7px);
  right: 0;
  left: auto;
  transform: none;
}
.header-connection.connection-problem summary {
  border-color: #ef4d6f;
  background: linear-gradient(145deg, #230912, #08040a);
}

@media (max-width: 1200px) {
  .topbar,
  body.owner-unlocked .topbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topbar-brand { grid-column: 1; grid-row: 1; }
  .topbar-auth { grid-column: 2; grid-row: 1; }
  .top-actions { grid-column: 1 / -1; grid-row: 2; }
  .header-connection,
  body.owner-unlocked .header-connection { grid-column: 1; grid-row: 3; }
  .header-last-trade-shell,
  body.owner-unlocked .header-last-trade-shell { grid-column: 2; grid-row: 3; }
  body.owner-unlocked .topbar-brand { grid-column: 1; grid-row: 1; }
  body.owner-unlocked .top-actions { grid-column: 2; grid-row: 1; align-self: center; }
  body.owner-unlocked .header-connection,
  body.owner-unlocked .header-last-trade-shell { grid-row: 2; }
}

@media (max-width: 850px) {
  body.owner-unlocked .topbar { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  body.owner-unlocked .header-connection { grid-column: 1; grid-row: 2; }
  body.owner-unlocked .header-last-trade-shell { grid-column: 2; grid-row: 2; }
}

@media (max-width: 650px) {
  body.owner-unlocked .topbar { grid-template-columns: 1fr; }
  body.owner-unlocked .header-connection,
  body.owner-unlocked .header-last-trade-shell { grid-column: 1; grid-row: auto; }
  .header-connection summary { min-height: 128px; }
  .header-connection p { left: 0; right: auto; }
}
.executor-tab:hover,
.executor-tab.active,
.button.secondary:hover,
.compact-help > summary:hover,
.header-monitor > a:hover,
.header-last-trade-wallet-toggle button:hover,
.header-last-trade-wallet-toggle button:focus-visible {
  border-color: #4aafff;
  background: #0a2240;
  box-shadow: 0 0 18px rgb(52 159 255 / 18%);
}
.button.primary,
.wallet-mode-button.primary,
.wallet-scope-controls button.active,
.currency-switch button.active,
.portfolio-subtab.active,
.failed-subtab.active,
.owner-pattern-cell.selected,
.header-last-trade-wallet-toggle button.active,
.diagnostic-check > strong,
.badge:not(.badge-red):not(.badge-amber),
#mode-badge,
#owner-state,
#adjacent-engine-state,
#auto-selector-state,
#real-trade-replay-state {
  border-color: #4aafff !important;
  color: #010812 !important;
  background: #4aafff !important;
  box-shadow: 0 0 18px rgb(52 159 255 / 24%);
}
.eyebrow,
.panel .eyebrow,
.wallet-edit-quickbar .eyebrow,
.auto-selector-panel .eyebrow,
.topbar-auth-heading,
.wallet-scope-bar span,
.wallet-scope-bar strong,
.wallet-scope-bar small,
.wallet-lane-freshness strong,
.wallet-lane-freshness small,
.header-monitor > strong,
.header-monitor span,
.compact-trade-stats span { color: #79c5ff; }
.status-orb { background: #4aafff; box-shadow: 0 0 13px rgb(52 159 255 / 85%); }
.rejected-trade-card,
.rejected-trade-card.paper-result-pending {
  border-color: #359fff;
  background: linear-gradient(145deg, #06192e, #020713 52%);
  box-shadow: inset 4px 0 0 #359fff, 0 14px 28px rgb(0 0 0 / 42%);
}
.rejected-trade-card.paper-would-win {
  border-color: #32e487;
  background: linear-gradient(145deg, #062719, #020a08 52%);
  box-shadow: inset 4px 0 0 #32e487, 0 14px 28px rgb(0 0 0 / 42%);
}
.rejected-trade-card.paper-would-lose {
  border-color: #ff4d70;
  background: linear-gradient(145deg, #310b16, #0c0307 52%);
  box-shadow: inset 4px 0 0 #ff4d70, 0 14px 28px rgb(0 0 0 / 42%);
}
.missed-paper-result.paper-outcome-win,
.paper-would-win .missed-paper-result {
  border-color: #32e487;
  color: #d9ffea;
  background: #062719;
}
.missed-paper-result.paper-outcome-win strong,
.missed-paper-result.paper-outcome-win span,
.paper-would-win .missed-paper-result strong,
.paper-would-win .missed-paper-result span { color: #78ffb5; }
.missed-paper-result.paper-outcome-loss,
.paper-would-lose .missed-paper-result {
  border-color: #ff4d70;
  color: #ffe0e7;
  background: #310b16;
}
.missed-paper-result.paper-outcome-loss strong,
.missed-paper-result.paper-outcome-loss span,
.paper-would-lose .missed-paper-result strong,
.paper-would-lose .missed-paper-result span { color: #ff9caf; }
.missed-paper-result.paper-outcome-unknown {
  border-color: #359fff;
  color: #dceeff;
  background: #071b33;
}
.missed-paper-result.paper-outcome-unknown strong,
.missed-paper-result.paper-outcome-unknown span { color: #8ed0ff; }
.failed-stats-grid .failed-stat-win { border-color: #32e487; background: #062719; }
.failed-stats-grid .failed-stat-win strong { color: #78ffb5; }
.failed-stats-grid .failed-stat-loss { border-color: #ff4d70; background: #310b16; }
.failed-stats-grid .failed-stat-loss strong { color: #ff9caf; }
.entry-failure-reason { border-left-color: #ff4d70; color: #ffb7c5; background: #290913; }
/* Final phone authority: keep header cards full-width and make the nine main
   sections a readable horizontal strip instead of squeezing words vertically. */
@media (max-width: 650px) {
  .topbar,
  body.owner-unlocked .topbar {
    grid-template-columns: minmax(0, 1fr);
  }
  .topbar-brand,
  body.owner-unlocked .topbar-brand,
  .topbar-auth,
  .top-actions,
  body.owner-unlocked .top-actions,
  .header-connection,
  body.owner-unlocked .header-connection,
  .header-last-trade-shell,
  body.owner-unlocked .header-last-trade-shell,
  .header-monitor {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    min-width: 0;
  }
  .header-last-trade-heading,
  .header-last-trade-result,
  #header-last-trade-meta {
    min-width: 0;
    max-width: 100%;
  }
  .executor-tab-nav {
    display: flex;
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .executor-tab {
    flex: 0 0 132px;
    min-width: 132px;
    scroll-snap-align: start;
  }
  .executor-tab strong { overflow-wrap: normal; }
}

/* real Claude + ChatGPT marks (added 2026-08-16) */
.ai-collab-badge .ai-logo { width:13px; height:13px; flex:0 0 auto; display:inline-block; vertical-align:middle; }
.ai-collab-badge .ai-logo.claude { color:#f97316; filter:drop-shadow(0 0 5px rgb(249 115 22 / 75%)); }
.ai-collab-badge .ai-logo.chatgpt { color:#ffffff; margin-left:2px; filter:drop-shadow(0 0 5px rgb(255 255 255 / 45%)); }

/* Last Trade outcome authority: a confirmed win is green, never theme blue. */
.header-last-trade.last-trade-win {
  border-color: #32e487;
  color: #eafff3;
  background: linear-gradient(145deg, #07301e, #020b07);
  box-shadow: 0 12px 34px rgb(0 0 0 / 36%), inset 0 1px 0 rgb(120 255 181 / 18%);
}
.header-last-trade.last-trade-win .header-last-trade-heading b,
.header-last-trade.last-trade-win .header-last-trade-heading strong,
.header-last-trade.last-trade-win .header-last-trade-result b,
.header-last-trade.last-trade-win #header-last-trade-call,
.header-last-trade.last-trade-win > small { color: #78ffb5; }