/* ═══════════════════════════════════════════════════════════════════════════
   WANDERLIGHT INC — MASTER TERMINAL
   The gateway to every division.
   ═══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --gold: #C9A84C;
  --gold-dim: rgba(201, 168, 76, 0.15);
  --gold-glow: rgba(201, 168, 76, 0.08);
  --silver: #B8C4D0;
  --silver-dim: rgba(184, 196, 208, 0.15);
  --silver-glow: rgba(184, 196, 208, 0.08);
  --bg: #0A0A0F;
  --bg-portal-press: #0D3B38;
  --bg-portal-studios: #080810;
  --text: #E8E4DC;
  --text-dim: rgba(232, 228, 220, 0.5);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'EB Garamond', Georgia, serif;
  background: var(--bg);
  color: var(--text);
  width: 100vw;
  min-height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 40px 0 120px;
}

/* ── Background ───────────────────────────────────────────────────────── */

.terminal-bg {
  position: fixed;
  inset: 0;
  background-image: url('assets/terminal-bg.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.4;
  z-index: 0;
}

.terminal-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(10,10,15,0.3) 0%, rgba(10,10,15,0.85) 70%, rgba(10,10,15,1) 100%);
}

/* ── Particle Canvas ──────────────────────────────────────────────────── */

#particles {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* ── Header ───────────────────────────────────────────────────────────── */

.terminal-header {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-bottom: 60px;
}

.terminal-header__mark {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5em;
  color: var(--gold);
  text-transform: uppercase;
}

.terminal-header__mark::before { content: '✦  '; opacity: 0.6; }
.terminal-header__mark::after { content: '  ✦'; opacity: 0.6; }

.terminal-header__rule {
  width: 120px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--gold), transparent);
  margin: 14px auto;
  opacity: 0.4;
}

.terminal-header__tagline {
  font-size: 9px;
  letter-spacing: 0.4em;
  color: var(--gold);
  opacity: 0.5;
  text-transform: uppercase;
  font-style: italic;
}

/* ── Portals Container ────────────────────────────────────────────────── */

.portals {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: center;
}

/* ── Individual Portal ────────────────────────────────────────────────── */

.portal {
  width: 380px;
  height: 540px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 400ms ease, box-shadow 400ms ease;
  border: 1px solid rgba(201, 168, 76, 0.12);
}

.portal:hover {
  transform: scale(1.02);
}

.portal--press { background: var(--bg-portal-press); }
.portal--press:hover { box-shadow: 0 0 60px rgba(201, 168, 76, 0.12), 0 20px 60px rgba(0,0,0,0.5); }

.portal--studios { background: var(--bg-portal-studios); border-color: rgba(184, 196, 208, 0.12); }
.portal--studios:hover { box-shadow: 0 0 60px rgba(184, 196, 208, 0.10), 0 20px 60px rgba(0,0,0,0.5); }

