/* Journal workspace: compact operations desk, built for the terminal palette. */
:root[data-sta-skin="terminal"] .journal-workspace {
  color: var(--ink);
}

:root[data-sta-skin="terminal"] .journal-workspace :is(h1, h2, h3) {
  color: var(--ink);
}

:root[data-sta-skin="terminal"] .journal-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}

:root[data-sta-skin="terminal"] .journal-hero h1 {
  margin: 10px 0 0;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.05;
  letter-spacing: -.055em;
}

:root[data-sta-skin="terminal"] .journal-hero-copy {
  max-width: 650px;
  margin: 13px 0 0;
  color: var(--ink-muted);
  font-size: 14px;
  line-height: 1.7;
}

:root[data-sta-skin="terminal"] .journal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
}

:root[data-sta-skin="terminal"] .journal-actions .btn,
:root[data-sta-skin="terminal"] .journal-actions .btn-secondary {
  min-height: 42px;
  white-space: nowrap;
}

:root[data-sta-skin="terminal"] .journal-text-link,
:root[data-sta-skin="terminal"] .journal-open-link {
  color: var(--data);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

:root[data-sta-skin="terminal"] .journal-text-link:hover,
:root[data-sta-skin="terminal"] .journal-open-link:hover {
  color: var(--seafoam-hover);
}

:root[data-sta-skin="terminal"] :is(.journal-bankrolls, .journal-first-bankroll, .journal-filter-zone, .journal-history) {
  margin-top: 26px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 9px;
}

:root[data-sta-skin="terminal"] .journal-bankrolls {
  overflow: hidden;
}

:root[data-sta-skin="terminal"] .journal-section-heading,
:root[data-sta-skin="terminal"] .journal-filter-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

:root[data-sta-skin="terminal"] .journal-section-heading {
  padding: 17px 20px;
}

:root[data-sta-skin="terminal"] .journal-section-heading h2,
:root[data-sta-skin="terminal"] .journal-filter-heading h2 {
  margin: 5px 0 0;
  font-size: 18px;
  letter-spacing: -.025em;
}

:root[data-sta-skin="terminal"] .journal-kicker {
  margin: 0;
  color: var(--data);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

:root[data-sta-skin="terminal"] .journal-bankroll-grid {
  border-top: 1px solid var(--line);
}

:root[data-sta-skin="terminal"] .journal-bankroll-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.25fr) auto repeat(3, minmax(105px, .72fr)) 18px;
  align-items: center;
  gap: 14px;
  min-height: 76px;
  padding: 13px 20px;
  color: var(--ink);
  text-decoration: none;
  border-top: 1px solid var(--line);
  transition: background-color .16s ease;
}

