:root {
  --bg: #08111f;
  --panel: #101d30;
  --panel-2: #14243b;
  --line: #263a55;
  --text: #edf5ff;
  --muted: #98abc2;
  --accent: #36d399;
  --accent-2: #50a7ff;
  --danger: #ff6b75;
  --warning: #ffcc66;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
  color: var(--text);
  background: radial-gradient(circle at 20% 0%, #173052 0%, var(--bg) 42%);
}
a { color: var(--accent-2); }
.shell { width: min(1160px, calc(100% - 32px)); margin: 0 auto; }
.topbar { height: 76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.2px; }
.logo { width:40px; height:40px; border-radius:13px; display:grid; place-items:center; background:linear-gradient(145deg,var(--accent),#198c74); color:#04120f; font-size:22px; }
.main { padding: 46px 0 70px; }
.center { min-height: calc(100vh - 76px); display:grid; place-items:center; padding:30px 0; }
.card { background:rgba(16,29,48,.94); border:1px solid var(--line); border-radius:18px; box-shadow:0 26px 70px rgba(0,0,0,.35); }
.auth-card { width:min(460px,100%); padding:34px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:34px; margin-bottom:8px; }
h2 { font-size:24px; }
.muted { color:var(--muted); }
label { display:block; font-size:13px; font-weight:700; color:#c6d5e8; margin:18px 0 7px; }
input, select { width:100%; border:1px solid var(--line); background:#091525; color:var(--text); border-radius:10px; padding:12px 13px; font-size:15px; outline:none; }
input:focus,select:focus { border-color:var(--accent-2); box-shadow:0 0 0 3px rgba(80,167,255,.15); }
button { border:0; border-radius:10px; padding:11px 15px; font-weight:800; cursor:pointer; }
.primary { background:var(--accent); color:#042016; }
.secondary { background:#203550; color:var(--text); }
.danger { background:rgba(255,107,117,.15); color:#ff9ca3; border:1px solid rgba(255,107,117,.35); }
.full { width:100%; margin-top:22px; }
.notice { margin-top:18px; padding:12px 14px; border-radius:10px; display:none; }
.notice.error { display:block; color:#ffd7da; background:rgba(255,107,117,.14); border:1px solid rgba(255,107,117,.35); }
.notice.ok { display:block; color:#caffed; background:rgba(54,211,153,.12); border:1px solid rgba(54,211,153,.32); }
.hero { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:26px; }
.grid { display:grid; grid-template-columns: 1fr 1.6fr; gap:22px; }
.panel { padding:24px; }
.toolbar { display:flex; gap:10px; align-items:center; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; }
th,td { padding:13px 11px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
th { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.7px; }
.badge { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:12px; font-weight:800; background:#203550; }
.badge.active { background:rgba(54,211,153,.14); color:#75efc1; }
.badge.disabled { background:rgba(255,107,117,.13); color:#ff9ca3; }
.badge.invited { background:rgba(255,204,102,.13); color:#ffdc8b; }
.invite-box { margin-top:18px; padding:14px; background:#091525; border:1px solid var(--line); border-radius:10px; word-break:break-all; display:none; }
.welcome { min-height:320px; display:grid; place-items:center; text-align:center; padding:40px; }
.small { font-size:13px; }
@media (max-width: 800px) { .grid { grid-template-columns:1fr; } .hero { flex-direction:column; } }


/* Milestone 2 — Home workspace */
.app-shell { min-height:100vh; display:grid; grid-template-columns:260px 1fr; }
.sidebar {
  position:sticky; top:0; height:100vh; padding:22px 18px;
  background:rgba(6,15,27,.96); border-right:1px solid var(--line);
  display:flex; flex-direction:column;
}
.side-brand { display:flex; align-items:center; gap:12px; padding:4px 5px 22px; border-bottom:1px solid rgba(255,255,255,.07); }
.brand-name { font-weight:850; line-height:1.15; }
.side-nav { display:flex; flex-direction:column; gap:7px; padding:22px 0; }
.nav-item {
  min-height:44px; padding:11px 13px; border-radius:10px; color:#cbd9ea;
  text-decoration:none; display:flex; align-items:center; justify-content:space-between;
  font-weight:750; font-style:normal;
}
.nav-item:hover:not(.disabled) { background:#14243b; color:#fff; }
.nav-item.active { color:#071712; background:var(--accent); }
.nav-item.disabled { opacity:.48; cursor:not-allowed; }
.nav-item em { font-size:10px; font-style:normal; font-weight:750; color:var(--muted); }
.nav-item.active em { color:#164d3d; }
.side-footer { margin-top:auto; padding-top:18px; border-top:1px solid rgba(255,255,255,.07); }
.full-width { width:100%; margin-top:10px; }
.workspace { min-width:0; }
.workspace-header {
  min-height:150px; padding:34px clamp(24px,4vw,56px) 24px;
  display:flex; justify-content:space-between; align-items:flex-start;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.workspace-header h1 { margin-bottom:6px; }
.eyebrow { color:var(--accent); font-weight:850; letter-spacing:1.2px; font-size:11px; margin-bottom:8px; }
.status-pill {
  padding:8px 12px; border-radius:999px; color:#75efc1;
  background:rgba(54,211,153,.11); border:1px solid rgba(54,211,153,.28);
  font-size:12px; font-weight:800;
}
.home-main { padding:28px clamp(24px,4vw,56px) 60px; }
.home-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.dashboard-card { padding:23px; min-height:225px; }
.plan-card { border-color:rgba(54,211,153,.42); }
.card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.card-heading h2 { margin-bottom:12px; }
.feature-state {
  white-space:nowrap; border-radius:999px; padding:6px 9px; background:#203550;
  color:#b7c7da; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.5px;
}
button:disabled { cursor:not-allowed; opacity:.48; }
.empty-state {
  margin-top:24px; min-height:84px; border:1px dashed var(--line); border-radius:12px;
  display:grid; place-items:center; color:var(--muted);
}
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:30px; }
.metric-row > div { padding:14px; background:#091525; border:1px solid var(--line); border-radius:12px; }
.metric-label { display:block; color:var(--muted); font-size:11px; font-weight:750; margin-bottom:7px; }
.metric-row strong { font-size:23px; }
.quick-actions {
  min-height:auto; margin-top:20px; display:flex; justify-content:space-between; align-items:center; gap:24px;
}
.quick-buttons { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }

@media (max-width: 980px) {
  .app-shell { grid-template-columns:1fr; }
  .sidebar { position:relative; height:auto; }
  .side-nav { display:grid; grid-template-columns:repeat(3,1fr); }
  .side-footer { margin-top:0; }
  .home-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .side-nav { grid-template-columns:1fr 1fr; }
  .workspace-header, .quick-actions { flex-direction:column; }
  .metric-row { grid-template-columns:1fr; }
  .quick-buttons { justify-content:flex-start; }
}


/* Milestone 3 — branding and user administration */
.brand-mark { width:42px; height:42px; object-fit:cover; object-position:center; border-radius:10px; }
.side-logo { width:48px; height:48px; object-fit:cover; object-position:center; border-radius:11px; flex:0 0 auto; }
.auth-foot { text-align:center; margin:20px 0 0; letter-spacing:.8px; }
.admin-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.stat-card { min-height:112px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; }
.stat-card span { color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; }
.stat-card strong { font-size:32px; }
.admin-grid { display:grid; grid-template-columns:minmax(310px,.8fr) minmax(0,1.7fr); gap:20px; }
.lower-admin-grid { grid-template-columns:1fr 1fr; margin-top:20px; }
.admin-users-panel { min-width:0; }
.compact-select { min-width:105px; padding:8px 9px; margin:0; }
.compact-button { padding:8px 11px; min-height:auto; font-size:12px; }
.invite-url { margin:8px 0 12px; overflow-wrap:anywhere; color:#8de4c5; }
.stack-list { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.stack-row { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:13px; border:1px solid var(--line); background:#091525; border-radius:11px; }
.small-empty { min-height:72px; margin-top:12px; }
.tiny { font-size:10px; margin-top:3px; }
.badge.admin { background:rgba(63,148,255,.16); color:#85baff; border:1px solid rgba(63,148,255,.25); }

@media (max-width:1100px){
  .admin-summary { grid-template-columns:repeat(3,1fr); }
  .admin-grid,.lower-admin-grid { grid-template-columns:1fr; }
}
@media (max-width:620px){
  .admin-summary { grid-template-columns:1fr 1fr; }
}


/* Milestone 4 — Trading Plan and Daily Review */
.plan-header { align-items:center; }
.date-control { min-width:210px; }
.date-control label { margin-top:0; }
.date-control input { margin:6px 0 0; }
.plan-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:20px; align-items:start; }
.plan-section { padding:25px; }
.premarket-section { border-color:rgba(54,211,153,.42); }
.review-section { border-color:rgba(78,145,255,.32); }
.section-heading { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; border-bottom:1px solid rgba(255,255,255,.07); padding-bottom:16px; margin-bottom:18px; }
.section-heading h2 { margin:0; }
.form-grid.two-column { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.save-state { padding:6px 10px; border-radius:999px; background:#203550; color:#b7c7da; font-size:10px; font-weight:850; text-transform:uppercase; white-space:nowrap; }
.sticky-save-bar {
  position:sticky; bottom:18px; z-index:10; margin-top:20px; padding:16px 18px;
  border:1px solid var(--line); border-radius:14px; background:rgba(8,20,35,.96);
  backdrop-filter:blur(12px); box-shadow:0 16px 45px rgba(0,0,0,.35);
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.live-state { background:rgba(54,211,153,.14); color:#75efc1; border:1px solid rgba(54,211,153,.28); }
.recent-days-card { min-height:auto; margin-top:20px; }
.recent-days-list { display:flex; flex-direction:column; gap:9px; margin-top:15px; }
.recent-day-row {
  display:flex; justify-content:space-between; align-items:center; gap:15px;
  padding:14px 15px; border:1px solid var(--line); border-radius:11px;
  background:#091525; color:var(--text); text-decoration:none;
}
.recent-day-row:hover { border-color:rgba(54,211,153,.5); transform:translateY(-1px); }
.status-arrow { color:var(--accent); font-size:26px; line-height:1; }

@media (max-width:1050px) {
  .plan-layout { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .form-grid.two-column { grid-template-columns:1fr; }
  .sticky-save-bar { position:static; flex-direction:column; align-items:stretch; }
  .plan-header { align-items:stretch; }
  .date-control { width:100%; }
}


/* Milestone 5 — polished trading notebook layout */
.plan-section input,
.plan-section select,
.plan-section textarea {
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.plan-section textarea {
  display:block;
  min-height:110px;
  resize:vertical;
  padding:14px 15px;
  margin:8px 0 18px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#091525;
  color:var(--text);
  font:inherit;
  line-height:1.5;
}

.plan-section textarea:focus,
.plan-section input:focus,
.plan-section select:focus {
  outline:none;
  border-color:rgba(54,211,153,.75);
  box-shadow:0 0 0 3px rgba(54,211,153,.10);
}

.plan-section select,
.plan-section input {
  min-height:48px;
  padding:11px 13px;
  margin:8px 0 18px;
  border-radius:11px;
  border:1px solid var(--line);
  background:#091525;
  color:var(--text);
}

.journal-field {
  margin-top:8px;
}

.field-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  margin-top:4px;
}

.field-heading label {
  margin:0;
  font-weight:800;
}

.field-hint {
  color:var(--muted);
  font-size:11px;
  text-align:right;
}

.game-plan-field textarea {
  min-height:260px;
}

.plan-section {
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}

.plan-section h2 {
  font-size:25px;
}

.plan-layout {
  gap:24px;
}

.sticky-save-bar {
  padding:13px 16px;
}

@media (max-width:680px) {
  .field-heading {
    display:block;
  }
  .field-hint {
    display:block;
    text-align:left;
    margin-top:3px;
  }
}


/* Milestone 5.1 — stacked plan layout and saved-plan dashboard */
.stacked-plan-layout {
  display:flex;
  flex-direction:column;
  gap:24px;
}

.stacked-plan-layout .plan-section {
  width:100%;
}

.saved-plan-summary {
  width:100%;
}

.summary-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.summary-toolbar h2 {
  margin:0;
}

.summary-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.summary-item {
  min-height:116px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#091525;
}

.summary-wide {
  grid-column:span 3;
  min-height:auto;
}

.summary-label {
  margin-bottom:8px;
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.summary-value {
  color:var(--text);
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
}

.section-subtext {
  margin:6px 0 0;
  font-size:12px;
}

.review-section {
  margin-top:0;
}

@media (max-width:1050px) {
  .summary-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .summary-wide {
    grid-column:span 2;
  }
}

@media (max-width:680px) {
  .summary-toolbar {
    flex-direction:column;
  }
  .summary-grid {
    grid-template-columns:1fr;
  }
  .summary-wide {
    grid-column:span 1;
  }
}


/* Milestone 5.2 fixed — compact grid */
.compact-section-heading { margin-bottom:18px; }
.compact-plan-grid { display:grid; gap:16px; align-items:stretch; }
.top-plan-row { grid-template-columns:1fr 1fr 1.15fr; margin-bottom:16px; }
.main-plan-row { grid-template-columns:.9fr 1.45fr 1fr; margin-bottom:16px; }
.bottom-plan-row { grid-template-columns:1fr 1fr; }
.compact-field { min-width:0; display:flex; flex-direction:column; }
.compact-field label { margin:0 0 7px; font-weight:800; }
.compact-field select,
.compact-field textarea { width:100%; max-width:none; box-sizing:border-box; margin:0; }
.compact-field select { min-height:45px; }
.compact-field textarea { min-height:0; resize:vertical; line-height:1.45; }
.top-plan-row textarea { height:88px; }
.square-field textarea { height:215px; }
.watchlist-keylevels-field textarea { height:255px; }
.bottom-plan-row textarea { height:130px; }
.compact-help { margin-top:7px; min-height:16px; color:var(--muted); font-size:11px; line-height:1.35; }
.review-select-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.review-notes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:14px; }
.review-notes-grid textarea { height:135px; }
.end-comments-field { margin-top:16px; }
.end-comments-field textarea { height:150px; }
@media (max-width:1100px) {
  .top-plan-row,.main-plan-row { grid-template-columns:1fr 1fr; }
  .watchlist-keylevels-field { grid-column:span 2; }
  .review-select-grid,.review-notes-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
  .top-plan-row,.main-plan-row,.bottom-plan-row,.review-select-grid,.review-notes-grid { grid-template-columns:1fr; }
  .watchlist-keylevels-field { grid-column:span 1; }
  .square-field textarea,.watchlist-keylevels-field textarea,.bottom-plan-row textarea { height:170px; }
}


/* Milestone 6 */
.sticky-save-bar { position:static !important; bottom:auto !important; }
.drop-zone { border:2px dashed var(--line); border-radius:16px; min-height:220px; padding:35px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; margin:18px 0; text-align:center; background:#091525; }
.drop-zone.dragging { border-color:var(--accent); background:rgba(54,211,153,.07); }
.import-summary-grid,.statistics-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.import-summary-grid .stat-card,.journal-stat { min-height:100px; padding:15px; display:flex; flex-direction:column; justify-content:space-between; }
.import-summary-grid span,.journal-stat span { color:var(--muted); font-size:11px; }
.import-summary-grid strong,.journal-stat strong { font-size:24px; }
.journal-stat small { color:var(--muted); margin-top:4px; }
.diagnostics { margin-top:16px; padding:12px; border:1px solid var(--line); border-radius:10px; }
.journal-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.filter-actions { display:flex; gap:10px; align-items:center; margin-top:12px; }
.journal-table { min-width:1450px; }
.journal-table th,.journal-table td { white-space:nowrap; }
.trade-row { cursor:pointer; }
.trade-row:hover { background:rgba(54,211,153,.04); }
.row-toggle { border:1px solid var(--line); background:#091525; color:var(--text); border-radius:7px; padding:5px 8px; }
.trade-detail-row td { padding:0 !important; background:#07111f; }
.trade-detail { padding:18px 24px 24px; border-left:3px solid var(--accent); }
.trade-detail-summary { display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)) auto; gap:12px; align-items:center; }
.trade-detail-summary div { padding:10px; border:1px solid var(--line); border-radius:9px; background:#091525; display:flex; flex-direction:column; }
.trade-detail-summary span { color:var(--muted); font-size:10px; text-transform:uppercase; }
.execution-list { margin-top:16px; }
.execution-row { display:grid; grid-template-columns:120px 70px 1fr 140px; gap:12px; padding:9px 12px; border-top:1px solid var(--line); }
.trade-notes { margin-top:15px; padding:13px; border:1px solid var(--line); border-radius:9px; }
.winner { color:#4fe0ae !important; font-weight:800; }
.loser { color:#ff6575 !important; font-weight:800; }
.status-text { color:#4fe0ae; font-weight:800; }
.modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.72); display:flex; align-items:center; justify-content:center; padding:20px; }
.modal-card { width:min(760px,100%); max-height:90vh; overflow:auto; background:#101f33; border:1px solid var(--line); border-radius:16px; padding:22px; }
.edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:1100px){.import-summary-grid,.statistics-grid{grid-template-columns:repeat(3,1fr)}.journal-filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.import-summary-grid,.statistics-grid,.journal-filter-grid,.edit-grid{grid-template-columns:1fr}.trade-detail-summary{grid-template-columns:1fr 1fr}.execution-row{grid-template-columns:1fr 1fr}}


/* Milestone 6.1 — compact Journal Filters */
.compact-filter-panel {
  padding:16px 18px;
}

.compact-filter-heading {
  margin-bottom:8px;
}

.compact-filter-heading h2 {
  font-size:20px;
  margin:0;
}

.compact-filter-panel label {
  display:block;
  margin:0 0 4px;
  font-size:10px;
  line-height:1.1;
}

.compact-filter-panel select,
.compact-filter-panel input {
  min-height:35px;
  height:35px;
  padding:6px 10px;
  margin:0;
  font-size:12px;
  border-radius:8px;
}

.primary-filter-row {
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:9px;
}

.advanced-filter-row {
  grid-template-columns:repeat(3,minmax(150px,225px));
  gap:9px;
  margin-top:9px;
}

.custom-date-row {
  grid-template-columns:repeat(2,minmax(150px,220px));
  gap:9px;
  margin-top:9px;
}

.compact-filter-actions {
  margin-top:10px;
}

.compact-filter-button {
  min-height:34px;
  padding:7px 12px;
  font-size:12px;
}

@media(max-width:1200px){
  .primary-filter-row{
    grid-template-columns:repeat(3,minmax(140px,1fr));
  }
}

@media(max-width:800px){
  .primary-filter-row,
  .advanced-filter-row,
  .custom-date-row{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .primary-filter-row,
  .advanced-filter-row,
  .custom-date-row{
    grid-template-columns:1fr;
  }
}


/* Milestone 6 Final */
.source-adapter-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}

.source-adapter {
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#091525;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.source-adapter span {
  color:var(--muted);
  font-size:11px;
}

.active-adapter {
  border-color:rgba(54,211,153,.42);
}

.future-adapter {
  opacity:.65;
}

.trading-days-table {
  min-width:1200px;
}

.trading-day-row {
  cursor:pointer;
}

.trading-day-row:hover {
  background:rgba(54,211,153,.04);
}

.trading-day-detail {
  padding:18px 22px;
  border-left:3px solid var(--accent);
  background:#07111f;
}

.day-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.day-detail-grid > div {
  padding:12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#091525;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.day-detail-grid span {
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.day-detail-actions {
  margin-top:14px;
}

@media(max-width:900px){
  .source-adapter-strip{grid-template-columns:1fr 1fr}
  .day-detail-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .source-adapter-strip,.day-detail-grid{grid-template-columns:1fr}
}


/* Milestone 6.2 diagnostics */
.diagnostics-list{display:flex;flex-direction:column;gap:8px}
.diagnostic-row{
  display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;
  border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#091525
}
.diagnostic-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.diagnostic-icon{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;background:#10243b
}
.diagnostic-good{border-color:rgba(54,211,153,.35)}
.diagnostic-good .diagnostic-icon{color:var(--accent)}
.diagnostic-duplicate{border-color:rgba(91,155,213,.35)}
.diagnostic-warning{border-color:rgba(255,190,92,.35)}
.diagnostic-warning .diagnostic-icon{color:#ffbe5c}


/* Milestone 6.4 compact journal refinement */
.journal-page .panel,
body:has(.journal-table) .panel{
  padding:14px 16px;
  margin-bottom:12px;
}
body:has(.journal-table) .card-heading{
  margin-bottom:10px;
}
body:has(.journal-table) .card-heading h2{
  font-size:20px;
}
body:has(.journal-table) .statistics-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
body:has(.journal-table) .journal-stat{
  min-height:74px;
  padding:10px 12px;
  border-radius:10px;
}
body:has(.journal-table) .journal-stat span{
  font-size:10px;
}
body:has(.journal-table) .journal-stat strong{
  font-size:19px;
  line-height:1.05;
}
body:has(.journal-table) .journal-stat small{
  font-size:10px;
}
.journal-table{
  min-width:1260px;
  font-size:12px;
}
.journal-table th{
  font-size:10px;
  padding:8px 9px;
}
.journal-table td{
  padding:8px 9px;
  line-height:1.15;
}
.journal-table .tiny{
  font-size:9px;
  margin-top:2px;
}
.row-toggle{
  width:27px;
  height:27px;
  min-width:27px;
  padding:0;
}
.trade-detail{
  padding:12px 16px;
}
.trade-detail-summary{
  gap:8px;
}
.trade-detail-summary > div{
  min-height:52px;
  padding:9px 11px;
}
.trade-detail-summary span{
  font-size:9px;
}
.trade-detail-summary strong{
  font-size:13px;
}
.execution-list h3{
  font-size:15px;
  margin:12px 0 7px;
}
.execution-row{
  padding:7px 10px;
  font-size:12px;
}

/* Rich trade journal editor */
.journal-editor-modal{
  width:min(900px,calc(100vw - 28px));
  max-height:94vh;
  padding:18px;
  border-radius:13px;
}
.journal-editor-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.journal-editor-header h2{
  margin:2px 0 3px;
  font-size:22px;
}
.editor-trade-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:14px;
}
.editor-trade-summary > div{
  padding:9px 11px;
  background:#091525;
  border:1px solid var(--line);
  border-radius:9px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.editor-trade-summary span{
  color:var(--muted);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.editor-trade-summary strong{
  font-size:14px;
}
.journal-editor-section{
  border-top:1px solid var(--line);
  padding-top:12px;
  margin-top:12px;
}
.journal-editor-section h3{
  margin:0 0 10px;
  font-size:15px;
}
.journal-editor-section label{
  margin-top:8px;
  font-size:10px;
}
.journal-editor-section textarea{
  min-height:66px;
  padding:9px 10px;
  resize:vertical;
}
.journal-editor-modal .edit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 10px;
}
.journal-editor-modal select{
  min-height:38px;
  padding:8px 10px;
}
.compact-button{
  min-height:34px;
  padding:7px 12px;
}
.screenshot-help{
  margin:-3px 0 10px;
}
.screenshot-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.screenshot-dropzone{
  position:relative;
  height:190px;
  border:1px dashed #35516f;
  border-radius:10px;
  background:#091525;
  overflow:hidden;
  outline:none;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.screenshot-dropzone:focus,
.screenshot-dropzone.dragging{
  border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(54,211,153,.12);
}
.screenshot-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  text-align:center;
  padding:18px;
}
.screenshot-empty span{
  color:var(--muted);
  font-size:11px;
}
.screenshot-preview{
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#050c15;
}
.screenshot-dropzone.has-image .screenshot-empty{display:none}
.screenshot-dropzone.has-image .screenshot-preview{display:block}
.screenshot-actions{
  min-height:25px;
  padding-top:4px;
  text-align:right;
}
.text-button{
  display:none;
  border:0;
  background:none;
  color:#ff8090;
  padding:3px 0;
  font-size:11px;
  cursor:pointer;
}

@media(max-width:1150px){
  body:has(.journal-table) .statistics-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .journal-editor-modal .edit-grid,
  .screenshot-grid,
  .editor-trade-summary{grid-template-columns:1fr}
  .screenshot-dropzone{height:165px}
}


/* Milestone 6.5: scale-out detail and compact journal */
body:has(.journal-table) main{padding-top:16px}
body:has(.journal-table) .panel{padding:10px 13px;margin-bottom:8px}
body:has(.journal-table) .card-heading{margin-bottom:6px}
body:has(.journal-table) .card-heading h2{font-size:18px}
body:has(.journal-table) .statistics-grid{gap:5px}
body:has(.journal-table) .journal-stat{min-height:58px;padding:7px 9px}
body:has(.journal-table) .journal-stat span{font-size:9px}
body:has(.journal-table) .journal-stat strong{font-size:16px}
body:has(.journal-table) .journal-stat small{font-size:9px;margin-top:1px}

.journal-table th{padding:5px 7px}
.journal-table td{padding:5px 7px}
.trade-row{cursor:pointer}
.trade-row:hover{background:rgba(54,211,153,.04)}
.row-toggle{width:24px;height:24px;min-width:24px;font-size:10px}

.trade-detail{padding:7px 10px 8px}
.trade-detail-summary{
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:5px;
}
.trade-detail-summary>div{min-height:39px;padding:6px 8px}
.trade-detail-summary span{font-size:8px}
.trade-detail-summary strong{font-size:12px}

.execution-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:7px 0 3px;
}
.execution-heading h3{margin:0;font-size:14px}
.execution-heading>span{color:var(--muted);font-size:10px}

.execution-row{
  display:grid;
  grid-template-columns:86px 48px 92px minmax(135px,1fr) 82px;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:4px 7px;
  font-size:11px;
}
.execution-time,.execution-fill,.execution-position{white-space:nowrap}
.execution-side{font-size:10px}
.execution-position{text-align:right}
.execution-cost{color:var(--muted);font-size:9px}
.scaleout-result{
  display:flex;
  align-items:baseline;
  gap:7px;
  white-space:nowrap;
}
.scaleout-result strong{font-size:11px}
.scaleout-result small{font-size:9px;font-weight:800}
.closing-execution{background:rgba(255,255,255,.012)}

@media(max-width:900px){
  .trade-detail-summary{grid-template-columns:repeat(2,1fr)}
  .execution-row{grid-template-columns:78px 42px 82px 1fr}
  .execution-position{grid-column:4;text-align:left}
}


/* Milestone 6.6: Schwab CSV and optional-time imports */
.preferred-import-card{border-color:rgba(54,211,153,.34);box-shadow:0 0 0 1px rgba(54,211,153,.05) inset}
.compact-drop-zone{min-height:150px}
.execution-time.time-unavailable{color:var(--muted);font-size:9px;font-style:italic}
.execution-fill{display:flex;flex-direction:column;gap:1px}
.execution-fill small{color:var(--muted);font-size:8px}


/* Milestone 6.7 — journal workflow polish */
body.modal-open{overflow:hidden}
.modal-backdrop{overscroll-behavior:contain}
.journal-editor-modal{
  position:relative;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  padding-bottom:0;
}
.journal-editor-savebar{
  position:sticky;
  bottom:0;
  z-index:4;
  margin:14px -18px 0;
  padding:10px 18px 14px;
  background:linear-gradient(180deg,rgba(16,31,51,.72),#101f33 28%);
  border-top:1px solid var(--line);
}
.journal-editor-savebar .notice:empty{display:none}
.journal-editor-savebar .notice{margin:0 0 7px}
.journal-editor-section textarea{width:100%;min-height:78px}
.journal-editor-section textarea:focus{min-height:105px}
.screenshot-empty::before{
  content:'▧';
  display:grid;
  place-items:center;
  width:42px;height:34px;
  border:1px solid #35516f;
  border-radius:7px;
  color:#6f91b5;
  font-size:22px;
  margin-bottom:1px;
}
.compact-empty{padding:18px 12px}

.import-processing-log summary{cursor:pointer;font-weight:800}
.processing-log-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:8px 4px;
  border-top:1px solid rgba(255,255,255,.055);
  line-height:1.35;
}
.processing-log-row:first-of-type{margin-top:9px}
.processing-log-icon{
  width:20px;height:20px;border-radius:999px;
  display:grid;place-items:center;
  font-size:11px;font-weight:900;
  background:#122640;color:var(--muted);
}
.processing-log-row.log-success .processing-log-icon{background:rgba(54,211,153,.14);color:var(--accent)}
.processing-log-row.log-skipped .processing-log-icon{background:rgba(246,195,67,.13);color:#f6c343}
.processing-log-row.log-error .processing-log-icon{background:rgba(255,92,110,.13);color:#ff5c6e}
.processing-log-row strong{font-size:11px}

/* Slightly denser dashboard and journal while preserving readability */
body:has(.journal-table) .statistics-grid{gap:4px}
body:has(.journal-table) .journal-stat{min-height:52px;padding:6px 8px}
body:has(.journal-table) .journal-stat strong{font-size:15px;line-height:1.05}
body:has(.journal-table) .journal-table th{padding-top:4px;padding-bottom:4px}
body:has(.journal-table) .journal-table td{padding-top:4px;padding-bottom:4px}
.trading-days-table tbody:empty::after{content:''}

@media(max-width:720px){
  .journal-editor-savebar{margin-left:-18px;margin-right:-18px}
}


/* SUPRLEN Milestone 6.8 */
.suprlen-wordmark{letter-spacing:.08em}
.suprlen-side-brand{align-items:center}
.suprlen-side-logo{
  width:54px;height:54px;object-fit:contain;
}
.side-brand-copy{min-width:0}
.suprlen-home{padding-top:22px}
.command-grid{align-items:stretch}
.command-grid .dashboard-card{min-height:218px}
.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.text-link:hover{color:var(--accent)}
.compact-copy{margin:4px 0 0}
.home-import-list{display:grid;gap:6px}
.home-import-row{
  display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;
  padding:9px;border:1px solid var(--border);border-radius:9px;background:rgba(5,17,31,.35);
}
.home-import-row:hover{border-color:rgba(70,211,164,.45)}
.home-import-icon{
  display:grid;place-items:center;width:32px;height:32px;border-radius:8px;
  background:rgba(25,121,255,.16);color:#54a7ff;font-size:10px;font-weight:900;
}
.home-import-copy{display:flex;flex-direction:column;min-width:0}
.home-import-copy strong{font-size:11px}
.home-import-copy span{font-size:9px;color:var(--muted)}
.source-chip{
  padding:4px 7px;border-radius:999px;background:rgba(54,211,153,.13);
  color:var(--accent);font-size:9px;font-weight:800;white-space:nowrap;
}
.home-performance>div{min-height:84px}
.home-performance strong{font-size:23px}
.home-performance small{display:block;margin-top:7px}
.home-days-table-wrap{overflow-x:auto}
.home-days-table{width:100%;border-collapse:collapse}
.home-days-table th,.home-days-table td{padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.home-days-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8fb2d7}
.home-days-table td{font-size:10px}
.home-days-table tbody tr{cursor:pointer}
.home-days-table tbody tr:hover{background:rgba(54,211,153,.03)}
.day-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}
.day-status.plan-saved{color:#ffd166;background:rgba(255,209,102,.14)}
.day-status.not-started{color:#ff7b8e;background:rgba(255,88,116,.13)}
.success-button{
  background:var(--accent);color:#042017;border:0;border-radius:9px;padding:11px 16px;font-weight:800;
}
.suprlen-footer{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:12px 4px 2px;color:var(--muted);font-size:9px;
}
.system-ok{color:var(--accent)}
@media(max-width:1050px){
  .suprlen-footer{flex-direction:column;align-items:flex-start}
  .command-grid .dashboard-card{min-height:auto}
}


/* SUPRLEN 6.8.1 — proportional chart previews and expanded-row gallery */
.screenshot-dropzone.has-image{
  height:auto;
  min-height:190px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.screenshot-preview{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  object-position:center;
  border-radius:7px;
  background:#050c15;
}
.screenshot-dropzone.portrait-image .screenshot-preview{
  width:auto;
  max-width:100%;
  max-height:460px;
}
.screenshot-dropzone.landscape-image .screenshot-preview{
  width:100%;
  max-height:360px;
}
.expanded-journal-summary,
.expanded-screenshot-section{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid var(--border);
}
.expanded-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
.expanded-section-heading h3{
  margin:0;
  font-size:13px;
}
.expanded-section-heading>span{
  color:var(--muted);
  font-size:9px;
}
.text-link-button{
  border:0;
  background:none;
  color:#79b8ff;
  font-size:9px;
  cursor:pointer;
  padding:0;
}
.reflection-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.reflection-preview-grid>div{
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(5,17,31,.32);
}
.reflection-preview-grid span{
  display:block;
  margin-bottom:3px;
  color:#8fb2d7;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.reflection-preview-grid p{
  margin:0;
  white-space:pre-wrap;
  line-height:1.38;
  font-size:10px;
}
.reflection-wide{grid-column:1/-1}
.trade-screenshot-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,340px));
  gap:10px;
}
.trade-screenshot-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px;
  border:1px solid #35516f;
  border-radius:9px;
  background:#091525;
  color:inherit;
  text-align:left;
  cursor:zoom-in;
  overflow:hidden;
}
.trade-screenshot-card:hover{
  border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(54,211,153,.08);
}
.trade-screenshot-card>span{
  font-size:9px;
  font-weight:800;
  color:#9fc3e8;
}
.trade-screenshot-card img{
  width:100%;
  height:118px;
  object-fit:contain;
  object-position:center;
  border-radius:6px;
  background:#050c15;
}
.screenshot-lightbox{
  position:fixed;
  inset:0;
  z-index:1500;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,6,13,.92);
}
.lightbox-content{
  display:flex;
  flex-direction:column;
  gap:9px;
  max-width:min(94vw,1500px);
  max-height:92vh;
}
.lightbox-label{
  color:#dcecff;
  font-size:13px;
  font-weight:800;
}
.lightbox-content img{
  display:block;
  max-width:94vw;
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border:1px solid #35516f;
  border-radius:10px;
  background:#050c15;
  box-shadow:0 18px 60px rgba(0,0,0,.55);
}
.lightbox-close{
  position:fixed;
  top:18px;
  right:22px;
  width:40px;
  height:40px;
  border:1px solid #45627f;
  border-radius:50%;
  background:#11253d;
  color:white;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:760px){
  .reflection-preview-grid,
  .trade-screenshot-gallery{grid-template-columns:1fr}
  .reflection-wide{grid-column:auto}
  .trade-screenshot-card img{height:150px}
}


/* SUPRLEN 6.9 — Journal Review Polish */
.trade-story-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;margin-bottom:8px}
.trade-story-primary,.trade-story-secondary{display:grid;gap:6px}
.trade-story-primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.trade-story-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
.trade-story-primary>div,.trade-story-secondary>div{padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:rgba(5,17,31,.4)}
.trade-story-summary span{display:block;margin-bottom:3px;color:#8fb2d7;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.trade-story-primary strong{font-size:13px}.trade-story-primary small{display:block;margin-top:2px;font-size:9px}
.trade-story-secondary strong{font-size:10px}.edit-journal-button{align-self:stretch;white-space:nowrap}
.execution-row{grid-template-columns:86px 48px 105px minmax(245px,1fr) 112px}
.scaleout-result{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:7px}
.scaleout-result em{color:#93afd0;font-size:9px;font-style:normal}
.execution-position{display:grid;justify-items:end;line-height:1.08}
.execution-position small{color:#8ca9c8;font-size:8px;text-transform:uppercase}
.execution-position strong{font-size:10px}.execution-position em{color:#8ca9c8;font-size:8px;font-style:normal}
.position-closed{color:var(--accent)!important}
.editor-heading-actions{display:flex;align-items:center;gap:7px}.editor-heading-actions button:disabled{opacity:.35;cursor:not-allowed}
.editor-save-status-wrap{display:grid;gap:6px}.editor-save-status{display:block;min-height:15px;text-align:center;font-size:10px;font-weight:800}
.editor-save-status[data-state="dirty"]{color:#ffd166}.editor-save-status[data-state="saving"]{color:#79b8ff}
.editor-save-status[data-state="saved"]{color:var(--accent)}.editor-save-status[data-state="error"]{color:#ff6179}
.trade-screenshot-gallery{grid-template-columns:repeat(2,minmax(0,460px))}
.trade-screenshot-card img{height:180px}.trade-screenshot-card::after{content:"Click to enlarge";color:#78a6d3;font-size:8px;text-align:center}
.screenshot-lightbox{opacity:0;animation:suprlenFadeIn .16s ease forwards}@keyframes suprlenFadeIn{to{opacity:1}}
.lightbox-toolbar{position:fixed;top:18px;left:50%;z-index:1502;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}
#lightboxZoomLabel{min-width:50px;color:white;font-size:10px;font-weight:800;text-align:center}
.lightbox-content{width:min(96vw,1700px);height:92vh;max-width:none;max-height:none;padding-top:35px}
.lightbox-label{flex:0 0 auto;font-size:14px}
.lightbox-viewport{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;overflow:hidden;cursor:grab}
.lightbox-viewport:active{cursor:grabbing}.lightbox-content img{max-width:94vw;max-height:84vh;width:auto;height:auto;transform-origin:center;transition:transform .08s linear;user-select:none;-webkit-user-drag:none}
@media(max-width:1050px){.trade-story-summary{grid-template-columns:1fr}.trade-story-primary{grid-template-columns:repeat(2,1fr)}.trade-story-secondary{grid-template-columns:repeat(3,1fr)}.execution-row{grid-template-columns:75px 42px 90px 1fr}.execution-position{grid-column:4;justify-items:start}}
@media(max-width:680px){.trade-story-secondary{grid-template-columns:repeat(2,1fr)}.editor-heading-actions{flex-wrap:wrap;justify-content:flex-end}.lightbox-toolbar{top:10px;width:calc(100% - 100px);justify-content:center}.lightbox-toolbar button{padding:8px;font-size:9px}}


/* SUPRLEN 6.9.3 — final Phase A stability */
.lightbox-close{
  z-index:99999 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.screenshot-lightbox{
  z-index:50000 !important;
}
.lightbox-toolbar{
  z-index:50010 !important;
}
.lightbox-content{
  z-index:50001;
}


/* SUPRLEN Milestone 6.10 — Trading Day Foundation */
.screenshot-lightbox{cursor:default!important}
.lightbox-content{cursor:default}
.lightbox-viewport{cursor:default}
.lightbox-viewport:has(#lightboxImage[style*="scale(1."]){cursor:grab}
#lightboxImage{cursor:zoom-in}
#lightboxImage[style*="scale(2"],
#lightboxImage[style*="scale(3"],
#lightboxImage[style*="scale(4"]{cursor:grab}

.completed-day-row{background:rgba(52,211,153,.025)}
.trading-day-folder-row>td{padding:0!important}
.trading-day-folder{
  padding:16px;
  border-left:3px solid var(--accent);
  background:#071422;
}
.day-folder-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.day-folder-header h3{margin:2px 0 3px;font-size:18px}
.day-folder-header p{margin:0}
.day-folder-result{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:150px;
}
.day-folder-result span,
.day-folder-facts span{
  color:#8fb2d7;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.day-folder-result strong{font-size:20px}
.day-folder-result small{color:var(--muted);font-size:9px}

.day-progress-card{
  padding:11px;
  margin-bottom:12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:rgba(5,17,31,.45);
}
.day-progress-heading{
  display:flex;
  justify-content:space-between;
  margin-bottom:7px;
  font-size:10px;
}
.day-progress-heading span{color:var(--muted)}
.day-progress-track{
  height:6px;
  margin-bottom:9px;
  overflow:hidden;
  border-radius:999px;
  background:#14273c;
}
.day-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--accent);
}
.day-progress-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.day-progress-steps div{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:9px;
}
.day-progress-steps .done{color:var(--accent)}
.day-progress-steps .pending{color:#8298b1}

.day-folder-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.day-folder-section{
  padding:12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:rgba(5,17,31,.34);
}
.day-folder-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.day-folder-section-heading h4{margin:0;font-size:13px}
.day-folder-section-heading a{
  color:#78b8ff;
  font-size:9px;
  font-weight:800;
}
.day-folder-section-heading>div>span{
  color:var(--muted);
  font-size:9px;
}
.day-folder-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.day-folder-facts>div{
  min-height:52px;
  padding:8px;
  border:1px solid rgba(59,87,117,.65);
  border-radius:7px;
  background:rgba(4,13,23,.38);
}
.day-folder-facts .wide{grid-column:1/-1}
.day-folder-facts strong{
  display:block;
  margin-top:4px;
  white-space:pre-wrap;
  font-size:10px;
  line-height:1.35;
}

.day-trades-section{margin-top:11px}
.day-trade-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.day-trade-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 10px;
  padding:9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(4,13,23,.42);
}
.day-trade-item:hover{border-color:rgba(52,211,153,.6)}
.day-trade-item>div:first-child,
.day-trade-meta{
  display:flex;
  flex-direction:column;
}
.day-trade-item span{color:var(--muted);font-size:8px}
.day-trade-meta{align-items:flex-end}
.day-trade-state{
  grid-column:1/-1;
  font-size:8px;
  font-weight:800;
}
.day-trade-state.complete{color:var(--accent)}
.day-trade-state.incomplete{color:#ff8193}

.day-folder-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:11px;
}
.day-complete-seal{
  margin-left:auto;
  padding:7px 10px;
  border:1px solid rgba(52,211,153,.6);
  border-radius:999px;
  color:var(--accent);
  background:rgba(52,211,153,.1);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

@media(max-width:1050px){
  .day-folder-grid{grid-template-columns:1fr}
  .day-progress-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .day-folder-header{flex-direction:column}
  .day-folder-result{align-items:flex-start}
  .day-folder-facts,
  .day-trade-list{grid-template-columns:1fr}
  .day-folder-facts .wide{grid-column:auto}
  .day-progress-steps{grid-template-columns:1fr}
  .day-folder-actions{flex-wrap:wrap}
  .day-complete-seal{margin-left:0}
}


/* SUPRLEN Milestone 6.11 — Trading Day Trade Drilldown */
.day-trade-list{
  display:grid;
  grid-template-columns:1fr;
}
.day-trade-card{
  border:1px solid var(--border);
  border-radius:9px;
  overflow:hidden;
  background:rgba(4,13,23,.42);
}
.day-trade-item{
  width:100%;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:6px 10px;
  align-items:center;
  padding:10px;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.day-trade-item:hover{background:rgba(52,211,153,.035)}
.day-trade-toggle{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid #35516f;
  border-radius:6px;
  color:#9fc3e8;
}
.day-trade-state{grid-column:2/-1}
.day-trade-drilldown{
  padding:11px;
  border-top:1px solid var(--border);
  background:#06111e;
}
.day-trade-summary-bar{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr)) auto;
  gap:7px;
  align-items:stretch;
  margin-bottom:10px;
}
.day-trade-summary-bar>div{
  padding:7px 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:rgba(5,17,31,.48);
}
.day-trade-summary-bar span{
  display:block;
  margin-bottom:3px;
  color:#8fb2d7;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.day-trade-summary-bar strong{font-size:10px}
.day-trade-inline-section{
  padding:10px 0;
  border-top:1px solid var(--border);
}
.day-trade-inline-heading{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:7px;
}
.day-trade-inline-heading h5{margin:0;font-size:12px}
.day-trade-inline-heading span{color:var(--muted);font-size:9px}
.day-inline-execution-list{display:grid}
.day-inline-execution{
  display:grid;
  grid-template-columns:90px 46px 100px 70px minmax(220px,1fr) 150px;
  gap:8px;
  align-items:center;
  min-height:34px;
  padding:5px 7px;
  border-top:1px solid rgba(52,77,105,.7);
  font-size:9px;
}
.day-inline-execution:first-child{border-top:0}
.day-inline-execution small{color:var(--muted)}
.day-inline-scale{font-weight:800}
.day-inline-position{text-align:right;color:#9fc3e8}
.day-inline-reflections{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.day-inline-reflections>div{
  padding:8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:rgba(5,17,31,.38);
}
.day-inline-reflections>div:last-child:nth-child(odd){grid-column:1/-1}
.day-inline-reflections span{
  display:block;
  color:#8fb2d7;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.day-inline-reflections p{
  margin:4px 0 0;
  white-space:pre-wrap;
  font-size:10px;
  line-height:1.4;
}
.day-inline-screenshots{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,340px));
  gap:9px;
}
.day-inline-screenshot{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px;
  border:1px solid #35516f;
  border-radius:8px;
  background:#091525;
  color:inherit;
  text-align:left;
  cursor:zoom-in;
}
.day-inline-screenshot span{
  color:#9fc3e8;
  font-size:9px;
  font-weight:800;
}
.day-inline-screenshot img{
  width:100%;
  height:150px;
  object-fit:contain;
  border-radius:6px;
  background:#050c15;
}

@media(max-width:1150px){
  .day-trade-summary-bar{grid-template-columns:repeat(3,1fr)}
  .day-inline-execution{grid-template-columns:80px 42px 90px 60px 1fr}
  .day-inline-position{grid-column:5;text-align:left}
}
@media(max-width:760px){
  .day-trade-summary-bar{grid-template-columns:repeat(2,1fr)}
  .day-inline-execution{grid-template-columns:75px 42px 1fr}
  .day-inline-execution small,
  .day-inline-scale,
  .day-inline-position{grid-column:3}
  .day-inline-reflections,
  .day-inline-screenshots{grid-template-columns:1fr}
  .day-inline-reflections>div:last-child:nth-child(odd){grid-column:auto}
}


/* SUPRLEN Milestone 6.12 — Trading Day Card Polish */
.day-progress-steps{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.day-trade-counters{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:3px;
}
.day-trade-counters span{
  padding:4px 7px;
  border:1px solid rgba(59,87,117,.7);
  border-radius:999px;
  color:#9fb7d1;
  background:rgba(5,17,31,.42);
  font-size:8px!important;
}
.day-trade-counters strong{color:#fff}

.day-trade-item{
  grid-template-columns:26px minmax(300px,1fr) auto;
  gap:7px 12px;
  min-height:82px;
  padding:11px 12px;
}
.day-trade-toggle{grid-row:1/3}
.day-trade-identity{min-width:0}
.day-trade-title-line{
  display:flex;
  align-items:baseline;
  gap:9px;
}
.day-trade-title-line>strong{
  font-size:14px;
  line-height:1.1;
}
.day-trade-time{
  color:#88a5c5!important;
  font-size:8px!important;
}
.day-trade-contract{
  display:block;
  margin-top:3px;
  color:#b7cce3!important;
  font-size:9px!important;
}
.day-trade-context{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.day-trade-context span{
  padding:3px 6px;
  border:1px solid #35516f;
  border-radius:999px;
  color:#9fc3e8!important;
  background:#0a1a2c;
  font-size:8px!important;
}
.day-trade-meta{
  align-self:start;
  min-width:90px;
}
.day-trade-meta strong{font-size:14px}
.day-trade-meta span{font-size:9px!important}
.day-trade-badges{
  grid-column:2/-1;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.day-trade-badges span{
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
}
.day-trade-badges .complete{
  color:var(--accent);
  background:rgba(52,211,153,.1);
  border:1px solid rgba(52,211,153,.35);
}
.day-trade-badges .incomplete{
  color:#ff8193;
  background:rgba(255,97,121,.1);
  border:1px solid rgba(255,97,121,.35);
}
.day-trade-badges .pending{
  color:#a8bad0;
  background:rgba(102,126,153,.1);
  border:1px solid rgba(102,126,153,.35);
}

@media(max-width:1050px){
  .day-progress-steps{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .day-progress-steps{grid-template-columns:1fr}
  .day-trade-item{grid-template-columns:26px 1fr}
  .day-trade-meta{grid-column:2;align-items:flex-start}
  .day-trade-badges{grid-column:2}
}


/* SUPRLEN Milestone 6.13 — Trading Day Readability Polish */

/* Trading Day folder typography */
.trading-day-folder{
  font-size:13px;
}
.day-folder-header h3{
  font-size:22px;
  line-height:1.15;
}
.day-folder-header p{
  font-size:13px;
}
.day-folder-result span,
.day-folder-facts span,
.day-trade-summary-bar span{
  font-size:10px;
}
.day-folder-result strong{
  font-size:26px;
}
.day-folder-result small{
  font-size:11px;
}

/* Progress */
.day-progress-heading{
  font-size:12px;
}
.day-progress-steps div{
  font-size:11px;
}
.day-progress-track{
  height:8px;
}

/* Plan and review sections */
.day-folder-section{
  padding:16px;
}
.day-folder-section-heading h4{
  font-size:17px;
}
.day-folder-section-heading a,
.day-folder-section-heading>div>span{
  font-size:11px;
}
.day-folder-facts{
  gap:10px;
}
.day-folder-facts>div{
  min-height:68px;
  padding:12px;
}
.day-folder-facts strong{
  margin-top:6px;
  font-size:14px;
  line-height:1.45;
}

/* Trade counters */
.day-trade-counters span{
  padding:5px 9px;
  font-size:10px!important;
}

/* Trade cards */
.day-trade-item{
  min-height:104px;
  padding:15px 16px;
}
.day-trade-title-line>strong{
  font-size:22px;
}
.day-trade-time{
  font-size:11px!important;
}
.day-trade-contract{
  margin-top:5px;
  font-size:13px!important;
  font-weight:700;
}
.day-trade-context{
  margin-top:10px;
  gap:8px;
}
.day-trade-context span{
  padding:5px 9px;
  font-size:11px!important;
}
.day-trade-meta strong{
  font-size:22px;
}
.day-trade-meta span{
  font-size:12px!important;
}
.day-trade-badges span{
  padding:5px 9px;
  font-size:10px;
}
.day-trade-toggle{
  width:28px;
  height:28px;
  font-size:13px;
}

/* Expanded trade summary */
.day-trade-drilldown{
  padding:16px;
}
.day-trade-summary-bar{
  gap:10px;
  margin-bottom:14px;
}
.day-trade-summary-bar>div{
  padding:11px 12px;
}
.day-trade-summary-bar strong{
  font-size:13px;
}
.day-trade-inline-heading{
  margin-bottom:10px;
}
.day-trade-inline-heading h5{
  font-size:16px;
}
.day-trade-inline-heading span{
  font-size:11px;
}

/* Execution timeline */
.day-inline-execution{
  grid-template-columns:110px 60px 125px 85px minmax(280px,1fr) 180px;
  gap:10px;
  min-height:48px;
  padding:8px 10px;
  font-size:12px;
}
.day-inline-execution small{
  font-size:10px;
}
.day-inline-scale{
  font-size:12px;
}
.day-inline-position{
  font-size:11px;
}

/* Journal notes */
.day-inline-reflections{
  gap:10px;
}
.day-inline-reflections>div{
  min-height:86px;
  padding:12px;
}
.day-inline-reflections span{
  font-size:10px;
}
.day-inline-reflections p{
  margin-top:7px;
  font-size:14px;
  line-height:1.5;
}

/* Screenshots */
.day-inline-screenshots{
  grid-template-columns:repeat(2,minmax(0,460px));
  gap:14px;
}
.day-inline-screenshot{
  gap:8px;
  padding:10px;
}
.day-inline-screenshot span{
  font-size:12px;
}
.day-inline-screenshot img{
  height:260px;
}

/* Main expanded trade readability too */
.trade-story-summary span{
  font-size:10px;
}
.trade-story-primary strong{
  font-size:16px;
}
.trade-story-primary small{
  font-size:11px;
}
.trade-story-secondary strong{
  font-size:13px;
}
.trade-reflection-grid .reflection-card span,
.trade-journal-grid span{
  font-size:10px;
}
.trade-reflection-grid .reflection-card p,
.trade-journal-grid p{
  font-size:13px;
}

/* Stronger separation between trades */
.day-trade-card + .day-trade-card{
  margin-top:12px;
}
.day-trade-card{
  box-shadow:0 0 0 1px rgba(43,70,98,.18);
}

/* Preserve responsive behavior */
@media(max-width:1150px){
  .day-inline-execution{
    grid-template-columns:95px 52px 105px 75px 1fr;
  }
  .day-inline-position{
    grid-column:5;
  }
}
@media(max-width:760px){
  .day-folder-header h3{font-size:19px}
  .day-trade-title-line>strong{font-size:19px}
  .day-trade-meta strong{font-size:19px}
  .day-inline-execution{
    grid-template-columns:85px 50px 1fr;
    font-size:11px;
  }
  .day-inline-screenshots{
    grid-template-columns:1fr;
  }
  .day-inline-screenshot img{
    height:220px;
  }
}


/* SUPRLEN Milestone 6.13.1 — Compact collapsed Trading Day trade rows */

/*
Collapsed trade rows should resemble the main Trade Journal:
compact, scan-friendly, and one-row dominant.
The larger 6.13 typography remains inside expanded drilldowns.
*/
.day-trade-card{
  margin-top:0 !important;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-bottom:0;
  box-shadow:none;
  background:transparent;
}
.day-trade-card:first-child{
  border-top:1px solid var(--border);
}
.day-trade-card + .day-trade-card{
  margin-top:0 !important;
}

.day-trade-item{
  grid-template-columns:28px minmax(260px,1.5fr) minmax(110px,.7fr) minmax(210px,1fr);
  gap:8px 14px;
  min-height:54px;
  padding:8px 10px;
  border-radius:0;
  background:transparent;
}
.day-trade-item:hover{
  background:rgba(52,211,153,.025);
}

.day-trade-toggle{
  grid-row:1;
  width:24px;
  height:24px;
  font-size:11px;
}

.day-trade-identity{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:baseline;
}
.day-trade-title-line{
  display:contents;
}
.day-trade-title-line>strong{
  grid-column:1;
  grid-row:1;
  font-size:14px;
  line-height:1.1;
}
.day-trade-time{
  grid-column:2;
  grid-row:1;
  font-size:9px !important;
}
.day-trade-contract{
  grid-column:1/3;
  grid-row:2;
  margin-top:2px;
  font-size:10px !important;
  font-weight:500;
}

.day-trade-context{
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  gap:5px;
  margin-top:0;
}
.day-trade-context span{
  padding:3px 6px;
  font-size:8px !important;
}

.day-trade-meta{
  align-self:center;
  min-width:90px;
}
.day-trade-meta strong{
  font-size:15px;
}
.day-trade-meta span{
  font-size:9px !important;
}

.day-trade-badges{
  grid-column:auto;
  align-self:center;
  justify-content:flex-start;
  gap:5px;
}
.day-trade-badges span{
  padding:3px 6px;
  font-size:8px;
}

/* Expanded detail retains the larger, readable 6.13 layout */
.day-trade-drilldown{
  margin:0 0 10px;
  border:1px solid var(--border);
  border-top:0;
  border-radius:0 0 9px 9px;
}

/* Slightly reduce empty vertical gap above the trade list */
.day-trades-section{
  margin-top:8px;
}
.day-trade-counters{
  margin-top:2px;
}

/* On medium screens, preserve a compact two-line row */
@media(max-width:1100px){
  .day-trade-item{
    grid-template-columns:28px minmax(230px,1.3fr) minmax(100px,.7fr);
  }
  .day-trade-badges{
    grid-column:2/4;
  }
}

/* Mobile remains stacked and readable */
@media(max-width:760px){
  .day-trade-item{
    grid-template-columns:28px 1fr auto;
    min-height:68px;
  }
  .day-trade-context{
    grid-column:2/4;
  }
  .day-trade-badges{
    grid-column:2/4;
  }
}


/* SUPRLEN Milestone 6.13.2 — Final Phase B row alignment */

/*
Keep each collapsed Trading Day trade compact, but group related
information together instead of spreading it across the full width.
*/
.day-trade-item{
  grid-template-columns:
    28px
    minmax(250px,1.35fr)
    minmax(220px,1fr)
    minmax(110px,.55fr)
    minmax(220px,1fr);
  column-gap:16px;
  row-gap:4px;
  min-height:58px;
  padding:8px 10px;
}

.day-trade-toggle{
  grid-column:1;
  grid-row:1/3;
  align-self:center;
}

.day-trade-identity{
  grid-column:2;
  grid-row:1/3;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  justify-content:start;
  align-content:center;
  column-gap:8px;
}

.day-trade-context{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  justify-content:flex-start;
}

.day-trade-meta{
  grid-column:4;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  align-items:flex-end;
}

.day-trade-badges{
  grid-column:5;
  grid-row:1/3;
  align-self:center;
  justify-content:flex-start;
}

.day-trade-title-line>strong{
  font-size:14px;
}
.day-trade-time{
  font-size:9px!important;
}
.day-trade-contract{
  font-size:10px!important;
}
.day-trade-meta strong{
  font-size:15px;
}
.day-trade-meta span{
  font-size:9px!important;
}
.day-trade-context span,
.day-trade-badges span{
  white-space:nowrap;
}

/* Give the cards a subtle table-row feel */
.day-trade-item{
  border-bottom:1px solid rgba(48,73,101,.72);
}
.day-trade-card:last-child .day-trade-item{
  border-bottom:0;
}

/* Keep the expanded panel attached to its row */
.day-trade-drilldown{
  margin-top:0;
}

/* Medium widths: keep identity/context together and badges below */
@media(max-width:1250px){
  .day-trade-item{
    grid-template-columns:28px minmax(240px,1.25fr) minmax(200px,1fr) minmax(100px,.55fr);
  }
  .day-trade-badges{
    grid-column:2/5;
    grid-row:3;
    padding-left:0;
  }
  .day-trade-toggle{
    grid-row:1/4;
  }
  .day-trade-identity,
  .day-trade-context,
  .day-trade-meta{
    grid-row:1/3;
  }
}

/* Smaller screens: compact stacked row without oversized spacing */
@media(max-width:850px){
  .day-trade-item{
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:6px 10px;
    min-height:72px;
  }
  .day-trade-toggle{
    grid-column:1;
    grid-row:1/4;
  }
  .day-trade-identity{
    grid-column:2;
    grid-row:1;
  }
  .day-trade-meta{
    grid-column:3;
    grid-row:1;
  }
  .day-trade-context{
    grid-column:2/4;
    grid-row:2;
  }
  .day-trade-badges{
    grid-column:2/4;
    grid-row:3;
  }
}


/* SUPRLEN Milestone 6.14 — Phase B Final Sprint */
.compact-trade-header{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.3fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:9px 9px 0 0;background:rgba(5,17,31,.52)}
.compact-trade-title{display:flex;align-items:center;justify-content:space-between;gap:14px}
.compact-trade-title>div:first-child{display:flex;flex-direction:column}
.compact-trade-title>div:first-child>strong{font-size:18px}
.compact-trade-title>div:first-child>span{margin-top:2px;color:#a9c1da;font-size:11px}
.compact-trade-result{display:flex;flex-direction:column;align-items:flex-end}
.compact-trade-result strong{font-size:18px}.compact-trade-result span{font-size:11px}
.compact-trade-tags,.day-expanded-tags{display:flex;flex-wrap:wrap;gap:6px}
.compact-trade-tags span,.day-expanded-tags span{padding:4px 8px;border:1px solid #35516f;border-radius:999px;background:#0a1a2c;color:#a9c8e8;font-size:9px;font-weight:800;white-space:nowrap}

.compact-stats-strip,.day-compact-stats-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--border);border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:rgba(4,13,23,.5)}
.compact-stats-strip>div,.day-compact-stats-strip>div{min-width:0;padding:8px 9px;border-left:1px solid var(--border)}
.compact-stats-strip>div:first-child,.day-compact-stats-strip>div:first-child{border-left:0}
.compact-stats-strip span,.day-compact-stats-strip span{display:block;margin-bottom:3px;color:#829fbd;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.compact-stats-strip strong,.day-compact-stats-strip strong{display:block;overflow:hidden;color:#e7f1fb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}

.day-expanded-header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr) auto auto;align-items:center;gap:12px;padding:10px 11px;border:1px solid var(--border);border-radius:8px 8px 0 0;background:rgba(5,17,31,.55)}
.day-expanded-header>div:first-child{display:flex;flex-direction:column}
.day-expanded-header>div:first-child>strong{font-size:17px}
.day-expanded-header>div:first-child>span{margin-top:2px;color:#a8c0d9;font-size:10px}
.day-expanded-result{display:flex;flex-direction:column;align-items:flex-end}
.day-expanded-result strong{font-size:17px}.day-expanded-result span{font-size:10px}
.day-compact-stats-strip{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:10px}

.execution-list,.expanded-journal-summary,.expanded-screenshot-section,.day-trade-inline-section{margin-top:12px;padding-top:12px}
.execution-heading h3,.expanded-section-heading h3,.day-trade-inline-heading h5{font-size:14px}
.execution-heading span,.expanded-section-heading>span,.day-trade-inline-heading span{font-size:9px}

button,.nav-item,.day-trade-item,.trade-row{transition:background-color .14s ease,border-color .14s ease,opacity .14s ease,transform .14s ease}
button:not(:disabled):active{transform:translateY(1px)}
.secondary,.primary,.compact-button{border-radius:8px}

.journal-loading,.journal-error-state{display:flex;min-height:72px;align-items:center;justify-content:center;gap:10px;padding:14px;color:#9db4cc}
.journal-loading span{width:16px;height:16px;border:2px solid #294766;border-top-color:var(--accent);border-radius:50%;animation:suprlenSpin .75s linear infinite}
.journal-loading strong{font-size:11px}
.journal-error-state{flex-direction:column;text-align:center}
.journal-error-state strong{color:#ff8193;font-size:12px}
.journal-error-state span{max-width:580px;font-size:10px;line-height:1.4}
@keyframes suprlenSpin{to{transform:rotate(360deg)}}

.workspace *{scrollbar-width:thin;scrollbar-color:#31506f #071321}
.workspace *::-webkit-scrollbar{width:9px;height:9px}
.workspace *::-webkit-scrollbar-track{background:#071321}
.workspace *::-webkit-scrollbar-thumb{border:2px solid #071321;border-radius:999px;background:#31506f}

@media(max-width:1200px){
  .compact-trade-header,.day-expanded-header{grid-template-columns:1fr auto}
  .compact-trade-tags,.day-expanded-tags{grid-column:1/3}
  .compact-stats-strip{grid-template-columns:repeat(4,1fr)}
  .day-compact-stats-strip{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .compact-trade-header,.day-expanded-header{grid-template-columns:1fr}
  .compact-trade-tags,.day-expanded-tags{grid-column:auto}
  .compact-trade-title{align-items:flex-start}
  .compact-stats-strip,.day-compact-stats-strip{grid-template-columns:repeat(2,1fr)}
}


/* SUPRLEN Milestone 6.15 — Phase B UI Cohesion and Polish */
:root{
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --shadow-soft:0 12px 34px rgba(0,0,0,.16);
}

/* Product-wide rhythm */
.workspace-header{min-height:138px;padding-top:28px;padding-bottom:22px}
.home-main{padding-top:20px}
.card,.dashboard-card,.plan-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
.card-heading{align-items:center;margin-bottom:8px}
.card-heading h2{margin:0;font-size:18px;line-height:1.2}
.card-heading p{margin:5px 0 0}
button{min-height:38px;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1}
.primary{box-shadow:0 5px 16px rgba(54,211,153,.12)}
.secondary{border:1px solid rgba(83,116,151,.45);background:#203854}
.secondary:hover{background:#294565;border-color:#4c7198}
.nav-item{min-height:42px;border-radius:var(--radius-sm)}
.badge{align-items:center;min-height:24px;padding:4px 9px;font-size:11px}

/* Journal panels share the same visual weight */
body:has(.journal-table) .dashboard-card{
  padding:14px 16px;
  border-color:#29415e;
  background:rgba(14,29,48,.9);
  box-shadow:none;
}
body:has(.journal-table) .home-main{display:flex;flex-direction:column;gap:10px}
body:has(.journal-table) .home-main>.dashboard-card{margin:0!important}
body:has(.journal-table) th{font-size:10px;letter-spacing:.08em;color:#94b4d6}
body:has(.journal-table) td{font-size:12px}
body:has(.journal-table) .trading-day-row td{padding-top:10px;padding-bottom:10px}
body:has(.journal-table) .row-toggle{width:25px;height:25px;border-radius:7px}

/* Statistics: unified tiles, stronger values, quieter labels */
.stats-grid{gap:5px!important}
.stats-grid>div{
  min-height:49px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  border-color:#2b4563!important;
  background:rgba(8,22,38,.58)!important;
}
.stats-grid span{font-size:8px!important;letter-spacing:.02em}
.stats-grid strong{font-size:14px!important;line-height:1.1}

/* Expanded Trading Day: compact and easier to scan */
.trading-day-folder{
  padding:14px 16px 16px;
  border-left-width:3px;
  background:linear-gradient(180deg,#071625 0%,#061321 100%);
}
.day-folder-header{align-items:center;margin-bottom:9px}
.day-folder-header h3{font-size:20px;margin:1px 0 2px}
.day-folder-header p{font-size:11px}
.day-folder-result{min-width:170px}
.day-folder-result span,.day-folder-facts span{font-size:9px}
.day-folder-result strong{font-size:23px;line-height:1.05}
.day-folder-result small{font-size:10px;margin-top:2px}

.day-progress-card{
  margin-bottom:10px;
  padding:9px 11px;
  border-radius:var(--radius-sm);
  background:rgba(8,24,40,.58);
}
.day-progress-heading{margin-bottom:6px;font-size:11px}
.day-progress-track{height:6px;margin-bottom:7px}
.day-progress-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.day-progress-steps div{font-size:10px;white-space:nowrap}

.day-folder-grid{gap:10px}
.day-folder-section{
  padding:12px;
  border-radius:var(--radius-md);
  background:rgba(7,21,36,.55);
}
.day-folder-section-heading{margin-bottom:8px}
.day-folder-section-heading h4{font-size:15px}
.day-folder-section-heading a{font-size:10px;text-decoration:none}
.day-folder-section-heading a:hover{text-decoration:underline}
.day-folder-facts{gap:7px}
.day-folder-facts>div{
  min-height:48px;
  padding:8px 10px;
  border-radius:var(--radius-sm);
  background:rgba(4,14,25,.44);
}
.day-folder-facts strong{margin-top:4px;font-size:12px;line-height:1.3}
.day-trades-section{margin-top:10px}
.day-trade-counters{margin-top:5px}
.day-trade-counters span{padding:4px 8px;font-size:9px!important}

/* Collapsed trades feel like rows, not floating cards */
.day-trade-list{display:block}
.day-trade-card{border-top:1px solid rgba(48,73,101,.74)}
.day-trade-card:first-child{border-top:0}
.day-trade-item{
  grid-template-columns:28px minmax(250px,1.35fr) minmax(220px,1fr) minmax(110px,.55fr) minmax(220px,1fr);
  min-height:54px;
  padding:7px 9px;
  border:0;
  border-radius:0;
  background:transparent;
}
.day-trade-item:hover{background:rgba(27,52,78,.35)}
.day-trade-title-line>strong{font-size:14px}
.day-trade-time{font-size:9px!important}
.day-trade-contract{margin-top:1px;font-size:10px!important;font-weight:650}
.day-trade-context{margin-top:0;gap:5px}
.day-trade-context span,.day-trade-badges span{padding:3px 7px;font-size:9px!important;border-radius:999px}
.day-trade-meta strong{font-size:15px}
.day-trade-meta span{font-size:9px!important}
.day-trade-toggle{width:24px;height:24px;font-size:11px;border-radius:7px}

/* Expanded trade uses width efficiently and keeps typography readable */
.day-trade-drilldown{padding:12px 14px 15px;background:rgba(3,13,23,.42)}
.day-expanded-header{
  grid-template-columns:minmax(220px,.9fr) minmax(340px,1.5fr) auto auto;
  padding:9px 10px;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
}
.day-expanded-header>div:first-child>strong{font-size:16px}
.day-expanded-header>div:first-child>span{font-size:10px}
.day-expanded-tags span,.compact-trade-tags span{font-size:9px;padding:4px 8px}
.day-expanded-result strong{font-size:17px}
.day-expanded-result span{font-size:10px}
.day-compact-stats-strip,.compact-stats-strip{background:rgba(5,17,29,.7)}
.day-compact-stats-strip>div,.compact-stats-strip>div{padding:8px 10px}
.day-compact-stats-strip span,.compact-stats-strip span{font-size:9px}
.day-compact-stats-strip strong,.compact-stats-strip strong{font-size:11px}
.day-trade-inline-section{margin-top:10px;padding-top:10px}
.day-trade-inline-heading{margin-bottom:7px}
.day-trade-inline-heading h5{font-size:14px}
.day-trade-inline-heading span{font-size:10px}
.day-inline-execution{min-height:42px!important;padding:6px 9px!important}

/* Journal reflection is grouped, but remains open and readable */
.day-trade-reflection-grid{gap:8px!important}
.day-trade-reflection-grid>div{padding:9px 10px!important;border-radius:8px!important}
.day-trade-reflection-grid span{font-size:9px!important}
.day-trade-reflection-grid strong{font-size:12px!important;line-height:1.35!important}

/* Cleaner action area */
.day-folder-actions{gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(48,73,101,.55)}
.day-folder-actions button{min-width:104px}
.day-complete-seal{padding:6px 10px;font-size:9px}

/* Main expanded Journal trade matches the same system */
.compact-trade-header{padding:9px 11px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.compact-trade-title>div:first-child>strong{font-size:17px}
.compact-trade-title>div:first-child>span{font-size:10px}
.compact-trade-result strong{font-size:17px}
.compact-trade-result span{font-size:10px}
.execution-list,.expanded-journal-summary,.expanded-screenshot-section{margin-top:10px;padding-top:10px}
.execution-heading h3,.expanded-section-heading h3{font-size:14px}

/* Trading Plan page adopts the same spacing and card treatment */
.stacked-plan-layout{gap:16px!important}
.plan-section{padding:20px}
.summary-toolbar,.section-heading{padding-bottom:13px;margin-bottom:14px}
.summary-grid{gap:10px!important}
.summary-grid>div{border-radius:var(--radius-md)!important;background:rgba(7,21,36,.5)!important}
.summary-grid span{font-size:9px!important}
.summary-grid strong{font-size:13px!important;line-height:1.35!important}
.compact-field label{font-size:12px}
.compact-help{font-size:10px!important}
textarea,input,select{border-radius:var(--radius-sm)}

@media(max-width:1250px){
  .day-progress-steps{grid-template-columns:repeat(3,1fr)}
  .day-trade-item{grid-template-columns:28px minmax(230px,1.2fr) minmax(190px,1fr) minmax(100px,.5fr)}
}
@media(max-width:850px){
  .day-progress-steps{grid-template-columns:1fr 1fr}
  .day-folder-grid{grid-template-columns:1fr}
  .day-trade-item{grid-template-columns:28px minmax(0,1fr) auto;min-height:68px}
}
@media(max-width:620px){
  .workspace-header{min-height:auto}
  .day-progress-steps{grid-template-columns:1fr}
  .day-folder-actions button{min-width:0}
}


/* SUPRLEN Milestone 6.16 — Phase B Completion */

/* Final spacing rhythm: 8 / 12 / 16 / 24 */
body:has(.journal-table) .home-main{gap:8px}
body:has(.journal-table) .dashboard-card{padding:12px 14px}
.trading-day-folder{padding:12px 14px 14px}
.day-folder-header{margin-bottom:8px}
.day-progress-card{margin-bottom:8px}
.day-folder-grid{gap:8px}
.day-folder-section{padding:10px}
.day-folder-section-heading{margin-bottom:7px}
.day-folder-facts{gap:6px}
.day-folder-facts>div{min-height:44px;padding:7px 9px}
.day-trades-section{margin-top:8px}
.day-folder-actions{margin-top:8px;padding-top:8px}
.execution-list,.expanded-journal-summary,.expanded-screenshot-section,
.day-trade-inline-section{margin-top:8px;padding-top:8px}

/* Concise Trading Day summary */
.day-summary-strip{
  display:grid;
  grid-template-columns:.7fr .9fr 1.25fr 1.25fr .9fr;
  margin-bottom:8px;
  overflow:hidden;
  border:1px solid rgba(49,78,108,.72);
  border-radius:9px;
  background:rgba(8,24,40,.72);
}
.day-summary-strip>div{
  min-width:0;
  padding:8px 10px;
  border-left:1px solid rgba(49,78,108,.58);
}
.day-summary-strip>div:first-child{border-left:0}
.day-summary-strip span{
  display:block;
  margin-bottom:3px;
  color:#88a9ca;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.day-summary-strip strong{
  display:block;
  overflow:hidden;
  color:#eef6ff;
  font-size:12px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Clear separation between trade context and workflow completion */
.day-trade-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.workflow-badge-group{
  display:flex;
  align-items:center;
  gap:5px;
  padding-right:7px;
  border-right:1px solid rgba(70,98,128,.62);
}
.day-trade-badges .plan-badge{
  font-weight:850;
}
.day-trade-context span{
  border-color:#355778;
  background:#0a1e32;
  color:#a9cbea;
}
.day-trade-badges .complete{
  border-color:rgba(44,188,139,.58);
  background:rgba(26,113,86,.28);
  color:#55e1b1;
}
.day-trade-badges .pending,
.day-trade-badges .incomplete{
  border-color:rgba(128,151,177,.42);
  background:rgba(64,78,96,.3);
  color:#b2c1d1;
}

/* Final expanded-trade compression */
.day-expanded-header{
  grid-template-columns:minmax(260px,1fr) minmax(320px,1.25fr) auto auto;
  gap:9px;
  padding:7px 9px;
}
.day-expanded-identity{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline;
  gap:5px;
  min-width:0;
}
.day-expanded-identity strong{font-size:16px!important}
.day-expanded-identity span{
  overflow:hidden;
  margin:0!important;
  color:#a8c0d9;
  font-size:10px!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.day-expanded-tags{gap:5px}
.day-expanded-tags span{padding:3px 7px}
.day-expanded-result strong{font-size:16px}
.day-compact-stats-strip>div{padding:7px 9px}

/* Metadata labels are now readable without becoming visually loud */
.day-folder-result span,
.day-folder-facts span,
.day-compact-stats-strip span,
.compact-stats-strip span,
.day-trade-reflection-grid span,
.summary-grid span,
.stats-grid span{
  font-size:9px!important;
}

/* Slightly denser plan/review page */
.stacked-plan-layout{gap:12px!important}
.plan-section{padding:16px}
.summary-toolbar,.section-heading{padding-bottom:11px;margin-bottom:12px}
.summary-grid{gap:8px!important}

@media(max-width:1200px){
  .day-summary-strip{grid-template-columns:repeat(3,1fr)}
  .day-summary-strip>div:nth-child(4){border-left:0;border-top:1px solid rgba(49,78,108,.58)}
  .day-summary-strip>div:nth-child(5){border-top:1px solid rgba(49,78,108,.58)}
}
@media(max-width:850px){
  .day-summary-strip{grid-template-columns:1fr 1fr}
  .day-summary-strip>div{border-top:1px solid rgba(49,78,108,.58)}
  .day-summary-strip>div:nth-child(odd){border-left:0}
  .day-summary-strip>div:first-child,.day-summary-strip>div:nth-child(2){border-top:0}
  .day-trade-badges{align-items:flex-end;flex-direction:column;gap:4px}
  .workflow-badge-group{padding-right:0;border-right:0}
}
@media(max-width:620px){
  .day-summary-strip{grid-template-columns:1fr}
  .day-summary-strip>div{border-left:0!important;border-top:1px solid rgba(49,78,108,.58)!important}
  .day-summary-strip>div:first-child{border-top:0!important}
}


/* SUPRLEN Milestone 7.0 — C1 Analytics Foundation */
.analytics-page{gap:16px}
.analytics-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.analytics-period-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.analytics-period-controls label{display:flex;flex-direction:column;gap:5px;color:#b8cbe0;font-size:11px;font-weight:800}
.analytics-period-controls select,.analytics-period-controls input{min-width:150px}
.hidden{display:none!important}

.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.analytics-kpis article{padding:14px;border:1px solid #294664;border-radius:10px;background:#102136}
.analytics-kpis span{display:block;color:#8eabc7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.analytics-kpis strong{display:block;margin-top:8px;color:#f2f7fd;font-size:24px;line-height:1.05}
.analytics-kpis small{display:block;margin-top:5px;color:#8eabc7;font-size:10px}
.analytics-kpis .positive,.positive{color:#4ee0ad!important}
.analytics-kpis .negative,.negative{color:#ff6b7d!important}

.analytics-grid{display:grid;gap:12px}
.analytics-primary-grid{grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr)}
.analytics-secondary-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)}
.analytics-card{padding:16px;border:1px solid #294664;border-radius:12px;background:#102136}
.analytics-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.analytics-card-heading h2{margin:3px 0 2px;font-size:20px}
.analytics-card-heading p{margin:0;color:#91abc6;font-size:12px}
.chart-segment{display:flex;padding:3px;border:1px solid #345371;border-radius:9px;background:#091827}
.chart-segment button{padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#92acc7;font-size:10px;font-weight:800}
.chart-segment button.active{background:#24415f;color:#fff}

.chart-shell{position:relative;min-height:330px}
#equityCanvas{display:block;width:100%;height:330px}
.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8ea7c1}

.snapshot-list{display:grid;gap:8px}
.snapshot-list>div{padding:11px 12px;border:1px solid #294664;border-radius:9px;background:#091a2b}
.snapshot-list span{display:block;color:#8eabc7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.snapshot-list strong{display:block;margin-top:5px;color:#eff6fd;font-size:15px}
.snapshot-list small{display:block;margin-top:3px;color:#4ed8a8;font-size:10px}

.calendar-nav{display:flex;align-items:center;gap:8px}
.calendar-nav strong{min-width:130px;text-align:center}
.calendar-weekdays,.trading-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.calendar-weekdays{margin-bottom:5px}
.calendar-weekdays span{padding:4px;color:#7f9bb8;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase}
.calendar-cell{min-height:78px;padding:8px;border:1px solid #28445f;border-radius:8px;background:#0a1a2b;color:#dce8f4;text-align:left}
.calendar-cell:hover{border-color:#4b7198}
.calendar-cell.outside{border-color:transparent;background:transparent}
.calendar-cell>span{display:block;font-size:11px;font-weight:850}
.calendar-cell strong{display:block;margin-top:10px;font-size:13px}
.calendar-cell small{display:block;margin-top:3px;color:#829db8;font-size:9px}
.calendar-cell.green{border-color:rgba(55,199,151,.52);background:rgba(20,99,76,.22)}
.calendar-cell.green strong{color:#4ed8a8}
.calendar-cell.red{border-color:rgba(255,103,122,.45);background:rgba(112,33,48,.22)}
.calendar-cell.red strong{color:#ff7183}
.calendar-cell.flat strong{color:#c5d2df}

.analytics-table-wrap{overflow:auto}
.analytics-table{width:100%;border-collapse:collapse}
.analytics-table th,.analytics-table td{padding:10px 8px;border-bottom:1px solid #29445f;text-align:left;font-size:11px}
.analytics-table th{color:#83a3c3;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.analytics-footer-card{display:flex;align-items:center;justify-content:space-between}
.analytics-footer-card h2{margin:4px 0}
.analytics-footer-card p{margin:0;color:#91aac4}

@media(max-width:1200px){
  .analytics-kpis{grid-template-columns:repeat(2,1fr)}
  .analytics-primary-grid,.analytics-secondary-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .analytics-hero{align-items:stretch;flex-direction:column}
  .analytics-period-controls{align-items:stretch}
  .analytics-period-controls label,.analytics-period-controls select,.analytics-period-controls input{width:100%}
  .analytics-kpis{grid-template-columns:1fr}
  .calendar-cell{min-height:64px;padding:6px}
  .calendar-cell strong{font-size:10px}
}


/* SUPRLEN Milestone 7.1.1 — C2 v2 Stable Analytics */
.setup-analytics-section{display:flex;flex-direction:column;gap:14px}
.setup-heading{margin-bottom:0}
.setup-heading-actions{display:flex;align-items:flex-end;gap:8px}
.setup-heading-actions label{display:flex;flex-direction:column;gap:5px;color:#9bb3cc;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.setup-heading-actions select{min-width:110px}

.setup-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.setup-highlight{padding:13px;border:1px solid #2b4966;border-radius:10px;background:#091a2b}
.setup-highlight span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.setup-highlight strong{display:block;margin-top:7px;color:#f2f7fc;font-size:18px}
.setup-highlight small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.35}
.setup-highlight.best{border-color:rgba(55,199,151,.48);background:rgba(22,95,75,.18)}
.setup-highlight.best small{color:#4ed8a8}
.setup-highlight.worst{border-color:rgba(255,103,122,.38);background:rgba(105,32,45,.16)}
.setup-highlight.worst small{color:#ff8090}

.setup-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:10px}
.setup-panel{padding:13px;border:1px solid #294664;border-radius:10px;background:#0a1a2b}
.setup-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.setup-panel-heading h3{margin:0;font-size:15px}
.setup-panel-heading p{margin:3px 0 0;color:#88a4bf;font-size:10px}
.setup-panel-heading>span{color:#83a1bf;font-size:10px}

.setup-bars{display:flex;flex-direction:column;gap:5px}
.setup-bar-row{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(180px,1.5fr) 95px 130px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e7f0f9;text-align:left}
.setup-bar-row:hover,.setup-bar-row.active{border-color:#3b6185;background:#10263d}
.setup-bar-name{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.setup-bar-track{display:block;height:9px;overflow:hidden;border-radius:999px;background:#172d43}
.setup-bar-track i{display:block;height:100%;border-radius:999px}
.setup-bar-track .positive-bar{background:#4ed8a8}
.setup-bar-track .negative-bar{background:#ff6c7e}
.setup-bar-row strong{text-align:right;font-size:11px}
.setup-bar-row small{color:#8ca7c2;font-size:9px;text-align:right}
.setup-empty{padding:30px 12px;color:#8ca6c0;text-align:center}

.setup-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.setup-detail-kpis>div{min-width:0;padding:9px;border:1px solid #29455f;border-radius:8px;background:#0d2135}
.setup-detail-kpis span{display:block;color:#819fbd;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.setup-detail-kpis strong{display:block;overflow:hidden;margin-top:5px;color:#edf5fc;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.setup-insight{margin-top:9px;padding:10px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.17);color:#b9d7ca;font-size:11px;line-height:1.45}

.setup-table-wrap{border:1px solid #29455f;border-radius:9px}
.setup-table-row{cursor:pointer}
.setup-table-row:hover,.setup-table-row.selected{background:#102840}
.setup-table td:first-child strong{display:block}
.setup-table td:first-child small{display:block;margin-top:2px;color:#ff9aa6;font-size:8px}
.setup-table td{white-space:nowrap}

@media(max-width:1250px){
  .setup-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .setup-analytics-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .setup-heading{align-items:stretch;flex-direction:column}
  .setup-heading-actions{align-items:stretch}
  .setup-highlight-grid{grid-template-columns:1fr}
  .setup-detail-kpis{grid-template-columns:repeat(2,1fr)}
  .setup-bar-row{grid-template-columns:1fr 1.3fr 85px}
  .setup-bar-row small{display:none}
}
@media(max-width:560px){
  .setup-heading-actions{flex-direction:column}
  .setup-heading-actions label,.setup-heading-actions select,.setup-heading-actions button{width:100%}
  .setup-detail-kpis{grid-template-columns:1fr}
  .setup-bar-row{grid-template-columns:1fr 90px}
  .setup-bar-track{grid-column:1/3}
}


/* SUPRLEN Milestone 7.1.3 — C2 Refinement */
.setup-chart-controls{display:flex;align-items:center;gap:8px}
.setup-chart-controls select{min-width:135px}
.coverage-progress{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#183149}
.coverage-progress i{display:block;width:0;height:100%;border-radius:999px;background:#4ed8a8;transition:width .2s ease}
.setup-recent-trades{margin-top:10px;padding-top:10px;border-top:1px solid #29455f}
.setup-recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.setup-recent-heading h4{margin:0;font-size:12px}
.setup-recent-heading span{color:#83a1bf;font-size:9px}
.setup-recent-list{display:flex;flex-direction:column;gap:5px}
.setup-recent-trade{display:grid;grid-template-columns:minmax(120px,1fr) 80px 90px;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid #29455f;border-radius:7px;background:#0d2135;color:#eaf3fb;text-align:left}
.setup-recent-trade:hover{border-color:#4b7198;background:#102840}
.setup-recent-trade>span:first-child{display:flex;flex-direction:column}
.setup-recent-trade small{margin-top:2px;color:#85a1bd;font-size:8px}
.setup-recent-trade>span:nth-child(2){color:#91aac3;font-size:9px}
.setup-recent-trade>span:last-child{text-align:right;font-weight:850}
.setup-table-row[data-setup="Unclassified"]{background:rgba(89,101,116,.14)}
.setup-table-row[data-setup="Unclassified"] td{color:#aebac7}
.setup-table-row[data-setup="Unclassified"] td:first-child strong::before{content:"⚠ ";color:#ffbd68}
@media(max-width:820px){
  .setup-chart-heading{align-items:stretch;flex-direction:column}
  .setup-chart-controls{justify-content:space-between}
}


/* SUPRLEN Milestone 7.2 — C6 Time-of-Day Analytics */
.time-analytics-section{display:flex;flex-direction:column;gap:14px}
.time-heading{margin-bottom:0}
.time-heading-actions{display:flex;align-items:flex-end;gap:8px}
.time-heading-actions label{display:flex;flex-direction:column;gap:5px;color:#9bb3cc;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.time-heading-actions select{min-width:140px}

.time-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.time-highlight{padding:13px;border:1px solid #2b4966;border-radius:10px;background:#091a2b}
.time-highlight span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.time-highlight strong{display:block;margin-top:7px;color:#f2f7fc;font-size:18px}
.time-highlight small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.35}
.time-highlight.best{border-color:rgba(55,199,151,.48);background:rgba(22,95,75,.18)}
.time-highlight.best small{color:#4ed8a8}
.time-highlight.worst{border-color:rgba(255,103,122,.38);background:rgba(105,32,45,.16)}
.time-highlight.worst small{color:#ff8090}

.time-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:10px}
.time-panel{padding:13px;border:1px solid #294664;border-radius:10px;background:#0a1a2b}
.time-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.time-panel-heading h3{margin:0;font-size:15px}
.time-panel-heading p{margin:3px 0 0;color:#88a4bf;font-size:10px}
.time-panel-heading>span{color:#83a1bf;font-size:10px}

.time-bars{display:flex;flex-direction:column;gap:5px}
.time-bar-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(180px,1.5fr) 95px 130px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e7f0f9;text-align:left}
.time-bar-row:hover,.time-bar-row.active{border-color:#3b6185;background:#10263d}
.time-bar-name{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.time-bar-track{display:block;height:9px;overflow:hidden;border-radius:999px;background:#172d43}
.time-bar-track i{display:block;height:100%;border-radius:999px}
.time-bar-track .positive-bar{background:#4ed8a8}
.time-bar-track .negative-bar{background:#ff6c7e}
.time-bar-row strong{text-align:right;font-size:11px}
.time-bar-row small{color:#8ca7c2;font-size:9px;text-align:right}
.time-empty{padding:30px 12px;color:#8ca6c0;text-align:center}

.time-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.time-detail-kpis>div{min-width:0;padding:9px;border:1px solid #29455f;border-radius:8px;background:#0d2135}
.time-detail-kpis span{display:block;color:#819fbd;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.time-detail-kpis strong{display:block;overflow:hidden;margin-top:5px;color:#edf5fc;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.time-insight{margin-top:9px;padding:10px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.17);color:#b9d7ca;font-size:11px;line-height:1.45}

.session-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.session-card{padding:12px;border:1px solid #29455f;border-radius:9px;background:#0b1d30;cursor:pointer}
.session-card:hover{border-color:#4b7198;background:#102840}
.session-card span{display:block;color:#86a4c1;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.session-card strong{display:block;margin-top:7px;font-size:16px}
.session-card small{display:block;margin-top:4px;color:#8ca6c0;font-size:9px;line-height:1.35}

.time-table-wrap{border:1px solid #29455f;border-radius:9px}
.time-table-row{cursor:pointer}
.time-table-row:hover,.time-table-row.selected{background:#102840}
.time-table td{white-space:nowrap}

@media(max-width:1250px){
  .time-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .time-analytics-grid{grid-template-columns:1fr}
  .session-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .time-heading{align-items:stretch;flex-direction:column}
  .time-heading-actions{align-items:stretch}
  .time-highlight-grid{grid-template-columns:1fr}
  .time-detail-kpis{grid-template-columns:repeat(2,1fr)}
  .time-bar-row{grid-template-columns:1fr 1.3fr 85px}
  .time-bar-row small{display:none}
  .session-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .time-heading-actions{flex-direction:column}
  .time-heading-actions label,.time-heading-actions select,.time-heading-actions button{width:100%}
  .time-detail-kpis{grid-template-columns:1fr}
  .time-bar-row{grid-template-columns:1fr 90px}
  .time-bar-track{grid-column:1/3}
  .session-grid{grid-template-columns:1fr}
}


/* SUPRLEN Milestone 7.2.1 — C6 Refinement + Journal Entry Time */
.time-heading-actions{flex-wrap:wrap}
.time-heading-actions select{min-width:135px}
.time-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.time-highlight small{min-height:28px}
.time-highlight.best strong,.time-highlight.worst strong{font-size:17px}
.session-grid{order:0}
.time-analytics-grid{order:1}
.time-table-wrap{order:2}
.session-card strong{font-size:18px}
.session-card small{min-height:26px}
#editTradeLabel{line-height:1.4}
@media(max-width:900px){
  .time-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .time-detail-kpis{grid-template-columns:1fr}
}


/* SUPRLEN Milestone 7.3 — C7 Symbol Analytics */
.symbol-analytics-section{display:flex;flex-direction:column;gap:14px}
.symbol-heading{margin-bottom:0}
.symbol-heading-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.symbol-heading-actions label{display:flex;flex-direction:column;gap:5px;color:#9bb3cc;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.symbol-heading-actions select{min-width:135px}
.symbol-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.symbol-highlight{padding:13px;border:1px solid #2b4966;border-radius:10px;background:#091a2b}
.symbol-highlight span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.symbol-highlight strong{display:block;margin-top:7px;color:#f2f7fc;font-size:18px}
.symbol-highlight small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.35;min-height:28px}
.symbol-highlight.best{border-color:rgba(55,199,151,.48);background:rgba(22,95,75,.18)}
.symbol-highlight.best small{color:#4ed8a8}
.symbol-highlight.worst{border-color:rgba(255,103,122,.38);background:rgba(105,32,45,.16)}
.symbol-highlight.worst small{color:#ff8090}
.symbol-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:10px}
.symbol-panel{padding:13px;border:1px solid #294664;border-radius:10px;background:#0a1a2b}
.symbol-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.symbol-panel-heading h3{margin:0;font-size:15px}
.symbol-panel-heading p{margin:3px 0 0;color:#88a4bf;font-size:10px}
.symbol-panel-heading>span{color:#83a1bf;font-size:10px}
.symbol-bars{display:flex;flex-direction:column;gap:5px}
.symbol-bar-row{display:grid;grid-template-columns:minmax(95px,.65fr) minmax(180px,1.5fr) 95px 130px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e7f0f9;text-align:left}
.symbol-bar-row:hover,.symbol-bar-row.active{border-color:#3b6185;background:#10263d}
.symbol-bar-name{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.symbol-bar-track{display:block;height:9px;overflow:hidden;border-radius:999px;background:#172d43}
.symbol-bar-track i{display:block;height:100%;border-radius:999px}
.symbol-bar-track .positive-bar{background:#4ed8a8}
.symbol-bar-track .negative-bar{background:#ff6c7e}
.symbol-bar-row strong{text-align:right;font-size:11px}
.symbol-bar-row small{color:#8ca7c2;font-size:9px;text-align:right}
.symbol-empty{padding:30px 12px;color:#8ca6c0;text-align:center}
.symbol-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.symbol-detail-kpis>div{min-width:0;padding:9px;border:1px solid #29455f;border-radius:8px;background:#0d2135}
.symbol-detail-kpis span{display:block;color:#819fbd;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.symbol-detail-kpis strong{display:block;overflow:hidden;margin-top:5px;color:#edf5fc;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.symbol-insight{margin-top:9px;padding:10px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.17);color:#b9d7ca;font-size:11px;line-height:1.45}
.symbol-table-wrap{border:1px solid #29455f;border-radius:9px}
.symbol-table-row{cursor:pointer}
.symbol-table-row:hover,.symbol-table-row.selected{background:#102840}
.symbol-table td{white-space:nowrap}
.symbol-table td:first-child strong{display:block}
.symbol-table td:first-child small{display:block;margin-top:2px;color:#8ea8c2;font-size:8px}
.symbol-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.symbol-recommendation{padding:13px;border:1px solid #29455f;border-radius:10px;background:#0a1a2b}
.symbol-recommendation span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.symbol-recommendation strong{display:block;margin-top:7px;font-size:18px}
.symbol-recommendation small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.4}
.symbol-recommendation.increase{border-color:rgba(55,199,151,.42)}
.symbol-recommendation.increase strong,.symbol-recommendation.increase small{color:#4ed8a8}
.symbol-recommendation.reduce{border-color:rgba(255,103,122,.38)}
.symbol-recommendation.reduce strong,.symbol-recommendation.reduce small{color:#ff8090}
@media(max-width:1250px){
  .symbol-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .symbol-analytics-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .symbol-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .symbol-recommendation-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .symbol-heading{align-items:stretch;flex-direction:column}
  .symbol-heading-actions{align-items:stretch}
  .symbol-highlight-grid{grid-template-columns:1fr}
  .symbol-bar-row{grid-template-columns:1fr 1.3fr 85px}
  .symbol-bar-row small{display:none}
}
@media(max-width:560px){
  .symbol-heading-actions{flex-direction:column}
  .symbol-heading-actions label,.symbol-heading-actions select,.symbol-heading-actions button{width:100%}
  .symbol-detail-kpis{grid-template-columns:1fr}
  .symbol-bar-row{grid-template-columns:1fr 90px}
  .symbol-bar-track{grid-column:1/3}
}


/* SUPRLEN Milestone 7.4 — C8 Holding-Time Analytics */
.hold-analytics-section{display:flex;flex-direction:column;gap:14px}
.hold-heading{margin-bottom:0}
.hold-heading-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.hold-heading-actions label{display:flex;flex-direction:column;gap:5px;color:#9bb3cc;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.hold-heading-actions select{min-width:140px}

.hold-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hold-highlight{padding:13px;border:1px solid #2b4966;border-radius:10px;background:#091a2b}
.hold-highlight span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.hold-highlight strong{display:block;margin-top:7px;color:#f2f7fc;font-size:18px}
.hold-highlight small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.35;min-height:28px}
.hold-highlight.best{border-color:rgba(55,199,151,.48);background:rgba(22,95,75,.18)}
.hold-highlight.best small{color:#4ed8a8}
.hold-highlight.worst{border-color:rgba(255,103,122,.38);background:rgba(105,32,45,.16)}
.hold-highlight.worst small{color:#ff8090}

.hold-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hold-summary-card{padding:12px;border:1px solid #29455f;border-radius:9px;background:#0b1d30;cursor:pointer}
.hold-summary-card:hover{border-color:#4b7198;background:#102840}
.hold-summary-card span{display:block;color:#86a4c1;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.hold-summary-card strong{display:block;margin-top:7px;font-size:18px}
.hold-summary-card small{display:block;margin-top:4px;color:#8ca6c0;font-size:9px;line-height:1.35;min-height:26px}

.hold-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:10px}
.hold-panel{padding:13px;border:1px solid #294664;border-radius:10px;background:#0a1a2b}
.hold-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.hold-panel-heading h3{margin:0;font-size:15px}
.hold-panel-heading p{margin:3px 0 0;color:#88a4bf;font-size:10px}
.hold-panel-heading>span{color:#83a1bf;font-size:10px}

.hold-bars{display:flex;flex-direction:column;gap:5px}
.hold-bar-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.5fr) 95px 130px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e7f0f9;text-align:left}
.hold-bar-row:hover,.hold-bar-row.active{border-color:#3b6185;background:#10263d}
.hold-bar-name{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.hold-bar-track{display:block;height:9px;overflow:hidden;border-radius:999px;background:#172d43}
.hold-bar-track i{display:block;height:100%;border-radius:999px}
.hold-bar-track .positive-bar{background:#4ed8a8}
.hold-bar-track .negative-bar{background:#ff6c7e}
.hold-bar-row strong{text-align:right;font-size:11px}
.hold-bar-row small{color:#8ca7c2;font-size:9px;text-align:right}
.hold-empty{padding:30px 12px;color:#8ca6c0;text-align:center}

.hold-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hold-detail-kpis>div{min-width:0;padding:9px;border:1px solid #29455f;border-radius:8px;background:#0d2135}
.hold-detail-kpis span{display:block;color:#819fbd;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.hold-detail-kpis strong{display:block;overflow:hidden;margin-top:5px;color:#edf5fc;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.hold-insight{margin-top:9px;padding:10px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.17);color:#b9d7ca;font-size:11px;line-height:1.45}

.hold-table-wrap{border:1px solid #29455f;border-radius:9px}
.hold-table-row{cursor:pointer}
.hold-table-row:hover,.hold-table-row.selected{background:#102840}
.hold-table td{white-space:nowrap}
.hold-table td:first-child strong{display:block}
.hold-table td:first-child small{display:block;margin-top:2px;color:#8ea8c2;font-size:8px}

.hold-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hold-guidance{padding:13px;border:1px solid #29455f;border-radius:10px;background:#0a1a2b}
.hold-guidance span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.hold-guidance strong{display:block;margin-top:7px;font-size:18px}
.hold-guidance small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.4}
.hold-guidance.positive{border-color:rgba(55,199,151,.42)}
.hold-guidance.positive strong,.hold-guidance.positive small{color:#4ed8a8}
.hold-guidance.negative{border-color:rgba(255,103,122,.38)}
.hold-guidance.negative strong,.hold-guidance.negative small{color:#ff8090}

@media(max-width:1250px){
  .hold-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .hold-summary-grid{grid-template-columns:repeat(2,1fr)}
  .hold-analytics-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .hold-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hold-guidance-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .hold-heading{align-items:stretch;flex-direction:column}
  .hold-heading-actions{align-items:stretch}
  .hold-highlight-grid{grid-template-columns:1fr}
  .hold-bar-row{grid-template-columns:1fr 1.3fr 85px}
  .hold-bar-row small{display:none}
}
@media(max-width:560px){
  .hold-heading-actions{flex-direction:column}
  .hold-heading-actions label,.hold-heading-actions select,.hold-heading-actions button{width:100%}
  .hold-summary-grid{grid-template-columns:1fr}
  .hold-detail-kpis{grid-template-columns:1fr}
  .hold-bar-row{grid-template-columns:1fr 90px}
  .hold-bar-track{grid-column:1/3}
}


/* SUPRLEN Milestone 7.5 — C9 Options Analytics */
.option-analytics-section{display:flex;flex-direction:column;gap:14px}
.option-heading{margin-bottom:0}
.option-heading-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.option-heading-actions label{display:flex;flex-direction:column;gap:5px;color:#9bb3cc;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.option-heading-actions select{min-width:140px}
.option-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.option-highlight,.option-summary-card,.option-panel,.option-guidance{border:1px solid #29455f;border-radius:10px;background:#0a1a2b}
.option-highlight{padding:13px}
.option-highlight span,.option-summary-card span,.option-guidance span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.option-highlight strong,.option-summary-card strong,.option-guidance strong{display:block;margin-top:7px;font-size:18px}
.option-highlight small,.option-summary-card small,.option-guidance small{display:block;margin-top:5px;color:#8faac5;font-size:10px;line-height:1.35;min-height:26px}
.option-highlight.best,.option-guidance.positive{border-color:rgba(55,199,151,.45);background:rgba(22,95,75,.17)}
.option-highlight.best small,.option-guidance.positive strong,.option-guidance.positive small{color:#4ed8a8}
.option-highlight.worst,.option-guidance.negative{border-color:rgba(255,103,122,.38);background:rgba(105,32,45,.15)}
.option-highlight.worst small,.option-guidance.negative strong,.option-guidance.negative small{color:#ff8090}
.option-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.option-summary-card{padding:12px;cursor:pointer}
.option-summary-card:hover{border-color:#4b7198;background:#102840}
.option-data-note{padding:10px 12px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.16);color:#b9d7ca;font-size:11px}
.option-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:10px}
.option-panel{padding:13px}
.option-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.option-panel-heading h3{margin:0;font-size:15px}
.option-panel-heading p{margin:3px 0 0;color:#88a4bf;font-size:10px}
.option-bars{display:flex;flex-direction:column;gap:5px}
.option-bar-row{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(180px,1.5fr) 95px 130px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e7f0f9;text-align:left}
.option-bar-row:hover,.option-bar-row.active{border-color:#3b6185;background:#10263d}
.option-bar-name{font-size:11px;font-weight:850}
.option-bar-track{display:block;height:9px;overflow:hidden;border-radius:999px;background:#172d43}
.option-bar-track i{display:block;height:100%;border-radius:999px}
.option-bar-track .positive-bar{background:#4ed8a8}
.option-bar-track .negative-bar{background:#ff6c7e}
.option-bar-row strong,.option-bar-row small{text-align:right}
.option-bar-row small{color:#8ca7c2;font-size:9px}
.option-empty{padding:30px 12px;color:#8ca6c0;text-align:center}
.option-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.option-detail-kpis>div{min-width:0;padding:9px;border:1px solid #29455f;border-radius:8px;background:#0d2135}
.option-detail-kpis span{display:block;color:#819fbd;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.option-detail-kpis strong{display:block;overflow:hidden;margin-top:5px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.option-insight{margin-top:9px;padding:10px;border-left:3px solid #4ed8a8;border-radius:0 8px 8px 0;background:rgba(31,101,80,.17);color:#b9d7ca;font-size:11px}
.option-table-wrap{border:1px solid #29455f;border-radius:9px}
.option-table-row{cursor:pointer}
.option-table-row:hover,.option-table-row.selected{background:#102840}
.option-table td{white-space:nowrap}
.option-table td:first-child strong,.option-table td:first-child small{display:block}
.option-table td:first-child small{margin-top:2px;color:#8ea8c2;font-size:8px}
.option-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.option-guidance{padding:13px}
@media(max-width:1250px){
  .option-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .option-summary-grid{grid-template-columns:repeat(3,1fr)}
  .option-analytics-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .option-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .option-guidance-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .option-highlight-grid,.option-summary-grid{grid-template-columns:1fr}
  .option-detail-kpis{grid-template-columns:1fr}
  .option-bar-row{grid-template-columns:1fr 90px}
  .option-bar-track{grid-column:1/3}
  .option-bar-row small{display:none}
}


/* SUPRLEN Milestone 8.0 — User Management */
.suprlen-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid #355574;border-radius:14px;background:#12243a;color:#edf5fc;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.suprlen-dialog::backdrop{background:rgba(2,9,17,.78)}
.suprlen-dialog form,.suprlen-dialog>div,.suprlen-dialog>p,.suprlen-dialog>button{margin-left:18px;margin-right:18px}
.suprlen-dialog form{padding:18px}
.suprlen-dialog label{display:block;margin-top:12px;font-weight:800}
.suprlen-dialog input,.suprlen-dialog select{width:100%;margin-top:6px}
.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.dialog-header h2{margin:4px 0 0}
.temporary-password-display{margin-top:18px;padding:16px;border:1px dashed #4ed8a8;border-radius:10px;background:#091a2b;color:#4ed8a8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:850;word-break:break-all;text-align:center}
.admin-action-cell{display:flex;gap:6px;flex-wrap:wrap;min-width:275px}
.account-page{max-width:1250px}
.account-required-banner{align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid #d8a13d;border-radius:10px;background:rgba(131,82,21,.22);color:#ffd98c}
.account-required-banner span{color:#ebc986}
.account-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:14px}
.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.account-details>div{padding:13px;border:1px solid #29455f;border-radius:9px;background:#0b1d30}
.account-details span{display:block;color:#87a5c3;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.account-details strong{display:block;margin-top:6px;font-size:15px;overflow-wrap:anywhere}
@media(max-width:900px){
  .account-grid{grid-template-columns:1fr}
  .admin-action-cell{min-width:220px}
}
@media(max-width:560px){
  .account-details{grid-template-columns:1fr}
}

/* Milestone 8.1 single-trade screenshot */
.single-screenshot-grid{grid-template-columns:minmax(0,760px)}
.single-trade-screenshot{grid-template-columns:minmax(0,620px)}
.single-day-screenshot{grid-template-columns:minmax(0,620px)}

.storage-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}