:root {
  --invest-bg: #07101d;
  --invest-panel: rgba(10, 23, 42, .96);
  --invest-panel-2: rgba(15, 33, 58, .90);
  --invest-line: rgba(148, 163, 184, .22);
  --invest-text: #edf6ff;
  --invest-muted: #9fb1c7;
  --invest-soft: #d9e8ff;
  --invest-green: #20d58b;
  --invest-red: #ff5c7a;
  --invest-yellow: #f7c948;
  --invest-blue: #57b7ff;
  --invest-chart-line: #7dd3fc;
  --invest-radius: 22px;
  --invest-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}
body {
  background: radial-gradient(circle at 12% -10%, rgba(37, 99, 235, .26), transparent 36rem), radial-gradient(circle at 95% 0%, rgba(20, 184, 166, .15), transparent 28rem), var(--invest-bg);
}
.invest-shell { width: min(1420px, calc(100% - 28px)); margin: 18px auto 60px; color: var(--invest-text); }
.invest-hero { position: relative; display: block; padding: clamp(22px,4vw,46px); border: 1px solid var(--invest-line); border-radius: 32px; overflow: hidden; background: linear-gradient(135deg, rgba(6,20,39,.98), rgba(13,38,66,.92)); box-shadow: var(--invest-shadow); }
.invest-hero:after { content:""; position:absolute; inset:auto -10% -35% 25%; height:270px; background: linear-gradient(90deg, rgba(32,213,139,.08), rgba(87,183,255,.22)); filter: blur(30px); transform: rotate(-4deg); pointer-events:none; }
.invest-hero-copy { position: relative; z-index: 1; }
.invest-kicker { display:inline-flex; width:fit-content; padding:8px 12px; border:1px solid rgba(87,183,255,.28); border-radius:999px; background:rgba(87,183,255,.10); color:#bde3ff; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.invest-hero h1 { margin:14px 0 8px; color:#fff; font-size:clamp(34px,5.5vw,76px); line-height:.94; letter-spacing:-.055em; }
.invest-hero p { max-width:820px; margin:0; color:var(--invest-soft); font-size:clamp(16px,2vw,21px); line-height:1.55; }
/* Status discreto do painel: informação técnica sem competir com o conteúdo. */
.invest-status-strip { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; margin:10px 0 18px; padding:9px 12px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:rgba(8,18,33,.58); color:var(--invest-muted); font-size:12px; line-height:1.25; backdrop-filter:blur(12px); }
.invest-status-title { color:#dbeafe; font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:11px; margin-right:2px; }
.invest-status-chip, .invest-status-time { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 9px; border:1px solid rgba(148,163,184,.13); border-radius:999px; background:rgba(255,255,255,.025); white-space:nowrap; }
.invest-status-chip i { display:block; width:7px; height:7px; border-radius:50%; background:rgba(159,177,199,.85); box-shadow:0 0 0 3px rgba(159,177,199,.08); }
.invest-status-chip strong, .invest-status-time strong { color:#eaf4ff; font-weight:900; text-transform:none; letter-spacing:0; }
.invest-status-chip.ok i { background:var(--invest-green); box-shadow:0 0 0 3px rgba(32,213,139,.10); }
.invest-status-chip.warn i { background:#7dd3fc; box-shadow:0 0 0 3px rgba(125,211,252,.10); }
.invest-status-chip.bad i { background:var(--invest-red); box-shadow:0 0 0 3px rgba(255,92,122,.11); }
.invest-status-chip.ok strong { color:#c7ffe8; }
.invest-status-chip.warn strong { color:#dff6ff; }
.invest-status-chip.bad strong { color:#ffd3dc; }
.invest-card small { color:var(--invest-muted); }
.invest-tabs { position: sticky; top:0; z-index:15; display:flex; gap:10px; margin:18px 0; padding:10px; border:1px solid var(--invest-line); border-radius:22px; background:rgba(6,15,28,.88); backdrop-filter: blur(16px); overflow-x:auto; box-shadow:0 12px 38px rgba(0,0,0,.24); }
.invest-tabs a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid rgba(148,163,184,.18); border-radius:16px; color:var(--invest-soft); text-decoration:none; font-weight:900; background:rgba(15,31,54,.66); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.invest-tabs a:hover, .invest-tabs a.active { transform:translateY(-1px); border-color:rgba(87,183,255,.48); background:linear-gradient(135deg, rgba(87,183,255,.28), rgba(32,213,139,.13)); color:#fff; }
.invest-command-bar { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:18px; padding:14px 16px; border:1px solid var(--invest-line); border-radius:20px; background:rgba(8,18,33,.75); }
.invest-command-title strong { display:block; color:#fff; font-size:18px; }
.invest-command-title span { color:var(--invest-muted); font-size:13px; }
.invest-command-actions { display:flex; align-items:end; gap:10px; flex-wrap:wrap; }
.invest-search-wrap { display:flex; flex-direction:column; gap:5px; min-width:min(420px, 42vw); color:var(--invest-muted); font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.invest-search-wrap input { min-height:42px; border:1px solid rgba(148,163,184,.24); border-radius:14px; background:rgba(3,10,22,.86); color:#fff; padding:0 13px; outline:none; }
.invest-search-wrap input:focus { border-color: rgba(87,183,255,.62); box-shadow:0 0 0 3px rgba(87,183,255,.12); }
.invest-action { min-height:42px; padding:0 16px; border:1px solid rgba(87,183,255,.34); border-radius:14px; color:#eaf6ff; background:rgba(87,183,255,.14); font-weight:900; cursor:pointer; }
.invest-ws-pill { min-height:42px; display:inline-flex; align-items:center; padding:0 13px; border:1px solid rgba(255,92,122,.28); border-radius:14px; background:rgba(255,92,122,.10); color:#ffd3dc; font-size:12px; font-weight:900; text-transform:uppercase; }
.invest-ws-pill.online { border-color:rgba(32,213,139,.32); background:rgba(32,213,139,.11); color:#b8ffe2; }
.invest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.invest-kpis { margin-bottom:18px; }
.invest-card, .invest-panel { border:1px solid var(--invest-line); border-radius:var(--invest-radius); background:linear-gradient(180deg, var(--invest-panel), rgba(8,18,33,.91)); box-shadow:0 14px 40px rgba(0,0,0,.24); }
.invest-card { min-height:132px; padding:18px; overflow:hidden; }
.invest-card strong { display:block; margin:10px 0 6px; color:#fff; font-size:clamp(22px,3vw,34px); line-height:1; letter-spacing:-.04em; }
.invest-card.positive { border-color:rgba(32,213,139,.30); } .invest-card.negative { border-color:rgba(255,92,122,.30); }
.invest-workspace { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:18px; align-items:start; }
.invest-main, .invest-side { display:grid; gap:18px; min-width:0; }
.invest-panel { overflow:hidden; }
.invest-panel > header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:18px; border-bottom:1px solid var(--invest-line); background:rgba(255,255,255,.02); }
.invest-panel h2 { margin:0 0 5px; color:#fff; font-size:20px; letter-spacing:-.02em; }
.invest-panel p { margin:0; color:var(--invest-muted); font-size:13px; line-height:1.45; }
.invest-panel header > span { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(87,183,255,.25); border-radius:999px; color:#bde3ff; background:rgba(87,183,255,.08); font-size:11px; font-weight:900; text-transform:uppercase; }
.invest-warning { margin:0 0 14px; padding:13px 14px; border:1px solid rgba(247,201,72,.28); border-radius:16px; background:rgba(247,201,72,.08); color:#ffe8a4; font-weight:700; line-height:1.45; }
.invest-warning.fatal { border-color:rgba(255,92,122,.35); background:rgba(255,92,122,.10); color:#ffd6de; }
.invest-table-wrap { width:100%; overflow:auto; }
.invest-table { width:100%; border-collapse:collapse; min-width:820px; }
.invest-table th, .invest-table td { padding:13px 14px; border-bottom:1px solid rgba(148,163,184,.14); color:var(--invest-soft); text-align:left; vertical-align:middle; }
.invest-table th { color:var(--invest-muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; background:rgba(3,10,22,.34); }
.invest-table td strong { display:block; color:#fff; font-size:14px; }
.invest-table td small { display:block; color:var(--invest-muted); font-size:12px; margin-top:3px; }
.positive { color:var(--invest-green)!important; } .negative { color:var(--invest-red)!important; } .neutral { color:var(--invest-muted)!important; }
.invest-spark { width:150px; height:42px; opacity:1; border-radius:10px; background:rgba(3,10,22,.28); }
.invest-big-chart { display:block; width:100%; height:300px; padding:10px 12px 16px; border-top:1px solid rgba(148,163,184,.10); background:linear-gradient(180deg, rgba(3,10,22,.18), rgba(3,10,22,.04)); }
.invest-chart-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:0 14px 16px; }
.invest-chart-stats div, .invest-chart-stats > span { min-height:64px; padding:11px 12px; border:1px solid rgba(148,163,184,.15); border-radius:14px; background:rgba(255,255,255,.035); }
.invest-chart-stats span { display:block; color:var(--invest-muted); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.invest-chart-stats strong { display:block; margin-top:6px; color:#fff; font-size:15px; line-height:1.1; }
.invest-chart-tabs { display:flex; gap:8px; padding:14px 14px 0; overflow-x:auto; }
.invest-chart-tab { flex:0 0 auto; min-height:34px; padding:0 12px; border:1px solid rgba(148,163,184,.22); border-radius:999px; background:rgba(8,18,33,.82); color:var(--invest-soft); font-weight:900; cursor:pointer; }
.invest-chart-tab.active { border-color:rgba(87,183,255,.50); background:rgba(87,183,255,.18); color:#fff; }
.invest-heatmap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:16px; }
.invest-heat { min-height:66px; padding:10px; border-radius:14px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(148,163,184,.16); background:rgba(148,163,184,.08); }
.invest-heat.positive { background:rgba(32,213,139,.13); border-color:rgba(32,213,139,.22); } .invest-heat.negative { background:rgba(255,92,122,.13); border-color:rgba(255,92,122,.22); }
.invest-heat strong { color:#fff; font-size:13px; } .invest-heat span { font-size:13px; font-weight:900; }
.invest-breadth { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:16px; }
.invest-breadth div { min-height:86px; display:flex; flex-direction:column; justify-content:center; padding:14px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:rgba(255,255,255,.035); }
.invest-breadth strong { color:#fff; font-size:24px; line-height:1; } .invest-breadth span { margin-top:8px; color:var(--invest-muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.invest-movers { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:16px; }
.invest-movers h3 { margin:0 0 10px; color:#fff; font-size:14px; } .invest-movers ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.invest-movers li { display:flex; justify-content:space-between; gap:8px; padding:9px 10px; border-radius:12px; background:rgba(255,255,255,.04); }
.invest-source-list { display:grid; gap:10px; padding:16px; }
.invest-source { padding:12px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:rgba(255,255,255,.035); }
.invest-source.ok { border-color:rgba(32,213,139,.24); } .invest-source.bad { border-color:rgba(255,92,122,.26); }
.invest-source strong { display:block; color:#fff; } .invest-source span, .invest-source small { display:block; margin-top:4px; color:var(--invest-muted); }
.invest-startup-list { display:grid; gap:12px; padding:16px; }
.invest-startup-card { display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:14px; padding:16px; border:1px solid rgba(148,163,184,.16); border-radius:18px; background:rgba(255,255,255,.035); }
.invest-startup-card span { color:var(--invest-muted); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.invest-startup-card h3 { margin:7px 0; font-size:18px; line-height:1.25; } .invest-startup-card a { color:#fff; text-decoration:none; } .invest-startup-card a:hover { color:#bde3ff; }
.invest-startup-card p { margin:0 0 8px; color:var(--invest-soft); } .invest-startup-card small { color:var(--invest-muted); }
.invest-startup-card > strong { align-self:center; justify-self:center; width:60px; height:60px; border:1px solid rgba(87,183,255,.28); border-radius:18px; display:grid; place-items:center; color:#fff; background:rgba(87,183,255,.13); }
.invest-note, .invest-empty { padding:16px; color:var(--invest-soft); line-height:1.55; }
.invest-skeleton { min-height:420px; border:1px solid var(--invest-line); border-radius:var(--invest-radius); background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.08), rgba(255,255,255,.04)); background-size:220% 100%; animation: investPulse 1.6s linear infinite; } .invest-skeleton.small { min-height:240px; }
@keyframes investPulse { from { background-position: 220% 0; } to { background-position: -220% 0; } }
canvas { color: var(--invest-blue); }
@media (max-width: 980px) {
  .invest-shell { width:100%; margin:0 auto 40px; padding:0 10px 70px; }
  .invest-hero { grid-template-columns:1fr; border-radius:0 0 28px 28px; margin:0 -10px; padding:22px 14px 18px; }
  .invest-hero h1 { font-size:clamp(34px,13vw,54px); }
  .invest-status-strip { margin:8px 0 12px; padding:8px; border-radius:14px; gap:6px; font-size:11px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .invest-status-strip::-webkit-scrollbar { display:none; }
  .invest-status-title { flex:0 0 auto; }
  .invest-status-chip, .invest-status-time { flex:0 0 auto; min-height:25px; padding:4px 8px; }
  .invest-tabs { margin:12px -2px; border-radius:18px; padding:8px; top:0; }
  .invest-tabs a { min-height:42px; padding:0 14px; }
  .invest-command-bar { align-items:stretch; flex-direction:column; border-radius:18px; padding:12px; }
  .invest-command-actions { align-items:stretch; display:grid; grid-template-columns:1fr auto; }
  .invest-search-wrap { grid-column:1 / -1; min-width:0; width:100%; }
  .invest-action, .invest-ws-pill { justify-content:center; }
  .invest-grid { grid-template-columns:1fr; gap:10px; }
  .invest-card { min-height:104px; padding:15px; }
  .invest-workspace { grid-template-columns:1fr; gap:12px; }
  .invest-main, .invest-side { gap:12px; }
  .invest-panel { border-radius:18px; }
  .invest-panel > header { padding:14px; flex-direction:column; }
  .invest-table-wrap { overflow:visible; }
  .invest-table { min-width:0; display:block; }
  .invest-table thead { display:none; }
  .invest-table tbody { display:grid; gap:10px; padding:12px; }
  .invest-table tr { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:rgba(255,255,255,.035); }
  .invest-table td { display:block; padding:0; border:0; }
  .invest-table td:first-child { grid-column:1 / -1; }
  .invest-table td:last-child { grid-column:1 / -1; }
  .invest-spark { width:100%; height:46px; }
  .invest-big-chart { height:260px; }
  .invest-chart-stats { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 12px 12px; }
  .invest-heatmap { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .invest-breadth { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .invest-movers { grid-template-columns:1fr; padding:12px; }
  .invest-startup-card { grid-template-columns:1fr; padding:14px; }
  .invest-startup-card > strong { justify-self:start; width:auto; height:auto; padding:8px 12px; border-radius:999px; }
}