:root[data-sta-skin="terminal"] .journal-bankroll-row:first-child { border-top: 0; }
:root[data-sta-skin="terminal"] .journal-bankroll-row:hover { background: var(--surface-raised); }
:root[data-sta-skin="terminal"] .journal-bankroll-name { font-size: 14px; font-weight: 750; overflow-wrap: anywhere; }
:root[data-sta-skin="terminal"] .journal-bankroll-currency { color: var(--ink-muted); font-family: var(--font-mono); font-size: 11px; }
:root[data-sta-skin="terminal"] .journal-bankroll-row small { display: block; color: var(--ink-muted); font-size: 10px; line-height: 1.35; text-transform: uppercase; letter-spacing: .04em; }
:root[data-sta-skin="terminal"] .journal-bankroll-row strong { display: block; margin-top: 4px; color: var(--ink); font-family: var(--font-mono); font-size: 16px; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
:root[data-sta-skin="terminal"] .journal-bankroll-row strong.is-positive { color: var(--terminal-positive); }
:root[data-sta-skin="terminal"] .journal-bankroll-row strong.is-negative { color: var(--terminal-negative); }
:root[data-sta-skin="terminal"] .journal-row-arrow { color: var(--data); font-size: 18px; }

:root[data-sta-skin="terminal"] .journal-inline-details { position: relative; }
:root[data-sta-skin="terminal"] .journal-inline-details > summary,
:root[data-sta-skin="terminal"] .journal-advanced-filters > summary {
  color: var(--data);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

:root[data-sta-skin="terminal"] .journal-bankroll-create {
  position: absolute;
  z-index: 5;
  top: calc(100% + 12px);
  right: 0;
  display: grid;
  width: min(680px, calc(100vw - 64px));
  grid-template-columns: 1.25fr .78fr .78fr auto;
  align-items: end;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line-strong);
  border-top: 2px solid var(--data);
  background: var(--surface-raised);
  box-shadow: 0 16px 40px #00000033;
}

:root[data-sta-skin="terminal"] .journal-bankroll-create .field,
:root[data-sta-skin="terminal"] .journal-first-bankroll-form .field { margin-top: 5px; }

:root[data-sta-skin="terminal"] .journal-first-bankroll {
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(0, 1.4fr);
  gap: 28px;
  align-items: center;
  padding: 24px;
  border-top: 3px solid var(--data);
}

:root[data-sta-skin="terminal"] .journal-first-bankroll h2 { margin: 5px 0 0; font-size: 21px; }
:root[data-sta-skin="terminal"] .journal-first-bankroll p:not(.journal-kicker) { margin: 12px 0 0; color: var(--ink-muted); font-size: 13px; line-height: 1.65; }
:root[data-sta-skin="terminal"] .journal-first-bankroll-form { display: grid; grid-template-columns: 1.25fr .8fr .8fr auto; gap: 12px; align-items: end; }

:root[data-sta-skin="terminal"] .journal-filter-zone { padding: 20px; }
:root[data-sta-skin="terminal"] .journal-filter-primary { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(120px, .72fr)); gap: 12px; margin-top: 18px; }
:root[data-sta-skin="terminal"] .journal-filter-primary .field,
:root[data-sta-skin="terminal"] .journal-filter-advanced-grid .field { margin-top: 5px; }
:root[data-sta-skin="terminal"] .journal-filter-state,
:root[data-sta-skin="terminal"] .journal-count {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid var(--line-strong);
  border-radius: 5px;
  color: var(--ink-soft);
  background: var(--surface-raised);
  font-size: 11px;
  font-weight: 700;
}

:root[data-sta-skin="terminal"] .journal-filter-state { color: var(--data); border-color: #84603b; background: var(--terminal-accent-soft); }
:root[data-sta-skin="terminal"] .journal-advanced-filters { margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--line); }
:root[data-sta-skin="terminal"] .journal-filter-advanced-grid { display: grid; grid-template-columns: repeat(5, minmax(125px, 1fr)); gap: 12px; margin-top: 14px; }
:root[data-sta-skin="terminal"] .journal-filter-actions { display: flex; align-items: center; gap: 16px; margin-top: 18px; }
:root[data-sta-skin="terminal"] .journal-filter-actions .btn { min-height: 40px; }
:root[data-sta-skin="terminal"] .journal-filter-actions a { color: var(--ink-muted); font-size: 12px; font-weight: 700; text-decoration: none; }
:root[data-sta-skin="terminal"] .journal-filter-actions a:hover { color: var(--ink); }

