.analysis-panel {
  margin-top: 14px;
}

.analysis-panel .panel-head p {
  max-width: 680px;
}

.validation-box {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid #5a3734;
  border-radius: 8px;
  background: rgba(130, 54, 49, .10);
}

.validation-box small { color: #d6aaa5; }

.signal-tag {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
}

.signal-tag.neutral {
  color: var(--amber);
  background: #2b2416;
}

.signal-tag.long {
  color: var(--green);
  background: #123025;
}

.signal-tag.short {
  color: #ff8c94;
  background: #32191d;
}

/* Readability layer loaded after the base theme. */
body { font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif; font-size: 15px; line-height: 1.45; }
h1, h2, .metric > strong, .risk-summary h2, .modal h2 { font-family: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important; letter-spacing: -.025em; }
header h1 { font-size: 32px; font-weight: 650; }
.section-title h1 { font-size: 30px; font-weight: 650; }
.panel-head h2 { font-size: 20px; font-weight: 650; }
.metric > strong { font-size: 28px; font-weight: 650; }
header p, .section-title p { font-size: 14px; }
.brand small { font-size: 9px; }
.nav-item { font-size: 15px; }
.eyebrow { font-size: 10px; letter-spacing: .17em; color: #82958f; }
.system-box > div:not(.eyebrow) { font-size: 12px; }
.system-box b { font-size: 10px; }
.system-box small { font-size: 11px; color: #71847e; }
.mode-pill small { font-size: 9px; }
.mode-pill b { font-size: 11px; }
.alert-strip b { font-size: 13px; }
.alert-strip small { font-size: 11px; }
.btn { font-size: 12px; }
.metric-head { font-size: 10px; }
.metric > small { font-size: 11px; }
.panel-head p { font-size: 12px; }
.legend, .subtle { font-size: 11px; }
.pair-row small, .strategy-details span { font-size: 10px; }
.strategy-details b { font-size: 12px; }
.link-btn, .text-btn { font-size: 11px; }
th { font-size: 9.5px; letter-spacing: .12em; }
td { font-size: 12.5px; }
.tag { font-size: 9.5px; }
.signal-tag { font-size: 9.5px; }
.empty b { font-size: 12px; }
.empty small { font-size: 10px; }
.event time { font-size: 11px; }
.event p { font-size: 12.5px; }
.form-grid label > span { font-size: 11.5px; }
.form-grid input { font-size: 14px; }
.form-grid em { font-size: 11px; }
.form-grid small { font-size: 9.5px; line-height: 1.4; }
.risk-summary > p { font-size: 11px; }
.progress-row { font-size: 10.5px; }
.risk-summary > small { font-size: 10px; }
.modal p { font-size: 12px; }

/* 2026 interface refresh */
:root {
  --bg: #070b0d;
  --panel: #111918;
  --panel2: #15201e;
  --line: #293936;
  --text: #f5f8f7;
  --muted: #91a39e;
  --green: #43e6a1;
  --green2: #1f9b70;
  --red: #ff6b74;
  --amber: #f5bd60;
  --shadow: 0 18px 50px rgba(0, 0, 0, .28);
}

body {
  background:
    radial-gradient(circle at 76% -12%, rgba(38, 119, 90, .20), transparent 35%),
    linear-gradient(135deg, #070b0d 0%, #09100f 58%, #080d0d 100%);
}

.sidebar {
  width: 248px;
  padding: 30px 20px;
  background: rgba(9, 15, 15, .96);
  border-right-color: #263632;
  box-shadow: 14px 0 45px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
}

main {
  margin-left: 248px;
  padding: 38px 46px 72px;
}

.brand { padding-bottom: 38px; }
.brand-mark {
  width: 40px;
  height: 40px;
  background: rgba(67, 230, 161, .06);
  box-shadow: inset 0 0 24px rgba(67, 230, 161, .08);
}
.brand strong { font-size: 15px; }

nav { gap: 9px; }
.nav-item {
  min-height: 48px;
  padding: 13px 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.nav-item:hover {
  background: #131e1c;
  border-color: #22332f;
  transform: translateX(2px);
}
.nav-item.active {
  background: linear-gradient(90deg, rgba(67, 230, 161, .13), rgba(67, 230, 161, .045));
  border-color: rgba(67, 230, 161, .18);
  box-shadow: inset 3px 0 var(--green);
}

header { margin-bottom: 30px; }
header h1 { color: #fff; }
.header-actions { gap: 12px; }
.mode-pill {
  padding: 10px 15px;
  border-color: #66512a;
  background: linear-gradient(145deg, #221c12, #17150f);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
}
.icon-btn, .avatar { width: 42px; height: 42px; }

.alert-strip {
  min-height: 68px;
  padding: 16px 18px;
  border-color: #2b4940;
  background: linear-gradient(105deg, rgba(24, 48, 41, .94), rgba(15, 25, 23, .98));
}
.alert-strip b { color: #f8fbfa; }

.btn {
  min-height: 38px;
  padding: 10px 16px;
  border-radius: 8px;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn.primary { box-shadow: 0 8px 26px rgba(67, 230, 161, .16); }
.btn.danger { background: rgba(91, 31, 38, .32); }

.metric, .panel {
  border-color: #293a36;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(19, 29, 27, .98), rgba(12, 19, 18, .99));
  box-shadow: var(--shadow), inset 0 1px rgba(255, 255, 255, .018);
}
.metric {
  min-height: 138px;
  padding: 21px 22px;
  transition: border-color .18s ease, transform .18s ease;
}
.metric:hover { border-color: #38514a; transform: translateY(-2px); }
.metric-head { color: #96aaa4; }
.panel { padding: 23px; }
.panel-head { margin-bottom: 21px; }

.section-title { margin: 13px 0 26px; }
.section-title p { margin-top: 4px; }
.eyebrow { color: #88a099; font-weight: 750; }

.table-wrap {
  border: 1px solid rgba(42, 58, 54, .65);
  border-radius: 9px;
  overflow: auto;
}
th {
  padding: 11px 13px;
  background: rgba(20, 31, 29, .82);
  color: #8fa39d;
  position: sticky;
  top: 0;
  z-index: 1;
}
td { padding: 14px 13px; color: #cbd5d2; }
tbody tr { transition: background .15s ease; }
tbody tr:hover { background: rgba(67, 230, 161, .035); }
tbody tr:last-child td { border-bottom: 0; }
.tag {
  display: inline-block;
  border: 1px solid rgba(67, 230, 161, .16);
  border-radius: 6px;
  font-weight: 700;
}

.form-grid { gap: 21px 26px; }
.form-grid label > span { color: #c4d0cc; font-weight: 600; }
.form-grid label > div {
  min-height: 43px;
  border-color: #30423e;
  border-radius: 8px;
  background: #0a1110;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.form-grid label > div:focus-within {
  border-color: var(--green2);
  box-shadow: 0 0 0 3px rgba(67, 230, 161, .08);
}
.form-grid input { font-weight: 650; }
.form-grid small { color: #71857f; }

.risk-summary {
  background: linear-gradient(160deg, rgba(20, 35, 31, .98), rgba(12, 19, 18, .99));
}
.shield {
  width: 62px;
  height: 62px;
  box-shadow: 0 0 32px rgba(67, 230, 161, .10);
}
.progress { height: 7px; background: #202d2a; }
.progress i { box-shadow: 0 0 12px rgba(67, 230, 161, .45); }

.event {
  grid-template-columns: 14px 165px 1fr;
  min-height: 52px;
  padding: 14px 7px;
}
.event:hover { background: rgba(255, 255, 255, .014); }
.status-badge { padding: 7px 10px; border-radius: 6px; }
.empty { min-height: 125px; }
.toast { border-radius: 9px; }

@media (max-width: 1050px) {
  .sidebar { width: 224px; }
  main { margin-left: 224px; padding-inline: 30px; }
}

@media (max-width: 760px) {
  .sidebar { width: auto; }
  main { margin-left: 0; padding: 24px 16px 54px; }
  header h1 { font-size: 27px; }
  .section-title h1 { font-size: 26px; }
  .panel { padding: 17px; }
}

.position-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0;
}
.position-chart-card {
  padding: 21px;
  overflow: hidden;
  position: relative;
}
.position-chart-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; opacity:.75; }
.position-chart-card.long-card::before { background:linear-gradient(var(--green),transparent 75%); }
.position-chart-card.short-card::before { background:linear-gradient(var(--red),transparent 75%); }
.position-chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 17px;
}
.position-chart-title { display: flex; align-items: center; gap: 11px; }
.position-chart-title h3 { margin: 0 0 3px; font-size: 17px; }
.position-chart-title small { color: var(--muted); font-size: 10px; }
.side-pill { padding: 6px 9px; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.side-pill.long { color: var(--green); background: rgba(67,230,161,.10); border: 1px solid rgba(67,230,161,.23); }
.side-pill.short { color: #ff8b93; background: rgba(255,107,116,.09); border: 1px solid rgba(255,107,116,.22); }
.position-chart-result { display:grid; grid-template-columns:auto auto; align-items:center; justify-items:end; column-gap:9px; row-gap:3px; }
.position-chart-result strong { font-size:16px; }
.position-chart-result small { font-size:10px; }
.position-chart-result .side-pill { grid-column:2; grid-row:1 / span 2; }
.position-chart-wrap { height: 220px; border: 1px solid #263733; border-radius: 9px; background: #0a1110; overflow: hidden; }
.position-chart-wrap canvas { width: 100%; height: 100%; display: block; }
.position-levels { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 12px; }
.position-level { padding: 10px; background: rgba(8,14,13,.72); border: 1px solid #263733; border-radius: 7px; }
.position-level span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; margin-bottom: 4px; }
.position-level b { font-size: 12px; }
.position-level.stop b { color: var(--red); }
.position-level.target b { color: var(--green); }
.position-level.current b { color: #f5d18a; }
.dynamic-exit-note { display:flex; gap:9px; align-items:flex-start; margin-top:11px; padding:10px 11px; border-radius:7px; background:rgba(67,230,161,.035); color:#82958f; font-size:10px; line-height:1.45; }
.dynamic-exit-note>span { color:var(--green); font-size:14px; }
.dynamic-exit-note p { margin:0; }
.dynamic-exit-note b { color:#b8c8c3; margin-right:4px; }
@media(max-width:1050px){.position-chart-grid{grid-template-columns:1fr}}
@media(max-width:600px){.position-levels{grid-template-columns:1fr 1fr}.position-chart-wrap{height:180px}}

/* BITFIMO identity — violet/blue palette from the supplied brand reference. */
:root {
  --bg: #08090c;
  --panel: #111218;
  --panel2: #171724;
  --line: #2b2940;
  --text: #f6f5fa;
  --muted: #9998a8;
  --green: #7658ff;
  --green2: #537cff;
  --shadow: 0 20px 58px rgba(0,0,0,.34);
}
body {
  background:
    radial-gradient(circle at 77% -15%, rgba(83,124,255,.16), transparent 34%),
    radial-gradient(circle at 18% 38%, rgba(118,88,255,.10), transparent 30%),
    #08090c;
}
.sidebar { background:#0d0e0f; border-right-color:#29263c; }
.bitfimo-brand {
  display:block;
  width:210px;
  height:61px;
  margin:0 auto 34px;
  padding:0;
  overflow:hidden;
}
.bitfimo-brand img {
  display:block;
  width:248px;
  height:auto;
  max-width:none;
  transform:translate(-19px,-12px);
}
.nav-item:hover { background:#171622; border-color:#302d48; }
.nav-item.active { background:linear-gradient(90deg,rgba(118,88,255,.18),rgba(83,124,255,.055)); border-color:rgba(118,88,255,.25); }
.metric,.panel { border-color:#2c2a3e; background:linear-gradient(145deg,rgba(19,20,27,.99),rgba(12,13,18,.99)); }
.metric:hover { border-color:#494369; }
.alert-strip { border-color:#3d3765; background:linear-gradient(105deg,rgba(40,33,68,.94),rgba(17,18,25,.98)); }
.btn.primary { background:linear-gradient(110deg,#7658ff,#537cff); border-color:#7658ff; color:#fff; box-shadow:0 9px 28px rgba(102,84,255,.24); }
.mode-pill { border-color:#403b68; background:linear-gradient(145deg,#1d192e,#12131b); }
.mode-pill b { color:#b9adff; }
.mode-pill small { color:#827ca8; }
.eyebrow { color:#a59af1; }
.table-wrap,.form-grid label>div,.position-chart-wrap,.position-level { border-color:#302e45; }
th { background:rgba(28,27,42,.88); color:#aaa5c1; }
tbody tr:hover { background:rgba(118,88,255,.045); }
.risk-summary { background:linear-gradient(160deg,rgba(28,25,43,.98),rgba(13,14,19,.99)); }
.shield { border-color:#5845b4; background:#211b3b; box-shadow:0 0 34px rgba(118,88,255,.16); }
.progress i { background:linear-gradient(90deg,#7658ff,#537cff); box-shadow:0 0 12px rgba(103,87,255,.46); }
.status-badge.live { color:#c8c0ff; border-color:#4f438d; background:#211c3a; }
.tag { color:#bfb5ff; background:#211c38; border-color:rgba(118,88,255,.25); }
.tag.long { color:#48dfa2; background:rgba(72,223,162,.10); border-color:rgba(72,223,162,.28); }
.tag.short { color:#ff7b85; background:rgba(255,107,116,.10); border-color:rgba(255,107,116,.28); }
.fee-text { color:#f2b85b; }
.coin.sol { background:#172b2a; color:#6ff5cf; }
.coin.xrp { background:#20242b; color:#dce3ea; }
.link-btn,.text-btn { color:#9e8cff; }
.green { background:#3ddc9b; box-shadow:0 0 10px rgba(61,220,155,.5); }
.green-text { color:#48dfa2!important; }
.signal-tag.long,.side-pill.long { color:#48dfa2; background:rgba(72,223,162,.09); border-color:rgba(72,223,162,.22); }
.position-level.target b { color:#48dfa2; }
.position-chart-card.long-card::before { background:linear-gradient(#48dfa2,transparent 75%); }
.dynamic-exit-note { background:rgba(118,88,255,.045); }
.dynamic-exit-note>span { color:#9c89ff; }

/* Comfortable reading scale: no operational copy below 11px on desktop. */
body { font-size:16px; line-height:1.5; }
.nav-item { font-size:16px; padding-block:15px; }
.eyebrow { font-size:11px; letter-spacing:.15em; color:#a9a3c3; }
.system-box>div:not(.eyebrow) { font-size:13px; }
.system-box b { font-size:11px; }
.system-box small { font-size:12px; color:#858398; }
.mode-pill small { font-size:10px; }
.mode-pill b { font-size:12px; }
.alert-strip b { font-size:14px; }
.alert-strip small { font-size:12px; }
.btn { font-size:13px; }
.metric-head { font-size:11px; }
.metric>small { font-size:12px; }
.panel-head p { font-size:13px; }
.legend,.subtle { font-size:12px; }
.pair-row small,.strategy-details span { font-size:11px; }
.strategy-details b { font-size:13px; }
.link-btn,.text-btn { font-size:12px; }
th { font-size:10.5px; letter-spacing:.1em; }
td { font-size:13.5px; }
.tag,.signal-tag { font-size:10.5px; }
.empty b { font-size:13px; }
.empty small { font-size:11px; }
.event time { font-size:12px; }
.event p { font-size:13.5px; }
.form-grid label>span { font-size:12.5px; }
.form-grid input { font-size:15px; }
.form-grid em { font-size:12px; }
.form-grid small { font-size:11px; line-height:1.45; }
.risk-summary>p { font-size:12px; }
.progress-row { font-size:11.5px; }
.risk-summary>small { font-size:11px; }
.modal p { font-size:13px; }
.position-chart-title small { font-size:11.5px; }
.side-pill { font-size:11px; }
.position-chart-result small { font-size:11px; }
.position-level span { font-size:10.5px; }
.position-level b { font-size:13.5px; }
.dynamic-exit-note { font-size:11.5px; }
.bitfimo-brand img { width:248px; }
.equity-metric { position:relative; overflow:hidden; min-height:158px; }
.equity-metric::after { content:""; position:absolute; inset:auto -35px -55px auto; width:130px; height:130px; border-radius:50%; opacity:.11; background:currentColor; pointer-events:none; }
.equity-evolution { display:grid; gap:2px; margin-top:12px; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:rgba(255,255,255,.025); }
.equity-evolution>span { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.14em; }
.equity-evolution>b { font-size:15px; line-height:1.35; }
.equity-evolution>small { color:var(--muted); font-size:10px; }
.equity-metric.equity-gain { border-color:rgba(46,229,157,.42); }
.equity-metric.equity-loss { border-color:rgba(255,93,104,.42); }

@media(max-width:760px) {
  body { font-size:15px; }
  .bitfimo-brand { width:190px; height:56px; }
  .bitfimo-brand img { width:228px; transform:translate(-19px,-11px); }
  .equity-metric { min-height:150px; }
  .equity-evolution>b { font-size:14px; }
}