.portal--wanderer { background: #0D0D1A; border-color: rgba(106, 76, 147, 0.15); }
.portal--wanderer:hover { box-shadow: 0 0 60px rgba(106, 76, 147, 0.10), 0 20px 60px rgba(0,0,0,0.5); }

.portal--latenight { background: #1A0D00; border-color: rgba(244, 162, 97, 0.15); }
.portal--latenight:hover { box-shadow: 0 0 60px rgba(244, 162, 97, 0.10), 0 20px 60px rgba(0,0,0,0.5); }

.portal--turing { background: #0A1A14; border-color: rgba(42, 157, 143, 0.15); }
.portal--turing:hover { box-shadow: 0 0 60px rgba(42, 157, 143, 0.10), 0 20px 60px rgba(0,0,0,0.5); }

.portal__content--purple { color: #9B7CC9; }
.portal__content--amber { color: #F4A261; }
.portal__content--teal { color: #5CC9B5; }

.portal__enter--purple { color: #9B7CC9; border-color: #9B7CC9; }
.portal__enter--purple:hover { background: #9B7CC9; color: #0A0A0F; }
.portal__enter--amber { color: #F4A261; border-color: #F4A261; }
.portal__enter--amber:hover { background: #F4A261; color: #0A0A0F; }
.portal__enter--teal { color: #5CC9B5; border-color: #5CC9B5; }
.portal__enter--teal:hover { background: #5CC9B5; color: #0A0A0F; }

.portal__rule--purple { background: linear-gradient(to right, transparent, #9B7CC9, transparent); }
.portal__rule--amber { background: linear-gradient(to right, transparent, #F4A261, transparent); }
.portal__rule--teal { background: linear-gradient(to right, transparent, #5CC9B5, transparent); }

.portal__badge { position: absolute; top: 12px; right: 12px; font-size: 8px; letter-spacing: 0.2em; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; z-index: 3; }
.portal__badge--soon { background: rgba(201, 168, 76, 0.2); color: var(--gold); border: 1px solid rgba(201, 168, 76, 0.3); }

/* ── Secondary portals row ────────────────────────────────────────── */
.portals-secondary { position: relative; z-index: 10; display: flex; gap: 30px; align-items: center; justify-content: center; margin-top: 30px; }
.portal--small { width: 240px; height: 340px; }

/* ── Portal Background Image ─────────────────────────────────────────── */

.portal__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.7;
  transition: opacity 400ms ease;
}

.portal:hover .portal__bg { opacity: 0.85; }

/* ── Portal Gradient Overlay ──────────────────────────────────────────── */

.portal__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    rgba(13, 59, 56, 0.1) 0%,
    rgba(13, 59, 56, 0.3) 30%,
    rgba(13, 59, 56, 0.85) 65%,
    rgba(13, 59, 56, 0.95) 100%
  );
  z-index: 1;
}

.portal__gradient--silver {
  background: linear-gradient(to bottom,
    rgba(8, 8, 16, 0.1) 0%,
    rgba(8, 8, 16, 0.3) 30%,
    rgba(8, 8, 16, 0.85) 65%,
    rgba(8, 8, 16, 0.95) 100%
  );
}

/* ── Portal Content ───────────────────────────────────────────────────── */

.portal__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px;
  z-index: 2;
  text-align: center;
  color: var(--gold);
}

.portal__content--silver { color: var(--silver); }

.portal__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  opacity: 0.8;
  filter: drop-shadow(0 0 12px currentColor);
  animation: breathe 4s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% { opacity: 0.7; filter: drop-shadow(0 0 8px currentColor); }
  50% { opacity: 0.9; filter: drop-shadow(0 0 16px currentColor); }
}

.portal__compass, .portal__film {
  width: 100%;
  height: 100%;
  color: inherit;
}

.portal__title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.portal__subtitle {
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 16px;
}

.portal__rule {
  width: 60px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--gold), transparent);
  margin: 0 auto 14px;
  opacity: 0.4;
}

.portal__rule--silver {
  background: linear-gradient(to right, transparent, var(--silver), transparent);
}

.portal__stats {
  font-size: 10px;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin-bottom: 24px;
  min-height: 14px;
}

/* ── Portal Enter Button ──────────────────────────────────────────────── */

.portal__enter {
  display: inline-block;
  font-family: 'EB Garamond', serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  background: transparent;
  border: 1px solid var(--gold);
  padding: 12px 32px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 300ms ease;
}

.portal__enter:hover {
  background: var(--gold);
  color: #0A0A0F;
}

.portal__enter--silver {
  color: var(--silver);
  border-color: var(--silver);
}

.portal__enter--silver:hover {
  background: var(--silver);
  color: #0A0A0F;
}

.portal__arrow {
  display: inline-block;
  transition: transform 300ms ease;
}

.portal:hover .portal__arrow { transform: translateX(4px); }

/* ── Portal Glow ──────────────────────────────────────────────────────── */

.portal__glow {
  position: absolute;
  inset: -2px;
  border-radius: 8px;
  z-index: 0;
  opacity: 0;
  transition: opacity 400ms ease;
  pointer-events: none;
}

.portal__glow--gold { box-shadow: 0 0 30px var(--gold-glow), inset 0 0 30px var(--gold-glow); }
.portal__glow--silver { box-shadow: 0 0 30px var(--silver-glow), inset 0 0 30px var(--silver-glow); }

.portal:hover .portal__glow { opacity: 1; }

/* ── Cost Panel ───────────────────────────────────────────────────────── */

.cost-panel {
  position: relative;
  z-index: 10;
  width: 760px;
  max-width: 95vw;
  margin: 40px auto 0;
  background: rgba(15, 15, 20, 0.85);
  border: 1px solid rgba(201, 168, 76, 0.15);
  border-radius: 6px;
  padding: 20px 24px;
  backdrop-filter: blur(8px);
}

.cost-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.cost-panel__title {
  font-size: 9px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--gold);
  opacity: 0.7;
}

.cost-panel__total {
  font-size: 14px;
  color: var(--gold);
  font-weight: 600;
}

.cost-panel__bar-wrap {
  width: 100%;
  height: 6px;
  background: rgba(201, 168, 76, 0.1);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 6px;
}

.cost-panel__bar {
  height: 100%;
  background: #2ECC71;
  border-radius: 3px;
  transition: width 600ms ease, background 400ms ease;
}

.cost-panel__pct {
  font-size: 10px;
  color: var(--text-dim);
  text-align: right;
  margin-bottom: 16px;
}

.cost-panel__alert {
  background: rgba(231, 76, 60, 0.15);
  border: 1px solid rgba(231, 76, 60, 0.3);
  color: #E74C3C;
  font-size: 11px;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
  text-align: center;
}

.cost-panel__columns {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}

.cost-panel__col {
  flex: 1;
}

.cost-panel__col-title {
  font-size: 9px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  opacity: 0.5;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.1);
}

.cost-row {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--text);
  padding: 3px 0;
  opacity: 0.7;
}

.cost-panel__feed-title {
  font-size: 9px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  opacity: 0.5;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(201, 168, 76, 0.1);
}

.cost-panel__feed {
  max-height: 120px;
  overflow-y: auto;
}

.feed-row {
  display: flex;
  gap: 12px;
  font-size: 10px;
  color: var(--text);
  opacity: 0.6;
  padding: 2px 0;
  font-family: monospace;
}

.feed-time { color: var(--gold); opacity: 0.7; min-width: 55px; }
.feed-div { min-width: 60px; }
.feed-agent { min-width: 80px; }
.feed-api { min-width: 60px; color: var(--silver); }
.feed-cost { min-width: 60px; text-align: right; color: var(--gold); }

@media (max-width: 900px) {
  .cost-panel { margin-top: 20px; }
  .cost-panel__columns { flex-direction: column; gap: 12px; }
  body { overflow-y: auto; }
}

/* ── Footer ───────────────────────────────────────────────────────────── */

.terminal-footer {
  position: relative;
  margin-top: 40px;
  text-align: center;
  z-index: 10;
  font-size: 9px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  opacity: 0.25;
  line-height: 1.8;
}

/* ── Transition Overlay ───────────────────────────────────────────────── */

.transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: opacity 600ms ease;
}

.transition-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.transition-overlay.press { background: var(--bg-portal-press); }
.transition-overlay.studios { background: var(--bg-portal-studios); }

/* ── Responsive ───────────────────────────────────────────────────────── */

@media (max-width: 900px) {
  .portals {
    flex-direction: column;
    gap: 30px;
  }
  .portal {
    width: 320px;
    height: 460px;
  }
  .terminal-header { margin-bottom: 30px; }
  body { overflow-y: auto; height: auto; min-height: 100vh; padding: 40px 0; }
}

@media (max-width: 400px) {
  .portal {
    width: 90vw;
    height: 420px;
  }
}

/* ── Terminal Navigation ─────────────────────────────────────────────── */

.terminal-nav {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 30px;
}

.terminal-nav__btn {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  background: transparent;
  color: var(--text-dim);
  border: 1px solid rgba(201,168,76,0.15);
  padding: 10px 28px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.terminal-nav__btn:hover {
  color: var(--gold);
  border-color: rgba(201,168,76,0.4);
}

.terminal-nav__btn.active {
  color: var(--gold);
  border-color: var(--gold);
  background: rgba(201,168,76,0.08);
}

.terminal-nav__badge {
  background: #E74C3C;
  color: white;
  font-family: system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 2px 7px;
  border-radius: 10px;
  margin-left: 8px;
  vertical-align: middle;
}

/* ── Review View ─────────────────────────────────────────────────────── */

.review-view {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
}

.review-header {
  text-align: center;
  margin-bottom: 30px;
}

.review-header__title {
  font-family: 'EB Garamond', serif;
  font-size: 28px;
  letter-spacing: 6px;
  color: var(--gold);
}

.review-header__subtitle {
  font-size: 14px;
  color: var(--text-dim);
  margin-top: 6px;
}

.review-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-bottom: 30px;
}

.review-filter {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  background: rgba(255,255,255,0.04);
  color: var(--text-dim);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}

.review-filter:hover {
  background: rgba(201,168,76,0.1);
  color: var(--text);
}

.review-filter.active {
  background: rgba(201,168,76,0.15);
  color: var(--gold);
  border-color: rgba(201,168,76,0.4);
}

.review-filter-divider {
  width: 1px;
  background: rgba(255,255,255,0.1);
  margin: 0 4px;
}

.review-section {
  margin-bottom: 40px;
}

.review-section__title {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  letter-spacing: 3px;
  color: var(--text-dim);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.review-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.review-empty {
  text-align: center;
  color: var(--text-dim);
  padding: 40px;
  font-style: italic;
}

/* ── Review Card ─────────────────────────────────────────────────────── */

.review-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 20px;
  transition: border-color 0.2s;
}

.review-card:hover {
  border-color: rgba(201,168,76,0.2);
}

.review-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.review-card__type {
  font-family: system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 3px;
  color: white;
}

.review-card__type--video { background: #2C4A7C; }
.review-card__type--image { background: #8B6B1A; }
.review-card__type--script { background: #2D5A3D; }
.review-card__type--chapter { background: #5A2D82; }
.review-card__type--audio { background: #1A6B6B; }
.review-card__type--cover { background: #7B3A5A; }
.review-card__type--document { background: #4A4A4A; }

.review-card__division {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  color: var(--text-dim);
}

.review-card__agent {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  color: var(--gold);
}

.review-card__title {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  color: var(--text);
  margin-bottom: 4px;
}

.review-card__desc {
  font-size: 14px;
  color: var(--text-dim);
  margin-bottom: 12px;
}

.review-card__time {
  font-family: system-ui, sans-serif;
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  margin-bottom: 12px;
}

.review-card__preview {
  margin: 12px 0;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(0,0,0,0.3);
}

.review-card__preview video {
  width: 100%;
  max-height: 400px;
  display: block;
}

.review-card__preview img {
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  cursor: pointer;
  display: block;
}

.review-card__preview audio {
  width: 100%;
  display: block;
  padding: 12px;
}

.review-card__preview pre {
  padding: 16px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  color: var(--text);
  max-height: 400px;
  overflow-y: auto;
  white-space: pre-wrap;
  line-height: 1.6;
}

.review-card__notes {
  margin: 12px 0;
}

.review-card__notes textarea {
  width: 100%;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 4px;
  color: var(--text);
  font-family: system-ui, sans-serif;
  font-size: 13px;
  padding: 10px;
  resize: vertical;
  min-height: 50px;
}

.review-card__actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.review-btn {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}

.review-btn--approve {
  background: #27AE60;
  color: white;
}

.review-btn--approve:hover { background: #2ECC71; }

.review-btn--changes {
  background: #F39C12;
  color: white;
}

.review-btn--changes:hover { background: #F1C40F; color: #333; }

.review-btn--reject {
  background: #E74C3C;
  color: white;
}

.review-btn--reject:hover { background: #C0392B; }

/* ── Decided card state ────────────────────────────────────────────── */

.review-card--decided {
  opacity: 0.6;
}

.review-card__decision {
  font-family: system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 8px;
}

.review-card__decision--approved { background: rgba(39,174,96,0.2); color: #2ECC71; }
.review-card__decision--changes-requested { background: rgba(243,156,18,0.2); color: #F39C12; }
.review-card__decision--rejected { background: rgba(231,76,60,0.2); color: #E74C3C; }

.review-card__decision-notes {
  font-size: 13px;
  color: var(--text-dim);
  margin-top: 6px;
  font-style: italic;
}

/* ── Lightbox ────────────────────────────────────────────────────────── */

.review-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.review-lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
}

.review-lightbox__close {
  position: fixed;
  top: 20px;
  right: 30px;
  font-size: 36px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001;
}

/* ── Pipeline Badges ─────────────────────────────────────────────────── */

.portal__pipeline-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-top: 8px;
}

.portal-badge {
  font-family: system-ui, sans-serif;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
}
.portal-badge--review { background: rgba(255,160,0,0.2); color: #FFA000; }
.portal-badge--active { background: rgba(41,98,255,0.15); color: #64B5F6; }
.portal-badge--snooze { background: rgba(120,120,120,0.2); color: #9E9E9E; }
.portal-badge--production { background: rgba(41,98,255,0.15); color: #64B5F6; }

/* ── Pace Controls ───────────────────────────────────────────────────── */

.portal__pace {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 10px;
}

.pace-label {
  font-family: system-ui, sans-serif;
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--text-dim);
  margin-right: 4px;
}

.pace-btn {
  font-family: system-ui, sans-serif;
  font-size: 10px;
  padding: 3px 10px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--text-dim);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.pace-btn:hover { border-color: rgba(201,168,76,0.3); color: var(--text); }
.pace-btn.active { background: rgba(201,168,76,0.12); border-color: rgba(201,168,76,0.4); color: var(--gold); }

/* ── Sweep Widget ────────────────────────────────────────────────────── */

.sweep-widget {
  position: relative;
  z-index: 2;
  max-width: 400px;
  margin: 20px auto;
  background: rgba(100, 181, 246, 0.04);
  border: 1px solid rgba(100, 181, 246, 0.15);
  border-radius: 8px;
  padding: 16px 20px;
}

.sweep-widget__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.sweep-widget__icon { font-size: 16px; }

.sweep-widget__title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #64B5F6;
}

.sweep-widget__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}

.sweep-widget__row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--text-dim);
}
.sweep-widget__row span:last-child { color: var(--text); }

.sweep-widget__btn {
  width: 100%;
  padding: 7px;
  background: rgba(100, 181, 246, 0.08);
  border: 1px solid rgba(100, 181, 246, 0.2);
  color: #64B5F6;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.sweep-widget__btn:hover { background: rgba(100, 181, 246, 0.15); }
.sweep-widget__btn:disabled { opacity: 0.5; cursor: not-allowed; }