:root[data-sta-skin="terminal"] .journal-history { overflow: hidden; scroll-margin-top: 92px; }
:root[data-sta-skin="terminal"] .journal-history .journal-section-heading { border-bottom: 1px solid var(--line); }
:root[data-sta-skin="terminal"] .journal-table-wrap { overflow-x: auto; }
:root[data-sta-skin="terminal"] .journal-table { width: 100%; min-width: 920px; border-collapse: collapse; font-size: 12px; }
:root[data-sta-skin="terminal"] .journal-table th { padding: 11px 14px; color: var(--ink-muted); background: var(--surface-raised); border-bottom: 1px solid var(--line); font-size: 10px; font-weight: 800; letter-spacing: .055em; text-align: left; text-transform: uppercase; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-table td { padding: 13px 14px; color: var(--ink-soft); border-bottom: 1px solid var(--line); vertical-align: middle; }
:root[data-sta-skin="terminal"] .journal-table tbody tr:last-child td { border-bottom: 0; }
:root[data-sta-skin="terminal"] .journal-table tbody tr:hover { background: #ffffff05; }
:root[data-sta-skin="terminal"] .journal-table td small { display: block; margin-top: 4px; color: var(--ink-muted); font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; }
:root[data-sta-skin="terminal"] .journal-table time { color: var(--ink-soft); font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-operation-cell { min-width: 200px; }
:root[data-sta-skin="terminal"] .journal-operation-cell > a { color: var(--ink); font-size: 13px; font-weight: 750; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }
:root[data-sta-skin="terminal"] .journal-operation-cell > a:hover { color: var(--data); }
:root[data-sta-skin="terminal"] .journal-market { display: block; color: var(--ink-soft); font-weight: 650; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-entry-cell { color: var(--ink-soft); font-family: var(--font-mono); white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-number { text-align: right !important; }
:root[data-sta-skin="terminal"] .journal-money { color: var(--ink); font-family: var(--font-mono); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-money.is-positive { color: var(--terminal-positive); }
:root[data-sta-skin="terminal"] .journal-money.is-negative { color: var(--terminal-negative); }
:root[data-sta-skin="terminal"] .journal-money.is-open { color: var(--amber); }
:root[data-sta-skin="terminal"] .journal-status { display: inline-flex; min-width: 60px; justify-content: center; padding: 4px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink-soft); background: var(--surface-raised); font-size: 10px; font-weight: 800; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-status.is-positive { color: var(--terminal-positive); background: var(--terminal-positive-bg); border-color: #536343; }
:root[data-sta-skin="terminal"] .journal-status.is-negative { color: var(--terminal-negative); background: var(--terminal-negative-bg); border-color: #805b4c; }
:root[data-sta-skin="terminal"] .journal-status.is-open { color: var(--amber); background: var(--terminal-warning-bg); border-color: #625439; }
:root[data-sta-skin="terminal"] .journal-open-cell { text-align: right; white-space: nowrap; }
:root[data-sta-skin="terminal"] .journal-table-empty { padding: 42px 20px !important; text-align: center; }
:root[data-sta-skin="terminal"] .journal-table-empty strong { display: block; color: var(--ink); font-size: 15px; }
:root[data-sta-skin="terminal"] .journal-table-empty span { display: block; margin-top: 8px; color: var(--ink-muted); }
:root[data-sta-skin="terminal"] .journal-pagination { padding: 18px 20px; border-top: 1px solid var(--line); }

/* Forms and detail screens use the same grouped, low-noise treatment. */
:root[data-sta-skin="terminal"] .journal-form-page .card,
:root[data-sta-skin="terminal"] .journal-detail-page .card,
:root[data-sta-skin="terminal"] .journal-performance-page .card {
  border-radius: 8px;
}

:root[data-sta-skin="terminal"] .journal-form-page .card > h2,
:root[data-sta-skin="terminal"] .journal-detail-page .card > h2,
:root[data-sta-skin="terminal"] .journal-performance-page .card > h2 { letter-spacing: -.025em; }

:root[data-sta-skin="terminal"] .journal-detail-page > :is(.mt-6, .mt-7, .mt-8) { margin-top: 20px; }
:root[data-sta-skin="terminal"] .journal-detail-page .card { border-top-color: var(--line-strong); }
:root[data-sta-skin="terminal"] .journal-performance-page [data-performance-chart] { border-top: 2px solid var(--data); }

@media (max-width: 1180px) {
  :root[data-sta-skin="terminal"] .journal-filter-primary { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  :root[data-sta-skin="terminal"] .journal-filter-advanced-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  :root[data-sta-skin="terminal"] .journal-bankroll-row { grid-template-columns: minmax(150px, 1fr) auto repeat(3, minmax(105px, .72fr)) 18px; }
}

@media (max-width: 800px) {
  :root[data-sta-skin="terminal"] .journal-hero { align-items: flex-start; flex-direction: column; }
  :root[data-sta-skin="terminal"] .journal-actions { justify-content: flex-start; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row { grid-template-columns: minmax(135px, 1.2fr) auto repeat(2, minmax(100px, .8fr)) 18px; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row > span:nth-of-type(5) { display: none; }
  :root[data-sta-skin="terminal"] .journal-first-bankroll { grid-template-columns: 1fr; }
  :root[data-sta-skin="terminal"] .journal-first-bankroll-form,
  :root[data-sta-skin="terminal"] .journal-bankroll-create { grid-template-columns: 1fr 1fr; }
  :root[data-sta-skin="terminal"] .journal-bankroll-create .btn,
  :root[data-sta-skin="terminal"] .journal-first-bankroll-form .btn { grid-column: 1 / -1; }
  :root[data-sta-skin="terminal"] .journal-filter-primary,
  :root[data-sta-skin="terminal"] .journal-filter-advanced-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  :root[data-sta-skin="terminal"] .journal-section-heading,
  :root[data-sta-skin="terminal"] .journal-filter-heading { align-items: flex-start; }
  :root[data-sta-skin="terminal"] .journal-section-heading { padding: 16px; }
  :root[data-sta-skin="terminal"] .journal-inline-details { margin-left: auto; }
  :root[data-sta-skin="terminal"] .journal-bankroll-create { right: -8px; width: calc(100vw - 42px); grid-template-columns: 1fr; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row { grid-template-columns: 1fr auto 18px; gap: 10px; min-height: 0; padding: 14px 16px; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row > span:nth-of-type(n+3):not(.journal-row-arrow) { grid-row: 2; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row > span:nth-of-type(5) { display: none; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row > span:nth-of-type(3) { grid-column: 1; }
  :root[data-sta-skin="terminal"] .journal-bankroll-row > span:nth-of-type(4) { grid-column: 2; }
  :root[data-sta-skin="terminal"] .journal-row-arrow { grid-column: 3; grid-row: 1 / span 2; }
  :root[data-sta-skin="terminal"] .journal-filter-zone { padding: 16px; }
  :root[data-sta-skin="terminal"] .journal-filter-primary,
  :root[data-sta-skin="terminal"] .journal-filter-advanced-grid,
  :root[data-sta-skin="terminal"] .journal-first-bankroll-form { grid-template-columns: 1fr; }
  :root[data-sta-skin="terminal"] .journal-history { border-left: 0; border-right: 0; border-radius: 0; margin-left: -20px; margin-right: -20px; }
  :root[data-sta-skin="terminal"] .journal-table { min-width: 0; }
  :root[data-sta-skin="terminal"] .journal-table thead { display: none; }
  :root[data-sta-skin="terminal"] .journal-table,
  :root[data-sta-skin="terminal"] .journal-table tbody,
  :root[data-sta-skin="terminal"] .journal-table tr,
  :root[data-sta-skin="terminal"] .journal-table td { display: block; width: 100%; }
  :root[data-sta-skin="terminal"] .journal-table tr { position: relative; padding: 14px 16px; border-bottom: 1px solid var(--line); }
  :root[data-sta-skin="terminal"] .journal-table tbody tr:last-child { border-bottom: 0; }
  :root[data-sta-skin="terminal"] .journal-table td { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 5px 0; border: 0; text-align: right !important; }
  :root[data-sta-skin="terminal"] .journal-table td::before { content: attr(data-label); flex: 0 0 auto; color: var(--ink-muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
  :root[data-sta-skin="terminal"] .journal-table td small { margin-top: 0; text-align: right; }
  :root[data-sta-skin="terminal"] .journal-operation-cell { display: block !important; padding-top: 0 !important; text-align: left !important; }
  :root[data-sta-skin="terminal"] .journal-operation-cell::before { display: none; }
  :root[data-sta-skin="terminal"] .journal-operation-cell > a { display: block; font-size: 14px; }
  :root[data-sta-skin="terminal"] .journal-operation-cell > small { text-align: left; }
  :root[data-sta-skin="terminal"] .journal-open-cell { display: block !important; margin-top: 5px; text-align: left !important; }
  :root[data-sta-skin="terminal"] .journal-open-cell::before { display: none; }
  :root[data-sta-skin="terminal"] .journal-table-empty { display: block !important; padding: 36px 16px !important; }
  :root[data-sta-skin="terminal"] .journal-table-empty::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-sta-skin="terminal"] .journal-bankroll-row { transition: none; }
}