:root{--bg:#070809;--surface:#0d1012;--surface-2:#111417;--line:#20282d;--line-soft:#181e22;--text:#e2e7e8;--muted:#7a8a8d;--gold:#6ea2aa;--gold-light:#9dc0c5;--green:#25373e;--red:#6e171a;--red-soft:#a73538;--blue:#313a3e;font-family:Manrope,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 900px 420px at 50% -180px,#171c20 0%,#090b0d 48%,var(--bg) 100%);min-height:100vh;font-size:12px}.shell{width:min(1900px,100%);margin:auto;padding:0 28px 78px}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px}.brand{color:var(--text);font-size:18px;letter-spacing:.4px;text-decoration:none;font-weight:800}.brand span{color:var(--gold);margin-right:8px}.providers{display:flex;align-items:center;gap:6px}.provider{border:1px solid transparent;color:var(--muted);background:transparent;border-radius:999px;padding:8px 11px;font:500 12px Manrope;cursor:pointer}.provider i{width:7px;height:7px;border-radius:99px;background:#73a3aa;display:inline-block;margin-right:6px}.provider[data-provider=manual] i{background:#679da6}.provider[data-provider=kiron] i{background:#5c898f}.provider.active{border-color:#3c515a;background:#14191c;color:#c9dcdf}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;color:#acbbbd}.clock{font:500 12px 'DM Mono';color:#c8cecf}.avatar{height:32px;width:32px;border-radius:50%;border:0;background:#1e262b;color:#79a9b0;font:600 10px Manrope}.leaguebar{display:flex;align-items:center;gap:8px;min-height:78px;border-bottom:1px solid var(--line-soft);overflow:auto}.leaguebar button{border:1px solid transparent;background:transparent;color:#94a4a7;padding:10px 13px;border-radius:5px;font:600 12px Manrope;white-space:nowrap;cursor:pointer}.leaguebar button.active{background:var(--gold);color:#111518}.leaguebar .more{font-size:21px;border-color:#2b3437;padding:2px 12px;color:#b5c5c8}.controlbar{display:flex;align-items:center;min-height:60px;border-bottom:1px solid var(--line-soft)}.pressure{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;font:600 16px 'DM Mono';margin-right:auto}.pressure strong{color:#3b5f64}.pressure b{color:#b12f32}.pressure span{color:#728689}.pressure small{grid-column:1/-1;color:#627275;font:9px 'DM Mono';letter-spacing:.08em}.control-buttons{display:flex;gap:8px}.outline{border:1px solid #2d363a;border-radius:4px;background:#0d1013;color:#becdcf;padding:8px 11px;font:600 12px Manrope}.outline:hover{border-color:#486064;color:#b7d1d4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:14px;padding-top:14px}.matrix-card,.radar,.summary-row article,.chart-card,.trend-card,.league-cards article{border:1px solid var(--line);background:linear-gradient(140deg,#0d1013,#0a0c0d);border-radius:7px}.matrix-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line-soft)}.matrix-heading span,.radar header span,.panel-header span{display:block;color:#768a8d;font:10px 'DM Mono';letter-spacing:.08em}.matrix-heading b{display:block;margin-top:3px;font-size:14px}.matrix-heading small{color:#6e7e81;font:10px 'DM Mono'}.table-scroll{overflow:auto;max-height:760px}#matrix{width:100%;min-width:1780px;border-collapse:collapse;font:600 12px 'DM Mono'}#matrix th,#matrix td{height:37px;min-width:71px;text-align:center;border-right:1px solid #1b2125;border-bottom:1px solid #1b2125;padding:0 7px}#matrix th:first-child,#matrix td:first-child{min-width:53px}#matrix th:nth-last-child(-n+2),#matrix td:nth-last-child(-n+2){min-width:54px}#matrix thead th{position:sticky;z-index:2;background:#0d1012}#matrix thead tr:first-child th{top:0}#matrix thead tr:nth-child(2) th{top:44px}#matrix .matrix-percent th{height:44px;color:var(--gold);font-size:12px}#matrix .matrix-percent b{display:block;font-size:9px;color:#6a8184;margin-top:2px}#matrix .matrix-percent small{display:block;color:#5f7679;font-size:8px;margin-top:2px}#matrix .matrix-round th{height:34px;background:#12171a;color:#b4c6c9}#matrix td{background:var(--red);color:#ecf0f1;font-size:13px}#matrix td.good{background:var(--green)}#matrix td.bad{background:var(--red)}#matrix td.pending{background:#0a0c0e;color:#3e4b50}#matrix td.rowlabel,#matrix td.row-stat,#matrix td.goals-total{background:#0c0f12;color:#ccd2d3;font-size:12px}#matrix td.row-stat.stat-good,#matrix th.stat-good{color:#5b858b}#matrix td.row-stat.stat-bad,#matrix th.stat-bad{color:#bf4547}#matrix .empty{height:180px;text-align:center;color:#7c9397;background:#0b0e11}.matrix-foot{padding:9px 14px;color:#5e6e70;border-top:1px solid var(--line-soft);font:10px 'DM Mono'}.radar{padding:15px;display:flex;flex-direction:column;min-height:320px}.radar header{display:flex;justify-content:space-between}.radar header b{display:block;font-size:15px;margin-top:3px}.radar header em{font:10px 'DM Mono';font-style:normal;color:#6ea2aa}.radar-score{padding:18px 0 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:baseline;gap:7px}.radar-score strong{font:800 30px Manrope;color:var(--gold-light)}.radar-score span{color:#79898c}.radar-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 0}.radar-metrics div{padding:8px;background:#121619;border:1px solid #1e262b;border-radius:4px}.radar-metrics span{display:block;color:#6f7f82;font-size:10px}.radar-metrics b{display:block;font:600 15px 'DM Mono';margin-top:3px}.signal-note{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:11px;color:#758588;line-height:1.45}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.summary-row article{padding:16px}.summary-row span{color:#798e91;font:10px 'DM Mono';letter-spacing:.07em}.summary-row b{display:block;margin:8px 0 4px;font-size:17px}.summary-row small{color:#718082}.view-panel{padding:24px 0}.hidden{display:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-header h2{font-size:20px;margin:3px 0 0}.panel-header label{border:1px solid var(--line);border-radius:4px;color:#84999c;padding:7px 9px}.panel-header select{background:transparent;border:0;color:#dbe1e2}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-card{min-height:235px;padding:13px}.chart-card.wide{grid-column:1/-1}.chart-card header{display:flex;justify-content:space-between;color:#7c9295;font:11px 'DM Mono'}.chart-card header b{color:var(--gold-light)}.chart-card svg{width:100%;height:190px;margin-top:13px}.chart-card.wide svg{height:230px}.trend-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trend-card{padding:16px}.trend-card span{color:#798e91;font:10px 'DM Mono'}.trend-card b{display:block;font-size:24px;margin:9px 0}.trend-card small{color:#758588}.distribution{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.distribution div{background:#101417;border:1px solid var(--line);padding:13px;border-radius:5px}.distribution b{font:600 18px 'DM Mono';display:block}.distribution span{color:#708285}.league-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.league-cards article{padding:16px}.league-cards b{display:block;margin:7px 0;font-size:16px}.league-cards span{color:#73898c;font-size:11px}.league-cards button{border:1px solid #313b3f;background:#13171a;color:#9dc0c5;border-radius:4px;padding:6px 9px;margin-top:8px}.bottom-nav{position:sticky;bottom:13px;margin:28px auto 0;width:max-content;display:flex;gap:3px;border:1px solid #2c3539;border-radius:8px;padding:4px;background:#101316;z-index:5}.bottom-nav button{border:0;background:transparent;color:#7e8f92;padding:10px 15px;border-radius:5px;font:600 12px Manrope}.bottom-nav button.active{background:var(--gold);color:#14181b}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.radar{min-height:auto}.summary-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{padding:0 10px 70px}.topbar{gap:12px}.providers{overflow:auto}.top-actions span:not(.clock){display:none}.leaguebar{min-height:62px}.control-buttons .outline:not(:first-child){display:none}.dashboard-grid{padding-top:10px}.summary-row{grid-template-columns:1fr}.trend-cards,.distribution,.league-cards{grid-template-columns:1fr 1fr}.bottom-nav{width:100%;justify-content:space-around}.bottom-nav button{padding:9px 7px}.bottom-nav button span{display:none}}
.market-modal{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.66);display:grid;place-items:center;padding:18px}.market-modal.hidden{display:none}.market-dialog{width:min(570px,100%);background:#0d1013;border:1px solid #374247;border-radius:9px;padding:22px;box-shadow:0 20px 90px #000}.market-dialog header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding-bottom:14px}.market-dialog header span{color:#7d969a;font:10px 'DM Mono';letter-spacing:.09em}.market-dialog h2{margin:3px 0 0;font-size:20px}.modal-close{border:0;background:transparent;color:#92a6a9;font-size:25px;cursor:pointer}.market-dialog p{color:#809295;line-height:1.5;margin:16px 0 20px}.market-dialog h3{color:var(--gold);font:600 11px 'DM Mono';letter-spacing:.11em;margin:15px 0 8px}.market-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.market-options button,.clear-market{border:1px solid #272f31;background:#101417;color:#aababd;border-radius:5px;padding:10px 5px;font:600 12px 'DM Mono';cursor:pointer}.market-options button.selected{border-color:#6ea2aa;background:#161c20;color:#9dc0c5}.clear-market{width:100%;margin-top:22px;color:#8fb7bd;border-color:#3d4f56}.market-win{box-shadow:inset 0 0 0 1px rgba(92,224,126,.35)}.market-loss{box-shadow:inset 0 0 0 1px rgba(255,105,105,.28)}

.provider[data-provider=betboo] i{background:#2f8bff;box-shadow:0 0 8px rgba(47,139,255,.7)}
.provider[data-provider=bet365] i{background:#00a826;box-shadow:0 0 8px rgba(0,168,38,.65)}
#matrix.betboo-results-table{min-width:920px;font:600 12px 'DM Mono'}
#matrix.betboo-results-table thead th{top:0;height:42px;background:#151a1d;color:#91a5bd;letter-spacing:.06em;text-align:left}
#matrix.betboo-results-table th:nth-child(4),#matrix.betboo-results-table th:last-child{text-align:center}
#matrix.betboo-results-table td{height:43px;background:#111518;color:#e1e4e8;text-align:left;border-color:#252c2f}
#matrix.betboo-results-table tbody tr:hover td{background:#181f23}
#matrix.betboo-results-table .betboo-time{width:120px;color:#9ba9b8;white-space:nowrap}
#matrix.betboo-results-table .betboo-league{width:230px;color:#aeb9c5}
#matrix.betboo-results-table .betboo-team{font-family:Manrope,Arial,sans-serif;font-weight:700}
#matrix.betboo-results-table .betboo-team.home{text-align:right}
#matrix.betboo-results-table .betboo-team.away{text-align:left}
#matrix.betboo-results-table .betboo-score{width:105px;text-align:center;font-size:15px;color:#fff;background:#212e33}
#matrix.betboo-results-table .betboo-score.bad,#matrix.betboo-results-table .betboo-score.market-loss{background:#541e25}
#matrix.betboo-results-table .betboo-score.good,#matrix.betboo-results-table .betboo-score.market-win{background:#25373f}
#matrix.betboo-results-table .betboo-goals{width:72px;text-align:center;color:#6ea2aa}
#matrix.bet365-results-table thead th{color:#82d59a}
#matrix.bet365-results-table .betboo-time{color:#65d58a;font-weight:700}
#matrix.bet365-results-table .betboo-league{color:#9bc7a8}
#matrix.bet365-results-table .betboo-score{background:#075d2d;color:#f4fff7}
#matrix.bet365-results-table tbody tr:hover td{background:#14251a}

/* Matriz OFTEN: todas as posições do ciclo dividem a largura disponível. */
.matrix-card{min-width:0;overflow:hidden}
.dashboard-grid{grid-template-columns:minmax(0,1fr)}
.dashboard-grid>.radar{display:none}
.table-scroll{overflow-x:hidden;overflow-y:auto}
#matrix:not(.betboo-results-table){width:100%;min-width:0;table-layout:fixed}
#matrix:not(.betboo-results-table) th,
#matrix:not(.betboo-results-table) td{width:auto;min-width:0;padding:0 3px}
#matrix:not(.betboo-results-table) th:first-child,
#matrix:not(.betboo-results-table) td:first-child{width:5.2%;min-width:0}
#matrix:not(.betboo-results-table) th:nth-last-child(-n+2),
#matrix:not(.betboo-results-table) td:nth-last-child(-n+2){width:4.6%;min-width:0}

/* Vertex Virtual Football — identidade esportiva limpa */
:root{
  --bg:#0b0d0f;
  --surface:#111518;
  --surface-2:#161b1f;
  --line:#283134;
  --line-soft:#1c2328;
  --text:#eaeced;
  --muted:#82929c;
  --gold:#6ea2aa;
  --gold-light:#9ec3c9;
  --green:#293e46;
  --red:#672a31;
  --red-soft:#cf5b64;
  --blue:#293236;
}
body{
  background:
    linear-gradient(rgba(8,13,18,.94),rgba(8,13,18,.98)),
    repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(73,195,137,.035) 120px),
    radial-gradient(circle at 50% 0,#1e262c 0,#0b0d0f 50%);
  color:var(--text);
}
.shell{width:min(1940px,100%);padding-inline:24px}
.topbar{
  height:70px;
  gap:28px;
  border-color:var(--line);
  position:relative;
}
.topbar:after{
  content:"LIVE DATA";
  position:absolute;
  left:0;
  bottom:-8px;
  padding:1px 7px;
  background:var(--bg);
  color:#6d9ea5;
  font:500 8px 'DM Mono';
  letter-spacing:.16em;
}
.brand{
  display:grid;
  grid-template-columns:24px auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  line-height:1;
}
.brand>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  margin:0;
  border:1px solid #4b6164;
  border-radius:7px;
  color:#6ba0a8;
  background:#151b1f;
  font-size:10px;
  transform:rotate(45deg);
}
.brand>b{font-size:17px;letter-spacing:.08em}
.brand>small{margin-top:4px;color:#71858f;font:500 8px 'DM Mono';letter-spacing:.18em}
.provider{
  border-color:transparent;
  border-radius:7px;
  padding:9px 12px;
  color:#8d9ca5;
}
.provider.active{
  border-color:#39464b;
  background:#151a1e;
  color:#e5edef;
  box-shadow:inset 3px 0 #60969e;
}
.provider i{background:#60969e;box-shadow:0 0 8px rgba(53,201,129,.35)}
.clock{color:#b9c7cd}
.avatar{
  border:1px solid #313a3e;
  background:#151b1f;
  color:#7ba9b0;
}
.leaguebar{
  min-height:72px;
  gap:7px;
  border-color:var(--line-soft);
}
.leaguebar button{
  border:1px solid #21292e;
  background:#0f1215;
  color:#8d9da6;
  border-radius:7px;
  padding:10px 15px;
}
.leaguebar button:hover{border-color:#3c484c;color:#e0e4e5}
.leaguebar button.active{
  border-color:#435d61;
  background:#212a30;
  color:#f6f9f9;
  box-shadow:inset 0 -2px #6da0a8;
}
.leaguebar .more{border-color:#2d363a;color:#889da0}
.controlbar{
  min-height:64px;
  border-color:var(--line-soft);
  background:linear-gradient(90deg,rgba(18,30,37,.55),transparent 48%);
}
.pressure{font-size:15px}
.pressure strong{color:#6b9da5}.pressure b{color:#d5626b}
.pressure span,.pressure small{color:#667983}
.outline{
  border-color:#2c3538;
  border-radius:7px;
  background:#101417;
  color:#afbdc3;
  padding:9px 12px;
}
.outline:hover{
  border-color:#4a6063;
  background:#161b1f;
  color:#ecf2f2;
}
.dashboard-grid{padding-top:16px}
.matrix-card,
.summary-row article,
.chart-card,
.trend-card,
.league-cards article{
  border-color:#293235;
  background:#101316;
  border-radius:10px;
  box-shadow:0 14px 35px rgba(0,0,0,.16);
}
.matrix-card{position:relative}
.matrix-card:before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,#4e696e,transparent);
  opacity:.65;
}
.matrix-heading{
  min-height:72px;
  padding:15px 18px;
  border-color:#283033;
  background:linear-gradient(90deg,#151a1e,#101316 55%);
}
.matrix-heading span{
  color:#76a0a7;
  font-size:9px;
  letter-spacing:.16em;
}
.matrix-heading b{margin-top:5px;font-size:16px}
.matrix-heading small{color:#71858f}
#matrix{font-weight:500}
#matrix th,#matrix td{
  border-color:#272f32;
  font-variant-numeric:tabular-nums;
}
#matrix thead th{background:#14181b}
#matrix .matrix-percent th{
  color:#bfcbd0;
  background:#151a1d;
}
#matrix .matrix-percent th.stat-good{color:#71a3ab}
#matrix .matrix-percent th.stat-bad{color:#d86a73}
#matrix .matrix-percent b{color:#71818a}
#matrix .matrix-percent small{color:#60717a}
#matrix .matrix-round th{
  background:#1a2024;
  color:#91a2aa;
  letter-spacing:.04em;
}
#matrix td{
  background:#642a31;
  color:#f1e9ea;
  font-size:13px;
  box-shadow:inset 0 0 0 1px rgba(232,105,113,.12);
  transition:filter .12s ease,transform .12s ease;
}
#matrix td.good{
  background:#273b43;
  color:#f1f6f7;
  box-shadow:inset 0 0 0 1px rgba(70,211,141,.14);
}
#matrix td.bad{background:#642a31}
#matrix tbody td:not(.pending):not(.rowlabel):not(.row-stat):not(.goals-total):hover{
  filter:brightness(1.25);
  position:relative;
  z-index:1;
}
#matrix td.pending{
  background:#0e1113;
  color:#374348;
  box-shadow:none;
}
#matrix td.rowlabel,
#matrix td.row-stat,
#matrix td.goals-total{
  background:#13181b;
  color:#c5d0d4;
  box-shadow:none;
}
#matrix td.row-stat.stat-good,#matrix th.stat-good{color:#71a3ab}
#matrix td.row-stat.stat-bad,#matrix th.stat-bad{color:#d86a73}
.matrix-foot{
  padding:10px 16px;
  border-color:#252c2f;
  background:#0d1012;
  color:#62747d;
}
.summary-row{gap:10px}
.summary-row article{
  position:relative;
  overflow:hidden;
  padding:15px 16px;
}
.summary-row article:before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:2px;
  background:#5d8e96;
}
.summary-row span{color:#71858f}
.summary-row b{color:#f0f3f4}
.summary-row small{color:#687b84}
.bottom-nav{
  border-color:#2f393d;
  border-radius:10px;
  background:rgba(11,18,22,.94);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
  backdrop-filter:blur(12px);
}
.bottom-nav button{color:#7f929b;border-radius:7px}
.bottom-nav button:hover{color:#dce2e3}
.bottom-nav button.active{
  background:#324a53;
  color:#f6f9f9;
  box-shadow:inset 0 0 0 1px #587a7f;
}
@media(max-width:720px){
  .shell{padding-inline:10px}
  .brand>small{display:none}
  .brand{grid-template-rows:auto}
  .brand>span{grid-row:1}
  .topbar{gap:10px}
}

/* Vertex Casino Pro — preto, ouro envelhecido e vinho */
:root{
  --bg:#050708;
  --surface:#0c0f11;
  --surface-2:#101316;
  --line:#242b2e;
  --line-soft:#181f23;
  --text:#e5eaeb;
  --muted:#7d9093;
  --gold:#709da4;
  --gold-light:#9dc0c5;
  --green:#273c44;
  --red:#672326;
  --red-soft:#c04d51;
  --blue:#1b2227;
}
body{
  background:
    radial-gradient(ellipse 900px 380px at 50% -170px,rgba(151,113,32,.16),transparent 70%),
    linear-gradient(180deg,#07090a,#050708 52%,#070809);
}
.topbar{border-color:#20282e}
.topbar:after{content:"VIRTUAL LIVE";color:#709da4;background:#050708}
.brand>span{
  border-color:#3c525a;
  color:#87b2b8;
  background:#111417;
  box-shadow:0 0 14px rgba(201,168,76,.09);
}
.brand>b{color:#eaeff0}
.brand>small{color:#617f83}
.provider{color:#819194}
.provider i{background:#637f83;box-shadow:none}
.provider.active{
  border-color:#3c525a;
  background:#101417;
  color:#aac9ce;
  box-shadow:inset 3px 0 #709da4;
}
.provider.active i{background:#79a9b0;box-shadow:0 0 7px rgba(214,182,83,.35)}
.clock{color:#bac9cc}
.avatar{border-color:#313e44;background:#13181b;color:#86b1b7}
.leaguebar{border-color:#1b2328}
.leaguebar button{border-color:#1c2429;background:#0a0c0d;color:#8b9b9e}
.leaguebar button:hover{border-color:#3d4d53;color:#bfd5d9}
.leaguebar button.active{
  border-color:#456368;
  background:linear-gradient(180deg,#74a3aa,#57878f);
  color:#0b0e11;
  box-shadow:inset 0 1px rgba(255,255,255,.22);
}
.leaguebar .more{border-color:#2b3438;color:#8fa2a5}
.controlbar{
  border-color:#1b2328;
  background:linear-gradient(90deg,rgba(44,35,17,.28),transparent 48%);
}
.pressure strong{color:#598990}.pressure b{color:#d1595d}
.pressure span,.pressure small{color:#627477}
.outline{border-color:#2a3337;background:#0b0e10;color:#aec1c4}
.outline:hover{border-color:#4b666a;background:#111519;color:#bad2d6}
.matrix-card,
.summary-row article,
.chart-card,
.trend-card,
.league-cards article{
  border-color:#262e30;
  background:linear-gradient(145deg,#0e1113,#090b0d);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
}
.matrix-card:before{background:linear-gradient(90deg,transparent,#5c878e,transparent);opacity:.7}
.matrix-heading{
  border-color:#21292e;
  background:linear-gradient(90deg,#101316,#0a0c0d 58%);
}
.matrix-heading span{color:#6e949a}
.matrix-heading small{color:#70898d}
#matrix th,#matrix td{border-color:#1d252a}
#matrix thead th{background:#0d1013}
#matrix .matrix-percent th{color:#b1c5c8;background:#0e1215}
#matrix .matrix-percent th.stat-good{color:#68949b}
#matrix .matrix-percent th.stat-bad{color:#d05a5f}
#matrix .matrix-percent b{color:#6a8387}
#matrix .matrix-percent small{color:#587074}
#matrix .matrix-round th{background:#13171a;color:#9cb5b9}
#matrix td{
  background:#672326;
  color:#ecf0f1;
  box-shadow:inset 0 0 0 1px rgba(211,83,87,.12);
}
#matrix td.good{
  background:#273c44;
  color:#f3f8f9;
  box-shadow:inset 0 0 0 1px rgba(67,194,119,.13);
}
#matrix td.bad{background:#672326}
#matrix td.pending{background:#090b0c;color:#323d41}
#matrix td.rowlabel,
#matrix td.row-stat,
#matrix td.goals-total{background:#0d1013;color:#d1d7d8}
#matrix td.row-stat.stat-good,#matrix th.stat-good{color:#68949b}
#matrix td.row-stat.stat-bad,#matrix th.stat-bad{color:#d05a5f}
.matrix-foot{border-color:#1c2328;background:#07090b;color:#607477}
.summary-row article:before{background:#6c9aa1}
.summary-row span{color:#6f868a}
.summary-row b{color:#e8edee}
.summary-row small{color:#6d7e81}
.bottom-nav{
  border-color:#323c40;
  background:rgba(16,14,11,.95);
  box-shadow:0 14px 38px rgba(0,0,0,.42);
}
.bottom-nav button{color:#84989b}
.bottom-nav button:hover{color:#bfd5d9}
.bottom-nav button.active{
  background:linear-gradient(180deg,#77a6ae,#5b8b92);
  color:#0b0e10;
  box-shadow:inset 0 1px rgba(255,255,255,.25);
}

/* Trader integrado à página de resultados */
.inline-trader-view{padding:16px 0 34px}
.inline-trader-card{
  overflow:hidden;
  border:1px solid #293236;
  border-radius:10px;
  background:#040505;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.inline-trader-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:76px;
  padding:13px 18px;
  border-bottom:1px solid #21292e;
  background:linear-gradient(90deg,#0d1012,#050708 60%);
}
.inline-trader-head>div>span{color:#6b9399;font:500 9px 'DM Mono';letter-spacing:.16em}
.inline-trader-head h2{margin:5px 0 0;font-size:17px}
.inline-trader-head h2 small{margin-left:8px;color:#728b8f;font-size:11px;font-weight:500}
.inline-intel-shortcuts{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 14px;flex:1;flex-wrap:wrap}
.inline-intel-shortcuts button{padding:7px 10px;border:1px solid #2a3336;border-radius:5px;background:#080a0c;color:#72898c;font:500 8px Manrope;white-space:nowrap;cursor:pointer}
.inline-intel-shortcuts button:hover,.inline-intel-shortcuts button.active{border-color:#466469;background:#0e1215;color:#92b9bf}
.inline-trader-controls{display:flex;gap:9px}
.inline-trader-controls label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border:1px solid #2a3337;
  border-radius:7px;
  color:#698185;
  font:500 9px 'DM Mono';
  text-transform:uppercase;
}
.inline-trader-controls select{
  border:0;
  outline:0;
  background:#0c0f12;
  color:#cbd8da;
  font:600 11px Manrope;
}
.inline-trader-controls>button{
  border:1px solid #2a3337;
  border-radius:7px;
  background:#0b0d0f;
  color:#879a9d;
  padding:8px 11px;
  font:600 10px Manrope;
  cursor:pointer;
}
.inline-trader-controls>button:hover,
.inline-trader-controls>button.active{border-color:#476367;color:#9dc0c5;background:#111518}
.inline-trader-controls>button b{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  margin-left:5px;
  border-radius:5px;
  background:#242b2e;
  color:#87b2b9;
  font:600 9px 'DM Mono';
}
.inline-trader-controls>.vertex-reading{border-color:#3d5159;color:#87b2b8}
.inline-parameter-panel{
  position:absolute;
  z-index:12;
  top:72px;
  left:12px;
  right:12px;
  width:auto;
  border:1px solid #35454c;
  border-radius:10px;
  background:#0a0c0e;
  box-shadow:0 24px 70px rgba(0,0,0,.68);
}
.inline-display-settings{
  display:grid;
  grid-template-columns:150px 170px minmax(360px,1fr) 190px 260px;
  gap:22px;
  padding:15px;
  border-bottom:1px solid #1d2429;
  background:#0b0d0f;
}
.inline-display-settings fieldset{min-width:0;margin:0;padding:0;border:0}
.inline-display-settings legend{
  margin-bottom:8px;
  color:#616e70;
  font:600 8px 'DM Mono';
  letter-spacing:.14em;
}
.parameter-segment{
  display:flex;
  min-height:34px;
  padding:2px;
  border:1px solid #1c2429;
  border-radius:7px;
  background:#08090a;
}
.parameter-segment button{
  flex:1;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#6c7677;
  font:600 9px Manrope;
  cursor:pointer;
}
.parameter-segment button.active{background:#1d2429;color:#85b0b7}
.parameter-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,1fr));
  gap:7px 15px;
}
.parameter-options label{color:#9aa7a9;font:600 9px Manrope}
.parameter-options input{margin:0 7px 0 0;accent-color:#6c99a0;vertical-align:-2px}
.inline-parameter-section-title{
  display:flex;
  justify-content:space-between;
  padding:13px 15px 9px;
  color:#627274;
  font:600 8px 'DM Mono';
  letter-spacing:.13em;
}
.inline-parameter-section-title b{color:#6b9aa2}
.inline-indicator-list{padding:0 15px 15px}
/* Botões de categoria (Indicadores · Gráficos · Estrutura) na mesa técnica */
.inline-panel-tabs{margin-left:auto;display:flex;align-items:center;gap:6px}
.inline-panel-tabs button{padding:7px 14px;border-radius:8px;border:1px solid #212a30;background:#121619;color:#bbcccf;font:600 11px 'Manrope',Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.inline-panel-tabs button:hover{border-color:#364146;color:#e0e6e7}
.inline-panel-tabs button.active{background:#99bfc5;border-color:#99bfc5;color:#0e1215}
/* Cada botão mostra só o seu grupo dentro do painel */
#inlineParameterPanel[data-show="graficos"] [data-param-group]:not([data-param-group="graficos"]),
#inlineParameterPanel[data-show="indicadores"] [data-param-group]:not([data-param-group="indicadores"]),
#inlineParameterPanel[data-show="estrutura"] [data-param-group]:not([data-param-group="estrutura"]){display:none}
/* Indicadores em cartões compactos lado a lado (economiza espaço vertical) */
.inline-indicator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-bottom:10px}
.inline-indicator-grid .inline-indicator-row{position:relative;flex-wrap:wrap;row-gap:5px;min-height:0;margin:0;padding:9px 50px 9px 11px}
.inline-indicator-grid .inline-indicator-row>b{position:absolute;top:9px;right:11px;margin:0}
.inline-indicator-grid .inline-indicator-row .fixed-ma-description{flex:1 1 100%;margin:0 0 0 17px}
.inline-indicator-grid .inline-indicator-row>input[type=number]{width:46px;height:23px;margin:0 3px}
.inline-indicator-grid .inline-indicator-row .bollinger-gradient-toggle{margin-left:6px}
.inline-indicator-row{
  display:flex;
  align-items:center;
  min-height:43px;
  padding:7px 12px;
  border:1px solid #2f3f45;
  border-radius:7px;
  background:#0f1215;
  color:#7b8c8f;
  cursor:pointer;
}
.inline-indicator-row>input[type=checkbox]{margin:0 9px 0 0;accent-color:#6c99a0}
.inline-indicator-row .bollinger-dot{
  width:8px;
  height:8px;
  margin-right:9px;
  border-radius:50%;
  background:#eee;
  box-shadow:0 0 8px rgba(255,255,255,.6);
}
.inline-indicator-row .ma-dot{width:8px;height:8px;margin-right:9px;border-radius:50%;background:linear-gradient(135deg,#558a92 0 48%,#ef4444 52% 100%);box-shadow:0 0 8px rgba(201,162,75,.35)}
.inline-ma-parameter{margin-bottom:7px}
.inline-ma-parameter .ma-period-label{margin-left:7px;font:700 8px 'DM Mono';letter-spacing:.02em}
.inline-ma-parameter .ma-fast-label{color:#558a92}
.inline-ma-parameter .ma-slow-label{color:#ef5a5a}
.inline-indicator-row strong{margin-right:7px;color:#d5dfe1;font-size:11px}
.inline-indicator-row>input[type=number]{
  width:52px;
  height:25px;
  margin:0 5px;
  border:1px solid #272f32;
  border-radius:6px;
  outline:0;
  background:#080a0c;
  color:#d6dfe0;
  text-align:center;
  font:600 10px 'DM Mono';
}
.inline-indicator-row>b{
  margin-left:auto;
  color:#72a4ac;
  font:600 10px 'DM Mono';
}
.inline-indicator-row .bollinger-gradient-toggle{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:9px;
  color:#89999c;
  font:600 8px Manrope;
  white-space:nowrap;
}
.inline-indicator-row .bollinger-gradient-toggle input{accent-color:#6c99a0}
.inline-indicator-row .rsi-dot{
  width:8px;
  height:8px;
  margin-right:9px;
  border-radius:50%;
  background:#75a7af;
  box-shadow:0 0 8px rgba(215,182,77,.35);
}
.inline-rsi-parameter{margin-top:7px}
.inline-rsi-parameter .rsi-levels{
  display:flex;
  align-items:center;
  gap:2px;
  margin-left:10px;
  white-space:nowrap;
  font:600 8px Manrope;
}
.inline-rsi-parameter .rsi-levels input{
  width:42px;
  height:25px;
  border:1px solid #272f32;
  border-radius:6px;
  outline:0;
  background:#080a0c;
  color:#d6dfe0;
  text-align:center;
  font:600 10px 'DM Mono';
}
.inline-rsi-parameter .rsi-pulse-toggle{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:10px;
  color:#89999c;
  font:600 8px Manrope;
  white-space:nowrap;
}
.inline-rsi-parameter .rsi-pulse-toggle input{accent-color:#6c99a0}
.inline-structure-title{
  margin:13px 2px 7px;
  color:#607275;
  font:600 8px 'DM Mono';
  letter-spacing:.13em;
}
.inline-structure-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.inline-structure-options label{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:7px 10px;
  border:1px solid #272f32;
  border-radius:6px;
  background:#0b0e11;
  color:#b6c6c9;
  font:600 9px Manrope;
  cursor:pointer;
}
.inline-structure-options input{margin:0 8px 0 0;accent-color:#6c99a0}
.inline-structure-options i{width:9px;height:9px;margin-right:7px;border-radius:50%}
.inline-structure-options .structure-top{background:#e85b60}
.inline-structure-options .structure-bottom{background:#5a9098}
.inline-structure-options .structure-equilibrium{height:2px;border-radius:0;background:#87b1b7}
.inline-structure-options .structure-congestion{border-radius:2px;background:rgba(137,113,190,.65)}
.inline-structure-options .structure-support{height:2px;border-radius:0;background:#5b8b93}
.inline-structure-options .structure-resistance{height:2px;border-radius:0;background:#d9686d}
.inline-structure-options .flow-engine{background:linear-gradient(135deg,#568b93,#4e6675 52%,#e25359)}
.inline-structure-options .flow-zones{border-radius:2px;background:linear-gradient(90deg,#283c44 0 50%,#542e33 50% 100%);box-shadow:inset 0 0 4px #080c0f}
.inline-structure-options .flow-trail{height:3px;border-radius:4px;background:#5d939b;box-shadow:0 0 5px rgba(50,198,128,.45)}
.inline-structure-options .flow-nodes{border:2px solid #71a3ab;background:transparent}
.inline-structure-options .flow-badge{border-radius:2px;background:#71a3ab}
.vertex-flow-help{margin:8px 0 13px;padding:9px 10px;border:1px solid #20282e;border-radius:6px;background:#0a0c0d;color:#687577;font:500 8px 'DM Mono';line-height:1.55}
.vertex-flow-help b{color:#799ba1}
@media(max-width:720px){
  .inline-structure-options{grid-template-columns:1fr 1fr}
}
.inline-trader-card{position:relative}
.inline-parameter-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 15px;
  border-bottom:1px solid #1e262c;
}
.inline-parameter-panel>header span{display:block;color:#608287;font:500 8px 'DM Mono';letter-spacing:.13em}
.inline-parameter-panel>header b{display:block;margin-top:4px;font-size:13px}
.inline-parameter-panel>header button{border:0;background:transparent;color:#7b8c8f;font-size:20px;cursor:pointer}
.inline-parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 15px 15px;background:#0a0c0e}
.inline-parameter-grid label{
  display:grid;
  grid-template-columns:minmax(145px,1fr) 150px 34px;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:9px 12px;
  border:1px solid #2b3437;
  border-radius:7px;
  background:#0d1012;
}
.inline-parameter-grid label:last-child{grid-column:auto}
.inline-parameter-grid span{color:#c7d5d7;font:600 10px Manrope}
.inline-parameter-grid span i{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  vertical-align:1px;
}
.inline-parameter-grid .param-core{background:#5a9098}
.inline-parameter-grid .param-fast{background:#6ea1a9}
.inline-parameter-grid .param-slow{background:#6891a6}
.inline-parameter-grid .param-band{border:1px solid #aaa;background:transparent}
.inline-parameter-grid .param-sense{background:#9a61df}
.inline-parameter-grid small{display:block;margin-top:3px;color:#686d68;font:500 8px 'DM Mono'}
.inline-parameter-grid input{width:100%;accent-color:#6c99a0}
.inline-parameter-grid label>b{
  display:grid;
  place-items:center;
  height:28px;
  border:1px solid #2a3337;
  border-radius:5px;
  color:#90b8be;
  font:600 10px 'DM Mono';
}
.inline-parameter-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px}
.inline-parameter-panel>footer>span{color:#5e6d6f;font:600 8px 'DM Mono';letter-spacing:.1em}
.inline-parameter-panel>footer button{
  border:1px solid #2a3337;
  border-radius:6px;
  padding:8px 12px;
  background:#0e1113;
  color:#96a7aa;
  font:600 9px Manrope;
  cursor:pointer;
}
.inline-parameter-panel>footer button:last-child{border-color:#3f5c61;background:#69989f;color:#0b0e11}
.inline-trader-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:10px 17px 2px;
}
.inline-trader-chips span{
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #20282e;
  border-radius:999px;
  padding:5px 9px;
  background:#07090b;
  color:#8da3a6;
  font:500 9px 'DM Mono';
}
.inline-trader-chips i{width:7px;height:7px;border-radius:50%}
.inline-trader-chips .line-main{background:#5a9098;box-shadow:0 0 7px rgba(33,209,124,.45)}
.inline-trader-chips .line-fast{background:#558a92}
.inline-trader-chips .line-slow{background:#ef4444}
.inline-trader-chips .line-band{border:1px solid #6a8184;background:transparent}
.inline-layer-rack{
  display:flex;
  align-items:stretch;
  gap:1px;
  padding:10px 16px;
  border-bottom:1px solid #171c20;
  background:#070806;
}
.inline-layer-rack .rack-title{
  display:flex;
  align-items:center;
  width:100px;
  color:#627072;
  font:500 8px 'DM Mono';
  letter-spacing:.14em;
}
.inline-layer-rack>button{
  display:grid;
  grid-template-columns:10px auto;
  grid-template-rows:auto auto;
  min-width:138px;
  padding:7px 11px;
  border:0;
  border-left:1px solid #1c2328;
  background:#0a0c0e;
  color:#656f71;
  text-align:left;
  cursor:pointer;
  opacity:.45;
}
.inline-layer-rack>button.active{color:#cbd2d3;opacity:1}
.inline-layer-rack>button:hover{background:#0f1113}
.inline-layer-rack>button i{
  grid-row:1/3;
  align-self:center;
  width:6px;
  height:22px;
  margin-right:8px;
  border-radius:2px;
}
.inline-layer-rack>button span{font:600 9px Manrope}
.inline-layer-rack>button b{margin-top:3px;color:#6b959b;font:600 10px 'DM Mono'}
.inline-layer-rack .line-main{background:linear-gradient(180deg,#5a9098 0 50%,#ef555b 50% 100%)}
.inline-layer-rack .line-fast{background:#558a92}
.inline-layer-rack .line-slow{background:#ef4444}
.inline-layer-rack .line-band{border:1px solid #8c938f;background:transparent}
.inline-layer-rack .line-points{background:linear-gradient(#598f97 0 48%,#e15459 48%)}
.inline-layer-rack.collapsed>button{display:none}
.inline-layer-rack.collapsed .rack-title{width:auto;padding:6px 0}
.inline-trader-chart-wrap.marking{cursor:crosshair}
.inline-trader-chart-wrap.marking:after{
  content:"CLIQUE NO GRÁFICO PARA MARCAR";
  position:absolute;
  top:10px;
  right:16px;
  color:#719ca3;
  font:500 8px 'DM Mono';
  letter-spacing:.1em;
}
.inline-user-marker{pointer-events:none}
.inline-trader-chart-wrap{
  position:relative;
  height:min(58vh,620px);
  min-height:430px;
  padding:5px 10px 0;
  background:#030405;
  border-top:1px solid #12171a;
}
.inline-trader-chart-wrap[data-height=s]{height:430px}
.inline-trader-chart-wrap[data-height=m]{height:min(58vh,620px)}
.inline-trader-chart-wrap[data-height=l]{height:min(70vh,760px)}
.inline-trader-chart-wrap[data-height=xl]{height:min(66.2vh,650px)}
#inlineTraderChart{display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom;user-select:none;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
/* No Gráfico TQP o gráfico é bem maior/espaçoso, fundo cinza-chumbo estilo Binomo */
body.tqp-terminal-mode .inline-trader-chart-wrap{height:min(78vh,900px);min-height:560px;background:#15181c;border-top-color:#282930}
body.tqp-terminal-mode .tqp-terminal-main .inline-trader-card{background:linear-gradient(180deg,#1f2328,#15181c);border-color:#2b2c33}
/* Painéis dos indicadores (MACD, Alligator, ADX, etc.) no MESMO cinza-chumbo do gráfico principal — só no Gráfico TQP */
body.tqp-terminal-mode .inline-rsi-panel,
body.tqp-terminal-mode .inline-rsi-chart-wrap{background:#15181c}
body.tqp-terminal-mode .tqp-terminal-main .inline-trader-head{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
/* No Gráfico TQP escondemos a faixa MESA TÉCNICA pra ficar limpo estilo QX */
body.tqp-terminal-mode .tqp-terminal-main .inline-layer-rack{display:none}
#inlineTraderChart path,#inlineTraderChart line{vector-effect:non-scaling-stroke}
#inlineTraderChart text{font-synthesis:none;paint-order:stroke;stroke:rgba(3,5,4,.18);stroke-width:.18px}
.inline-rsi-overlay{pointer-events:none}
.inline-rsi-overlay .inline-rsi-line,.inline-rsi-overlay .inline-rsi-glow{transform-box:fill-box;transform-origin:center}
.inline-rsi-overlay.pulsing .inline-rsi-line{animation:inline-rsi-pulse 3.4s ease-in-out infinite}
.inline-rsi-overlay.pulsing .inline-rsi-glow{animation:inline-rsi-glow-pulse 3.4s ease-in-out infinite}
@keyframes inline-rsi-pulse{
  0%,100%{opacity:.9;filter:drop-shadow(0 0 3px rgba(230,194,90,.35))}
  50%{opacity:1;filter:drop-shadow(0 0 6px rgba(230,194,90,.68))}
}
@keyframes inline-rsi-glow-pulse{
  0%,100%{opacity:.035}
  50%{opacity:.13}
}
.inline-rsi-panel{
  position:relative;
  border-top:1px solid #1b2227;
  background:#050505;
}
.inline-rsi-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:8px 18px;
  border-bottom:1px solid #14191d;
}
.inline-rsi-panel>header>div:first-of-type{display:flex;flex-direction:column;gap:3px;margin-right:auto}
.panel-drag-handle{flex:0 0 auto;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:26px;border:0;border-radius:6px;background:transparent;color:#4e5d5f;cursor:grab;padding:0;transition:color .14s ease,background .14s ease}
.panel-drag-handle:hover{color:#99bfc5;background:#13171a}
.panel-drag-handle:active{cursor:grabbing;color:#99bfc5}
.inline-rsi-panel.panel-dragging{opacity:.4}
.inline-rsi-panel.panel-drop-before{box-shadow:inset 0 3px 0 #99bfc5}
.inline-rsi-panel.panel-drop-after{box-shadow:inset 0 -3px 0 #99bfc5}
.inline-rsi-panel>header span{color:#647477;font:600 8px 'DM Mono';letter-spacing:.12em}
.inline-rsi-panel>header b{color:#d1d8d9;font:700 11px Manrope}
.inline-rsi-panel>header em{color:#75a7af;font:600 10px 'DM Mono';font-style:normal}
.inline-rsi-reading{display:flex;align-items:center;gap:12px}
.inline-rsi-reading>b{color:#75a7af!important;font:700 16px 'DM Mono'!important}
.inline-rsi-reading span[data-state=sobrecomprado]{color:#5f959d}
.inline-rsi-reading span[data-state=sobrevendido]{color:#e45a60}
.inline-rsi-chart-wrap{position:relative;height:230px;padding:0 10px;background:#040505}
#inlineRsiChart{display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom;user-select:none}
.inline-result-dot{
  transform-box:fill-box;
  transform-origin:center;
}
.vertex-decision-node{cursor:pointer}
.vertex-decision-node circle{transition:r .18s ease,filter .18s ease}
.vertex-decision-node:hover circle:first-child{r:11;opacity:.45}
.vertex-decision-node:hover circle:last-of-type{filter:drop-shadow(0 0 5px currentColor)}
.vertex-regime-zone,.vertex-conviction-badge{pointer-events:none}
.inline-result-dot.pulsing{
  filter:drop-shadow(0 0 1.5px rgba(226,203,139,.24));
  animation:inline-result-pulse 3.2s ease-in-out infinite;
}
@keyframes inline-result-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.07)}
}
@media(prefers-reduced-motion:reduce){
  .inline-result-dot.pulsing{animation:none}
  .inline-rsi-overlay.pulsing .inline-rsi-line,.inline-rsi-overlay.pulsing .inline-rsi-glow{animation:none}
}
.inline-trader-tooltip{
  position:absolute;
  z-index:3;
  pointer-events:none;
  min-width:190px;
  padding:9px 11px;
  border:1px solid #3d4e55;
  border-radius:7px;
  background:rgba(12,10,7,.96);
  color:#cad3d5;
  box-shadow:0 12px 30px rgba(0,0,0,.4);
  font:500 10px 'DM Mono';
  line-height:1.55;
}
.inline-trader-tooltip b{display:block;color:#9abfc4;font:700 12px Manrope}
.vertex-intelligence{
  border-top:1px solid #1b2227;
  background:#080907;
}
.vertex-intelligence>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 16px;
  border-bottom:1px solid #171c20;
}
.vertex-intelligence>header span{display:block;color:#678c92;font:600 8px 'DM Mono';letter-spacing:.14em}
.vertex-intelligence>header b{display:block;margin-top:4px;color:#d0d7d8;font-size:11px}
.vertex-intelligence nav{display:flex;gap:4px;overflow-x:auto}
.vertex-intelligence nav button{
  border:1px solid #242c2f;
  border-radius:5px;
  padding:6px 9px;
  background:#0d0e0b;
  color:#79898c;
  font:600 8px Manrope;
  white-space:nowrap;
  cursor:pointer;
}
.vertex-intelligence nav button.active{border-color:#466469;background:#14181b;color:#92b9bf}
.vertex-intel-panel{display:none;min-height:92px;padding:13px 16px}
.vertex-intel-panel.active{display:block}
.intel-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.vertex-intel-panel.active.intel-metrics,.vertex-intel-panel.active .intel-metrics{display:grid}
.intel-card{
  min-width:0;
  padding:10px 11px;
  border:1px solid #20282e;
  border-radius:6px;
  background:#090d12;
}
.intel-card span{display:block;color:#687577;font:600 7px 'DM Mono';letter-spacing:.1em}
.intel-card b{display:block;margin-top:5px;color:#d9dfe0;font:700 13px Manrope}
.intel-card small{display:block;margin-top:3px;color:#6f7f81;font:500 8px 'DM Mono';line-height:1.45}
.intel-card.good b{color:#669da6}.intel-card.bad b{color:#eb666b}.intel-card.warn b{color:#72a4ac}.intel-card.info b{color:#88a8bf}
.xray-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:7px}
.replay-console,.simulator-controls{display:flex;align-items:center;gap:7px}
.replay-console button,.simulator-controls button{
  border:1px solid #2b3437;border-radius:5px;padding:7px 10px;background:#0e1114;color:#90b3b8;font:600 8px Manrope;cursor:pointer
}
.replay-console input{flex:1;accent-color:#6b99a0}
.replay-console b{min-width:65px;color:#c8d0d1;font:600 9px 'DM Mono'}
.vertex-intel-panel>p{margin:9px 0 0;color:#616e70;font:500 8px 'DM Mono'}
.simulator-controls{margin-bottom:9px;flex-wrap:wrap}
.simulator-controls label{display:flex;align-items:center;gap:6px;color:#7b8b8e;font:600 8px Manrope}
.simulator-controls input,.simulator-controls select{width:70px;border:1px solid #293235;border-radius:4px;padding:6px;background:#08090a;color:#ced6d7;font:600 9px 'DM Mono'}
.pattern-builder-head{
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin-bottom:9px;
  padding-bottom:9px;
  border-bottom:1px solid #1a2024;
}
.pattern-builder-head label{display:grid;gap:4px;color:#708082;font:600 7px 'DM Mono';letter-spacing:.08em}
.pattern-builder-head label:first-child{flex:1}
.pattern-builder-head input,.pattern-builder-head select{
  min-width:180px;
  border:1px solid #293235;
  border-radius:5px;
  padding:7px 9px;
  background:#08090a;
  color:#cfd6d7;
  font:600 9px Manrope;
}
.pattern-builder-head button{
  border:1px solid #2b3437;border-radius:5px;padding:8px 10px;background:#0e1114;color:#8aacb2;font:600 8px Manrope;cursor:pointer
}
.pattern-status{
  min-height:18px;
  margin:0 0 8px;
  color:#707f81;
  font:600 8px 'DM Mono';
  letter-spacing:.04em;
  opacity:0;
  transform:translateY(-3px);
  transition:opacity .18s ease,transform .18s ease,color .18s ease;
}
.pattern-status.visible{opacity:1;transform:translateY(0)}
.pattern-status.success{color:#679da6}
.pattern-status.warn{color:#7eacb3}
.pattern-builder-head.pattern-loaded{
  animation:patternLoaded .65s ease;
}
@keyframes patternLoaded{
  0%,100%{filter:none}
  40%{filter:drop-shadow(0 0 8px rgba(56,213,138,.28))}
}
.pattern-rules{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:8px 0 10px;
}
.pattern-rules label{
  display:grid;
  grid-template-columns:18px 1fr;
  align-items:start;
  min-height:52px;
  padding:8px;
  border:1px solid #1f272d;
  border-radius:6px;
  background:#0c0e0b;
  cursor:pointer;
}
.pattern-rules input{grid-row:1/3;margin:2px 0 0;accent-color:#6b99a0}
.pattern-rules span{color:#c3d2d4;font:600 9px Manrope}
.pattern-rules small{margin-top:3px;color:#626f71;font:500 7px 'DM Mono';line-height:1.35}
.pattern-finder-head{display:flex;align-items:end;gap:10px;margin-bottom:8px}
.pattern-finder-head>label{display:grid;flex:1;gap:5px;color:#708082;font:600 8px 'DM Mono'}
.pattern-finder-head input{min-height:36px;padding:0 12px;border:1px solid #242c2f;border-radius:6px;background:#07090b;color:#e1e8e9}
.pattern-finder-head>button,.pattern-finder-mode button{min-height:36px;padding:0 14px;border:1px solid #2b3438;border-radius:6px;background:#0b0d0a;color:#77a8af;font:700 9px Manrope}
.pattern-finder-mode{display:flex}
.pattern-finder-mode button{border-radius:0}
.pattern-finder-mode button:first-child{border-radius:6px 0 0 6px}
.pattern-finder-mode button:last-child{border-radius:0 6px 6px 0}
.pattern-finder-mode button.active{background:#6aa0a8;color:#08090a}
.finder-engine-state{display:grid;grid-template-columns:10px auto;align-items:center;gap:1px 6px;min-width:125px;padding:5px 9px;border:1px solid #262e30;border-radius:6px;background:#0a0d0f}
.finder-engine-state i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#659ca4;box-shadow:0 0 0 4px rgba(49,216,135,.08);animation:finderHeartbeat 2.8s ease-in-out infinite}
.finder-engine-state span{color:#679da6;font:700 8px 'DM Mono'}
.finder-engine-state small{color:#696f69;font:500 7px 'DM Mono'}
@keyframes finderHeartbeat{50%{box-shadow:0 0 0 7px rgba(49,216,135,0);transform:scale(1.08)}}
.finder-disclaimer{margin:0 0 12px;color:#637274;font:500 8px 'DM Mono'}
.finder-chat{display:grid;gap:8px;max-height:220px;margin-bottom:8px;padding:12px;border:1px solid #1f2429;border-radius:7px;background:#060809;overflow:auto}
.finder-chat.collapsed{display:none}
.finder-chat-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#697577;font:700 8px 'DM Mono'}
.finder-chat-toolbar>div{display:flex;gap:5px}
.finder-chat-toolbar button{padding:6px 9px;border:1px solid #21292f;border-radius:5px;background:#0a0d0f;color:#6899a1;font:700 8px Manrope}
.finder-message{max-width:82%;padding:9px 11px;border-radius:8px;background:#10140f;color:#99a8aa}
.finder-message.user{justify-self:end;background:#191f23;color:#cfdcdf}
.finder-message b{display:block;margin-bottom:4px;color:#679da6;font:700 8px 'DM Mono'}
.finder-message.user b{color:#77a8af}
.finder-message p{margin:0;font:500 9px Manrope;line-height:1.55}
.finder-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.finder-suggestions button{padding:6px 9px;border:1px solid #21292f;border-radius:999px;background:#0a0d0f;color:#97a7aa;font:600 8px Manrope}
.pattern-finder-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.finder-card{padding:13px;border:1px solid #22262b;border-radius:7px;background:#0a0c0d}
.finder-card.best{border-color:#3c6167;box-shadow:inset 3px 0 #6aa0a8}
.finder-card.monitored{border-color:#4f777d;box-shadow:inset 3px 0 #679da6}
.finder-card.monitored header:after{content:"MONITORANDO";color:#679da6;font:700 7px 'DM Mono'}
.finder-card header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.finder-card header b{color:#dfe7e8;font:700 11px Manrope}
.finder-card header span{color:#6aa0a8;font:700 8px 'DM Mono'}
.finder-card strong{display:block;color:#679da6;font:800 20px Manrope}
.strategy-rate-split{display:flex;gap:6px;margin-top:7px}
.strategy-rate-split span{padding:5px 8px;border:1px solid #22262b;border-radius:4px;color:#687577;font:700 7px 'DM Mono'}
.strategy-rate-split span:first-child b{color:#679da6}.strategy-rate-split span:last-child b{color:#ed5f68}
.finder-card p,.finder-card small{display:block;margin:5px 0 0;color:#707f81;font:500 8px 'DM Mono';line-height:1.55}
.finder-card button{margin-top:10px;padding:7px 10px;border:1px solid #283134;border-radius:5px;background:#11140f;color:#77a8af;font:700 8px Manrope}
.monitor-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:9px}
.monitor-actions{display:flex;justify-content:flex-end;gap:6px;margin-bottom:9px}
.monitor-actions button{padding:7px 10px;border:1px solid #283134;border-radius:5px;background:#0a0d0f;color:#6698a0;font:700 8px Manrope}
.monitor-log{display:grid;gap:4px;max-height:310px;overflow:auto}
.monitor-log article{display:grid;grid-template-columns:110px minmax(180px,1fr) 130px 100px;gap:8px;align-items:center;padding:8px 10px;border:1px solid #1f2429;border-radius:5px;background:#090b0c;font:600 8px 'DM Mono'}
.monitor-log time,.monitor-log span{color:#687577}.monitor-log b{color:#cfd6d7}.monitor-log em{font-style:normal;text-align:right}
.monitor-log em.good{color:#679da6}.monitor-log em.bad{color:#ed5f68}.monitor-log em.pending{color:#6ba1a9}
.compact-mode .inline-layer-rack,.compact-mode .inline-trader-card>footer{display:none}
.compact-mode .inline-trader-chart-wrap{min-height:520px}
.compact-mode .vertex-intelligence>header>div{display:none}
.audit-list,.regime-list{display:grid;gap:4px}
.audit-row,.regime-row{display:grid;grid-template-columns:65px 1fr 95px 95px;gap:8px;align-items:center;padding:7px 9px;border:1px solid #1b2125;border-radius:5px;background:#0c0e0b;color:#97a7aa;font:500 8px 'DM Mono'}
.audit-row b,.regime-row b{color:#d2d8d9}
.intel-state{display:inline-flex;align-items:center;gap:6px}
.intel-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#6c7580}
.intel-state.over:before{background:#5c949d}.intel-state.under:before{background:#e05c63}.intel-state.neutral:before{background:#7c98b0}.intel-state.transition:before{background:#72a4ac}
@media(max-width:900px){
  .vertex-intelligence>header{align-items:flex-start;flex-direction:column}
  .vertex-intelligence nav{width:100%}
  .intel-metrics,.xray-grid{grid-template-columns:1fr 1fr}
  .pattern-builder-head{align-items:stretch;flex-direction:column}
  .pattern-rules{grid-template-columns:1fr 1fr}
  .pattern-finder-head{align-items:stretch;flex-direction:column}
  .pattern-finder-result{grid-template-columns:1fr}
  .monitor-summary{grid-template-columns:1fr 1fr}
  .monitor-log article{grid-template-columns:80px 1fr}
  .monitor-log article span{display:none}
  .monitor-log article em{text-align:left}
  .inline-trader-card{border-radius:0}
  .inline-trader-controls{overflow-x:auto;flex-wrap:nowrap}
  .inline-trader-chart-wrap{min-height:420px}
  .vertex-intelligence nav{overflow-x:auto;flex-wrap:nowrap}
}
@media(max-width:560px){
  .monitor-summary,.intel-metrics,.xray-grid,.pattern-rules{grid-template-columns:1fr}
  .pattern-finder-head input{font-size:16px}
  .finder-message{max-width:94%}
  .inline-trader-chart-wrap{min-height:360px}
  .inline-rsi-chart-wrap{height:180px}
  .inline-rsi-parameter{flex-wrap:wrap}
  .inline-rsi-parameter>b{margin-left:0}
}
.inline-trader-card>footer{
  display:flex;
  justify-content:space-between;
  padding:10px 17px;
  border-top:1px solid #1b2328;
  color:#5e6e71;
  font:500 9px 'DM Mono';
}
.inline-trader-card>footer b{color:#6b9399}
@media(max-width:720px){
  .inline-trader-head{align-items:flex-start;flex-direction:column;gap:12px}
  .inline-trader-controls{width:100%}
  .inline-trader-controls label{flex:1}
  .inline-trader-controls>button{display:none}
  .inline-parameter-panel{top:118px;left:8px;right:8px;width:auto}
  .inline-display-settings{grid-template-columns:1fr 1fr;gap:15px}
  .parameter-options{grid-column:1/-1}
  .inline-parameter-grid{grid-template-columns:1fr}
  .inline-parameter-grid label:last-child{grid-column:auto}
  .inline-parameter-grid label{grid-template-columns:minmax(120px,1fr) 100px 30px}
  .inline-layer-rack{overflow-x:auto}
  .inline-layer-rack .rack-title{display:none}
  .inline-trader-chart-wrap{min-height:360px}
}

/* ============================================================================
   TQP — IDENTIDADE OURO PREMIUM  (bloco final: vence a cascata)
   Preto profundo + ouro rico com profundidade. Verde/vermelho ficam APENAS
   onde são semânticos (viés Over/Under, win/loss das células).
   ========================================================================== */
:root{
  --bg:#040507;
  --surface:#0b0e10;
  --surface-2:#0e1215;
  --line:#262e31;
  --line-soft:#171d21;
  --text:#e4eaeb;
  --muted:#82979a;
  --gold:#709da4;
  --gold-light:#b4cfd3;
  --tqp-gold:#709da4;
  --tqp-gold-hi:#b4cfd3;
  --tqp-gold-lo:#486b70;
  --tqp-hair:rgba(201,162,75,.20);
}
body{
  background:
    radial-gradient(ellipse 1000px 420px at 50% -200px,rgba(201,162,75,.14),transparent 68%),
    radial-gradient(ellipse 700px 300px at 50% 102%,rgba(140,109,44,.06),transparent 70%),
    linear-gradient(180deg,#060708,#040505 55%,#050607);
}

/* ---- Topbar + fio dourado ---- */
.topbar{border-color:transparent;position:relative}
.topbar:before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,75,.55) 22%,rgba(244,221,147,.75) 50%,rgba(201,162,75,.55) 78%,transparent);
}
.topbar:after{
  content:"AO VIVO · VIRTUAL";color:#709da4;background:transparent;
  left:0;bottom:-9px;letter-spacing:.22em;font:600 8px 'DM Mono';opacity:.85;
}

/* ---- Logotipo TQP ---- */
.brand{column-gap:11px}
.brand>span{
  width:23px;height:23px;border-radius:6px;transform:rotate(45deg);
  border:1px solid #3f5d62;font-size:0;
  background:linear-gradient(135deg,#bad3d7 0%,#79a7ae 42%,#486b70 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -2px 3px rgba(0,0,0,.35),0 0 14px rgba(201,162,75,.28);
}
.brand>span:after{
  content:"";position:relative;display:block;width:7px;height:7px;
  transform:rotate(0deg);border-radius:2px;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(140,109,44,.2));
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
}
.brand>b{
  font:800 21px Manrope;letter-spacing:.16em;
  background:linear-gradient(180deg,#c8dbde 0%,#8bb5bb 46%,#5e8b91 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 1px 5px rgba(201,162,75,.22));
}
.brand>small{
  color:#6b8b90;font:500 8px 'DM Mono';letter-spacing:.16em;margin-top:5px;
}

/* ---- Provedores ---- */
.provider{color:#82979a;border-radius:8px}
.provider:hover{color:#b5cfd2}
.provider.active{
  border-color:#3f5d62;color:#b4cfd3;
  background:linear-gradient(180deg,#14191d,#0d1012);
  box-shadow:inset 0 0 0 1px rgba(201,162,75,.14),0 0 16px rgba(201,162,75,.12);
}

/* ---- Barra de ligas ---- */
.leaguebar button{border-radius:8px;border-color:#1c2328;background:#090b0c;color:#8b9fa2}
.leaguebar button:hover{border-color:#3c5057;color:#c1d7da}
.leaguebar button.active{
  border-color:#4a6b70;color:#0b0e10;
  background:linear-gradient(180deg,#9ec3c9,#63949c 60%,#548188);
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 3px 12px rgba(201,162,75,.22);
}

/* ---- Botões contorno ---- */
.outline{border-radius:8px;border-color:#2b3438;background:#0a0d0f;color:#b2c5c8}
.outline:hover{border-color:#4f6d72;background:#13171a;color:#b4cfd3}

/* ---- Cartões: filete dourado no topo ---- */
.matrix-card:before{background:linear-gradient(90deg,transparent,#709da4,transparent);opacity:.55}

/* ---- Nav inferior ---- */
.bottom-nav{border-color:#323c40;background:rgba(14,12,9,.96);box-shadow:0 16px 44px rgba(0,0,0,.5)}
.bottom-nav button{color:#84989b;border-radius:8px}
.bottom-nav button:hover{color:#c1d7da}
.bottom-nav button.active{
  color:#0b0e10;
  background:linear-gradient(180deg,#9ec3c9,#5d8e96);
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 14px rgba(201,162,75,.25);
}

/* ---- Radar / resumo ---- */
.radar header em{color:#8bb5bb}
.radar-score strong{color:#b4cfd3}
.summary-row article:before{background:linear-gradient(180deg,#b4cfd3,#5e8b91)}

/* ---- Modal de mercado ---- */
.market-dialog{border-color:#3c515a;box-shadow:0 26px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(201,162,75,.08)}
.market-dialog h3{color:#8bb5bb}
.market-options button.selected{border-color:#709da4;background:#181e22;color:#b4cfd3}

/* ---- Central de Parâmetros (painel inline) ---- */
.inline-parameter-panel{
  border:1px solid #3c515a;
  background:linear-gradient(180deg,#0b0d0f,#070809);
  box-shadow:0 30px 84px rgba(0,0,0,.72),0 0 0 1px rgba(201,162,75,.05),inset 0 1px 0 rgba(201,162,75,.10);
}
.inline-display-settings{background:linear-gradient(180deg,#0a0d0f,#07090b);border-bottom:1px solid rgba(201,162,75,.14)}
.inline-display-settings legend{color:#70979d;letter-spacing:.16em}
.parameter-segment{border-color:#242b2e;background:#060708}
.parameter-segment button{color:#71878a}
.parameter-segment button.active{
  background:linear-gradient(180deg,#181f23,#0f1316);color:#b4cfd3;
  box-shadow:inset 0 0 0 1px rgba(201,162,75,.28);
}

/* ---- Central de Parâmetros: linhas de indicador (acabamento) ---- */
.inline-indicator-row{
  border-color:#2e373b;
  background:linear-gradient(180deg,#0c0f11,#0a0c0d);
  transition:border-color .12s ease,box-shadow .12s ease;
}
.inline-indicator-row:hover{border-color:#3f5d62;box-shadow:0 0 0 1px rgba(201,162,75,.10)}
.inline-indicator-row>input[type=number]{border-color:#2d373b;background:#070809}
.inline-indicator-row>input[type=number]:focus{border-color:#709da4;box-shadow:0 0 0 2px rgba(201,162,75,.18)}
.inline-indicator-row>b{color:#90b7bd}
.inline-structure-title{color:#70979d}

/* Pulso do canal de Bollinger (botão Pulsar por linha) */
.inline-bollinger-band.pulsing{animation:inline-bollinger-pulse 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes inline-bollinger-pulse{0%,100%{stroke-opacity:.4}50%{stroke-opacity:1}}
@media (prefers-reduced-motion:reduce){.inline-bollinger-band.pulsing{animation:none}}

/* Mini-painel do MACD (abaixo do gráfico principal, quando ligado nos parâmetros) */
.inline-macd-panel .inline-macd-hist.positive{fill:#22c55e}
.inline-macd-panel .inline-macd-hist.negative{fill:#ef4444}
.inline-macd-panel,.inline-macd-panel .inline-rsi-chart-wrap,#inlineMacdChart{overflow:hidden}
.inline-macd-panel .inline-rsi-chart-wrap{height:190px;isolation:isolate}
.vertex-intelligence>header{display:none}
.inline-macd-zero{stroke:rgba(212,175,55,.18);stroke-width:1}
.inline-macd-reading span{color:#b0bdbf;font:600 11px 'DM Mono';letter-spacing:.02em}
.inline-macd-group.pulsing{animation:inline-macd-pulse 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes inline-macd-pulse{0%,100%{opacity:.72}50%{opacity:1}}
.macd-dot{width:8px;height:8px;margin-right:9px;border-radius:50%;background:#e0e6e7;box-shadow:0 0 8px rgba(237,232,218,.5)}
@media (prefers-reduced-motion:reduce){.inline-macd-group.pulsing{animation:none}}

/* MM 9 (ciano) e MM 200 (roxo) — mesmas cores da OFTEN */
.inline-layer-rack .line-mm9,.inline-trader-chips .line-mm9{background:#599ea6}
.inline-layer-rack .line-mm200,.inline-trader-chips .line-mm200{background:#9333ea}
.mm9-dot,.mm200-dot{width:8px;height:8px;margin-right:9px;border-radius:50%;flex:0 0 auto}
.mm9-dot{background:#599ea6;box-shadow:0 0 8px rgba(0,229,255,.55)}
.mm200-dot{background:#9333ea;box-shadow:0 0 8px rgba(147,51,234,.55)}
.inline-fixed-ma-parameter .fixed-ma-description{color:#768b8e;font:500 10px 'DM Mono';letter-spacing:.02em}
/* Alligator: ponto tricolor (azul/vermelho/verde) + legenda do painel */
.alligator-dot{width:9px;height:9px;margin-right:9px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#3b82f6 0 33%,#ef4444 33% 66%,#22c55e 66% 100%);box-shadow:0 0 8px rgba(90,140,90,.4)}
.inline-alligator-legend{display:flex;align-items:center;gap:10px;color:#a4b5b8;font:600 10px 'DM Mono';letter-spacing:.02em}
.inline-alligator-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:4px;vertical-align:middle}
/* os svg do Alligator/ADX/Estocástico precisam preencher exatamente o wrap (senão transbordam) */
#inlineAlligatorChart,#inlineAdxChart,#inlineStochChart,#inlineRenkoChart,#inlineElderChart,#inlineRviChart,#inlineFiboChart,#inlineZigzagChart{display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom;user-select:none}
.inline-alligator-panel .inline-rsi-chart-wrap{height:210px}
/* ponto do ADX: dourado/verde/vermelho */
.adx-dot{width:9px;height:9px;margin-right:9px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#55949d 0 33%,#22c55e 33% 66%,#ef4444 66% 100%);box-shadow:0 0 8px rgba(180,150,60,.4)}
/* ponto do Estocástico: ciano/laranja */
.stoch-dot{width:9px;height:9px;margin-right:9px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#5a9da6 0 50%,#84b5bd 50% 100%);box-shadow:0 0 8px rgba(60,150,160,.4)}
/* ponto do Renko: verde/vermelho */
.renko-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:linear-gradient(135deg,#1fcc59 0 50%,#ef4444 50% 100%);box-shadow:0 0 8px rgba(120,150,80,.4)}
/* ponto do Elder Impulse: verde/vermelho/azul */
.elder-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:conic-gradient(#22c55e 0 33%,#ef4444 33% 66%,#3b82f6 66% 100%);box-shadow:0 0 8px rgba(90,130,150,.4)}
/* ponto do RVI: roxo */
.rvi-dot{width:9px;height:9px;margin-right:9px;border-radius:50%;flex:0 0 auto;background:#9d8cf5;box-shadow:0 0 8px rgba(157,140,245,.45)}
/* ponto do Fibonacci: gradiente verde→dourado→vermelho (as faixas) */
.fibo-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:linear-gradient(#ef4444,#86989a,#62a58d);box-shadow:0 0 8px rgba(180,150,60,.4)}
/* ponto do ZigZag: verde/vermelho em diagonal */
.zigzag-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:linear-gradient(45deg,#22c55e 0 50%,#ef4444 50% 100%);box-shadow:0 0 8px rgba(120,150,80,.4)}
/* ponto do SuperTrend: verde/vermelho vertical */
.supertrend-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:linear-gradient(#17c964 0 50%,#ef4444 50% 100%);box-shadow:0 0 8px rgba(120,150,80,.4)}
/* ponto do Fractal Chaos: âmbar (teto) / ciano (piso) */
.fractal-dot{width:9px;height:9px;margin-right:9px;border-radius:2px;flex:0 0 auto;background:linear-gradient(#7fadb4 0 50%,#6c9aa3 50% 100%);box-shadow:0 0 8px rgba(150,140,100,.4)}
/* toggle Janela/Swing no cabeçalho do Fibonacci */
.fibo-header-right{display:flex;align-items:center;gap:12px}
.fibo-mode-toggle{display:flex;gap:0;border:1px solid #212a30;border-radius:7px;overflow:hidden;background:#101316}
.fibo-mode-toggle button{padding:5px 11px;border:0;background:transparent;color:#74878a;font:600 10px 'Manrope',Arial,sans-serif;cursor:pointer;letter-spacing:.02em}
.fibo-mode-toggle button:hover{color:#bbcccf}
.fibo-mode-toggle button.active{background:#99bfc5;color:#0e1215}
/* botão Gradiente no cabeçalho dos painéis */
.panel-grad-toggle{padding:5px 11px;border-radius:7px;border:1px solid #212a30;background:#101316;color:#74878a;font:600 10px 'Manrope',Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.panel-grad-toggle:hover{border-color:#364146;color:#bbcccf}
.panel-grad-toggle.active{background:#99bfc5;border-color:#99bfc5;color:#0e1215}
/* Seletor de liga no header do Trader (botão + dropdown) */
.inline-league-select{position:relative;display:inline-block}
.inline-league-trigger{display:inline-flex;align-items:center;gap:7px;background:#13171a;border:1px solid #364146;border-radius:8px;padding:4px 11px;cursor:pointer;vertical-align:middle;transition:border-color .14s ease,background .14s ease}
.inline-league-trigger:hover{border-color:#99bfc5;background:#161b1f}
.ill-tag{font:700 9px 'DM Mono','Manrope',monospace;letter-spacing:.12em;text-transform:uppercase;color:#709da4;background:#1b2226;border:1px solid #2c393e;border-radius:4px;padding:2px 6px;line-height:1}
.inline-league-trigger small{color:#e0e6e7;font:inherit;font-weight:700}
.inline-league-trigger i{font-style:normal;color:#99bfc5;font-size:11px;line-height:1}
.inline-league-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:60;width:290px;max-height:360px;display:flex;flex-direction:column;gap:7px;padding:9px;background:#0a0c0e;border:1px solid #293235;border-radius:11px;box-shadow:0 24px 64px rgba(0,0,0,.66)}
.inline-league-menu.hidden{display:none}
.inline-league-menu input{width:100%;box-sizing:border-box;padding:8px 11px;border:1px solid #212a30;border-radius:8px;background:#070809;color:#e0e6e7;font:600 12px 'Manrope',Arial,sans-serif;outline:0}
.inline-league-menu input:focus{border-color:#709da4}
.inline-league-menu .league-select-list{max-height:290px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.inline-league-menu .league-option{display:block;width:100%;text-align:left;padding:8px 11px;border:0;background:transparent;color:#bbcccf;font:600 12px 'Manrope',Arial,sans-serif;cursor:pointer;border-radius:7px}
.inline-league-menu .league-option:hover{background:#151a1d;color:#e0e6e7}
.inline-league-menu .league-option.active{background:#99bfc5;color:#0e1215}
.inline-league-menu .league-select-empty{color:#74878a;font:12px 'Manrope',Arial,sans-serif;padding:9px}
.inline-fixed-ma-parameter>b{margin-left:auto}

/* Tooltip de hover do gráfico — layout estilo OFTEN (horário, placar, indicadores) */
.inline-trader-tooltip{min-width:210px}
.inline-trader-tooltip .tip-time{color:#9abfc4;font:700 14px Manrope;margin-bottom:1px}
.inline-trader-tooltip>b{display:block;color:#eaeff0;font:700 13px Manrope}
.inline-trader-tooltip .tip-ht{color:#78898c;font:italic 500 11px Manrope;margin-top:1px}
.inline-trader-tooltip .tip-rows{display:flex;flex-direction:column;gap:3px;margin-top:7px}
.inline-trader-tooltip .tip-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.inline-trader-tooltip .tip-row span{display:flex;align-items:center;gap:7px;color:#b3c6c9;font:500 11px 'DM Mono'}
.inline-trader-tooltip .tip-row i{width:8px;height:8px;border-radius:2px;flex:none}
.inline-trader-tooltip .tip-row b{display:inline;color:#dee7e8;font:600 11px 'DM Mono'}

/* Linha guia vertical (crosshair) do gráfico inline — âmbar pontilhada, estilo OFTEN */
.inline-cross{stroke:#87b2b9;stroke-width:1;stroke-dasharray:3 4;opacity:.72;pointer-events:none}

/* Corrige o corte da fileira de horários do MACD: o SVG deve preencher o wrap (como o RSI), não desenhar 208px num container de 190px */
#inlineMacdChart{display:block;width:100%;height:100%}

/* Seletor de ligas em dropdown (substitui a barra de rolagem horizontal) */
.leaguebar{overflow:visible}
.league-select{position:relative}
.leaguebar .league-select-trigger{display:inline-flex;align-items:center;gap:10px;min-width:240px;border:1px solid #2c3539;background:#0e1113;color:#d0e0e3;border-radius:7px;padding:11px 14px;font:700 13px Manrope;cursor:pointer}
.league-select-trigger:hover{border-color:#466165}
.league-select-trigger .league-select-tag{color:#6b868a;font:700 9px 'DM Mono';letter-spacing:.14em}
.league-select-trigger #leagueSelectCurrent{color:#cddfe1;margin-right:auto;font-size:14px}
.league-select-trigger i{font-style:normal;color:#719da4;font-size:11px}
.league-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:340px;max-width:92vw;background:#0b0e10;border:1px solid #313c40;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.55);padding:8px;isolation:isolate}
.league-select-search{width:100%;border:1px solid #252c2f;background:#07090a;color:#d6e1e3;border-radius:6px;padding:9px 11px;font:600 12px Manrope;margin-bottom:8px;outline:none}
.league-select-search:focus{border-color:#466165}
.league-select-search::placeholder{color:#63797c}
.league-select-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.leaguebar .league-option{flex:none;min-height:40px;display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#d4dddf;padding:11px 13px;border-radius:5px;font:600 14px/1.35 Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.league-option:hover{background:#151b1f;color:#d4e3e6}
.league-option.active{background:var(--gold);color:#111518}
.league-select-empty{padding:12px;color:#73878a;font:600 12px Manrope;text-align:center}

/* Faixa de estatísticas no cabeçalho da tabela (CASA/FORA/Over/Ambas/Gols) */
.matrix-stats{display:flex;align-items:center;gap:26px}
.matrix-stats:empty{display:none}
.matrix-stats .mstat{display:flex;flex-direction:column;gap:2px;min-width:46px}
.matrix-stats .mstat span{color:#74878a;font:700 9px 'DM Mono';letter-spacing:.11em}
.matrix-stats .mstat b{font:700 17px 'DM Mono';color:#dce4e5;line-height:1}
.matrix-stats .mstat.casa b{color:#5b858b}
.matrix-stats .mstat.fora b{color:#c65b59}

/* Duas porcentagens da referência (mercado over/under) — verde no lado dominante */
.matrix-stats .mstat b{font-size:19px}
.matrix-stats .mstat.hi b{color:#5b858b}
.matrix-stats .mstat.lo b{color:#c65b59}

/* Controlbar sem o bloco de pressão: mantém os botões à direita */
.controlbar .control-buttons{margin-left:auto}

/* Faixa inferior: Sinal + Distribuição de gols + Próxima rodada */
.summary-row .goaldist-card{grid-column:span 2}
.sig-card{border-left:3px solid #2d363a}
.sig-card b{font:800 22px Manrope;letter-spacing:.2px}
.sig-card.go-over{border-left-color:#5b858b}
.sig-card.go-over b{color:#76a0a6}
.sig-card.go-under{border-left-color:#c65b59}
.sig-card.go-under b{color:#e0776f}
.sig-card.wait{border-left-color:#466165}
.sig-card.wait b{color:#90b8be}
.goaldist{display:flex;align-items:flex-end;gap:12px;height:74px;margin-top:10px}
.goaldist .gd-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.goaldist .gd-col b{font:700 11px 'DM Mono';color:#c6cfd1}
.goaldist .gd-track{width:100%;flex:1;display:flex;align-items:flex-end;background:#101417;border-radius:3px;overflow:hidden}
.goaldist .gd-bar{width:100%;background:linear-gradient(180deg,#6ea2aa,#43686d);border-radius:3px 3px 0 0}
.goaldist .gd-col span{font:700 10px 'DM Mono';color:#74878a}
.nextround-card b{font:800 26px 'DM Mono';color:#9dc0c5;letter-spacing:1px}
.nextround-card #lastMatch{color:#82979a}

/* ===== Vidro + glow (preview de material) ===== */
.matrix-card,.radar,.inline-trader-card,.chart-card,.trend-card,.summary-row article,.league-cards article{
  background:rgba(17,24,22,.5) !important;
  -webkit-backdrop-filter:blur(15px) saturate(125%);
  backdrop-filter:blur(15px) saturate(125%);
  border:1px solid rgba(255,255,255,.05) !important;
  border-radius:14px !important;
  box-shadow:0 26px 64px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05) !important;
  position:relative;
}
.matrix-card::before,.radar::before,.inline-trader-card::before,.chart-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 60%,transparent),transparent 42%,rgba(255,255,255,.06));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;
}
.dashboard-grid{position:relative}
.dashboard-grid::before{content:"";position:absolute;left:-10px;right:-10px;top:-34px;height:190px;z-index:0;pointer-events:none;
  background:radial-gradient(620px 170px at 70% 0,rgba(75,201,142,.16),transparent 70%);filter:blur(4px)}
.dashboard-grid>*{position:relative;z-index:1}

/* ===== Refino PRO: matriz + tipografia ===== */
/* tiles arredondados com respiro (heatmap de trader) */
#matrix{border-collapse:separate !important;border-spacing:3px !important}
#matrix th,#matrix td{border:0 !important;border-radius:6px}
#matrix td{font:700 13.5px 'DM Mono' !important;font-variant-numeric:tabular-nums;letter-spacing:.3px}
#matrix td.good{background:linear-gradient(180deg,#38545f,#293d45) !important;color:#f3f7f8 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
#matrix td.bad{background:linear-gradient(180deg,#8c3238,#6b2429) !important;color:#ffeceb !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#matrix td.pending{background:rgba(255,255,255,.018) !important;color:#39454a !important;box-shadow:none}
#matrix td.rowlabel,#matrix td.row-stat,#matrix td.goals-total{background:#0f1215 !important;color:#d7e1e2}
#matrix tbody tr:hover td{filter:brightness(1.16) saturate(1.08)}
/* cabecalhos limpos + sticky ajustado ao novo respiro */
#matrix thead th{background:#0c0f11 !important}
#matrix thead tr:first-child th{top:0}
#matrix thead tr:nth-child(2) th{top:45px}
#matrix .matrix-percent th{height:46px;background:#0c0f11 !important;color:#99a6a9 !important;font:700 12.5px 'DM Mono';font-variant-numeric:tabular-nums}
#matrix .matrix-percent b{font-size:9px;color:#6f868a}
#matrix .matrix-round th{height:30px;background:#0e1215 !important;color:#8aa3a7 !important;font:600 11px 'DM Mono'}
#matrix .matrix-percent th.stat-good,#matrix td.row-stat.stat-good{color:#74a3ab !important}
#matrix .matrix-percent th.stat-bad,#matrix td.row-stat.stat-bad{color:#e8746f !important}
/* tipografia de comando (topo) */
#matrixTitle{font:800 21px Sora,Manrope !important;letter-spacing:-.3px}
.matrix-heading>div>span,.matrix-heading small{letter-spacing:.14em}
.matrix-stats{gap:30px}
.matrix-stats .mstat b{font:800 23px Sora,'DM Mono' !important;font-variant-numeric:tabular-nums;line-height:1}
.matrix-stats .mstat span{font-size:9px;letter-spacing:.14em}
#matrixRange{font-size:11px;color:#7f8d8f}
/* menos espaco morto */
.controlbar{min-height:46px}

/* ===== Cassino: ouro champanhe + vinho ===== */
:root{--gold:#99bfc5 !important;--gold-light:#bdd8dc !important}
#matrix td.good{background:linear-gradient(180deg,#709da4,#4c757c) !important;color:#0e1419 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
#matrix td.bad{background:linear-gradient(180deg,#7e2731,#5a1b23) !important;color:#ffe6e3 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#matrix .matrix-percent th.stat-good,#matrix td.row-stat.stat-good{color:#97c0c6 !important}
#matrix .matrix-percent th.stat-bad,#matrix td.row-stat.stat-bad{color:#d98a86 !important}
.matrix-stats .mstat.hi b{color:#97c0c6 !important}
.matrix-stats .mstat.lo b{color:#d98a86 !important}
.dashboard-grid::before{background:radial-gradient(620px 170px at 70% 0,rgba(228,198,122,.16),transparent 70%) !important}
.matrix-card::before,.radar::before,.inline-trader-card::before,.chart-card::before{background:linear-gradient(140deg,rgba(228,198,122,.55),transparent 42%,rgba(255,255,255,.06)) !important}
body{background:radial-gradient(900px 480px at 78% -160px,rgba(228,198,122,.10),transparent 60%),radial-gradient(700px 420px at 8% 120%,rgba(228,198,122,.05),transparent 55%),#050607 !important}

/* ===== Células voltam a VERDE/VERMELHO (semântico) — acento fica ouro ===== */
#matrix td.good{background:linear-gradient(180deg,#1c8250,#12603a) !important;color:#ecfff5 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important}
#matrix td.bad{background:linear-gradient(180deg,#9a343a,#701f26) !important;color:#ffeceb !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important}
#matrix .matrix-percent th.stat-good,#matrix td.row-stat.stat-good{color:#4fd08a !important}
#matrix .matrix-percent th.stat-bad,#matrix td.row-stat.stat-bad{color:#e8746f !important}
.matrix-stats .mstat.hi b{color:#4fd08a !important}
.matrix-stats .mstat.lo b{color:#e8746f !important}

/* ===== Fundo limpo: tira a mancha dourada, preto quente uniforme ===== */
body{background:#050607 !important}
.dashboard-grid::before{display:none !important}

/* ===== H2H (confronto direto) — painel ao clicar numa célula ===== */
#matrix td[data-home]{cursor:pointer;transition:filter .12s ease}
#matrix td[data-home]:hover{filter:brightness(1.18) saturate(1.12)}
#tqpH2H{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(4,3,1,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
#tqpH2H.open{display:flex;animation:h2hfade .18s ease}
@keyframes h2hfade{from{opacity:0}to{opacity:1}}
.h2h-card{position:relative;width:min(840px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#0b0e11,#07090a);border:1px solid rgba(228,198,122,.28);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6);padding:22px 22px 24px;color:#e3ebed;animation:h2hpop .22s cubic-bezier(.2,.8,.2,1)}
@keyframes h2hpop{from{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.h2h-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#abbdbf;font-size:18px;cursor:pointer;line-height:1}
.h2h-x:hover{background:rgba(228,198,122,.16);color:#fff}
.h2h-head{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 34px 18px;text-align:center}
.h2h-head b{font:800 17px 'Sora',sans-serif;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2h-head span{color:#99bfc5;font-weight:700}
.h2h-record{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}
.h2h-rc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 6px;text-align:center}
.h2h-rc strong{display:block;font:800 26px 'Sora',sans-serif;color:#4fd08a;font-variant-numeric:tabular-nums}
.h2h-rc.draw strong{color:#99bfc5}
.h2h-rc.lose strong{color:#e8746f}
.h2h-rc small{display:block;margin-top:3px;font-size:10.5px;color:#8aa5a9;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2h-meta{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:11.5px;color:#8aa5a9;margin-bottom:16px}
.h2h-meta b{color:#e3ebed}
.h2h-bars{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.h2h-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px}
.h2h-bl{font-size:12.5px;color:#c3cecf}
.h2h-bv{font:700 12.5px 'DM Mono',monospace;color:#e3ebed;font-variant-numeric:tabular-nums}
.h2h-bt{grid-column:1/3;height:7px;border-radius:5px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.h2h-bt::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:linear-gradient(90deg,#709da4,#9ec3c9)}
.h2h-form{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
.h2h-form>span{font-size:11px;color:#8aa5a9;text-transform:uppercase;letter-spacing:.04em}
.h2h-form>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.h2h-f{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font:800 11px 'DM Mono',monospace;color:#fff}
.h2h-f.win{background:linear-gradient(180deg,#1c8250,#12603a)}
.h2h-f.loss{background:linear-gradient(180deg,#9a343a,#701f26)}
.h2h-f.draw{background:rgba(255,255,255,.12);color:#abbdbf}
.h2h-none{color:#8aa5a9;text-align:center;font-size:13px;line-height:1.7;padding:16px 4px 6px}

/* H2H — seletor de times no topo do painel */
.h2h-pick{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:12px 0 18px}
.h2h-sel{width:100%;background:#080a0c;border:1px solid rgba(228,198,122,.28);color:#fff;font:700 13px 'Sora',sans-serif;border-radius:10px;padding:9px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center}
.h2h-sel:focus{outline:none;border-color:rgba(228,198,122,.6)}
.h2h-vs{color:#99bfc5;font-weight:800}
.h2h-none b{color:#e3ebed}

/* ===== Cabeçalho PRO — chip AO VIVO + seletor + fio dourado ===== */
.topbar{position:relative}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,198,122,.55),transparent)}
.providers{border:1px solid #1b2226;background:#080a0c;border-radius:11px;padding:4px;gap:3px}
.provider{border:0;border-radius:8px;padding:7px 12px;font:600 12px Manrope;color:#7c969a}
.provider.active{background:linear-gradient(180deg,#9ec3c9,#709da4)!important;color:#10161a!important;border:0!important}
.provider.active i{background:#10161a!important;box-shadow:none!important}
.top-actions{gap:14px}
.live-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid rgba(228,198,122,.32);background:rgba(228,198,122,.07);color:#b7d1d4;font:700 10.5px Manrope;letter-spacing:.09em}
.live-chip i{width:7px;height:7px;border-radius:50%;background:#99bfc5;animation:tqplive 1.6s ease-out infinite}
@keyframes tqplive{0%{box-shadow:0 0 0 0 rgba(228,198,122,.55)}70%{box-shadow:0 0 0 7px rgba(228,198,122,0)}100%{box-shadow:0 0 0 0 rgba(228,198,122,0)}}
.sep-label{color:#7a8a8d;font:10px 'DM Mono';letter-spacing:.06em}
.avatar{border:1.5px solid rgba(228,198,122,.5)!important;box-shadow:0 0 0 3px rgba(228,198,122,.08)}

/* H2H — rótulo da liga + seletor mais folgado */
.h2h-league{margin:2px 40px 0;font:700 10.5px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#8aa5a9}
.h2h-league::first-line{color:#8aa5a9}
.h2h-sel{font-size:14px;padding:11px 12px}

/* ===== H2H v2 — duas colunas: confronto direto + forma dos times ===== */
.h2h-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.h2h-col-side{display:flex;flex-direction:column;gap:12px;border-left:1px solid rgba(255,255,255,.07);padding-left:18px}
.h2h-side-label{font:700 10px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#8aa5a9;margin-bottom:-2px}
/* lista de confrontos diretos */
.h2h-games{margin-top:4px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.h2h-glabel{display:block;font:700 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8aa5a9;margin-bottom:8px}
.h2h-grow{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.h2h-grow:last-child{border-bottom:0}
.h2h-gwhen{font:600 11px 'DM Mono',monospace;color:#7a8a8d;min-width:74px}
.h2h-gsc{flex:1;font:600 12.5px Manrope;color:#d7dfe0}
.h2h-gsc em{font-style:normal;font-weight:800;color:#fff;margin:0 4px}
.h2h-gdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.h2h-gdot.win{background:#4fd08a}
.h2h-gdot.loss{background:#e8746f}
.h2h-gdot.draw{background:#b0bdbf}
/* mini-card de time */
.h2h-team{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 13px}
.h2h-team header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.h2h-team header b{font:800 14px 'Sora',sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2h-team header span{font:600 10.5px 'DM Mono',monospace;color:#8aa5a9;flex:0 0 auto}
.h2h-trec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:11px}
.h2h-trec div{text-align:center;background:rgba(0,0,0,.25);border-radius:8px;padding:6px 2px}
.h2h-trec strong{display:block;font:800 17px 'Sora',sans-serif}
.h2h-trec div:nth-child(1) strong{color:#4fd08a}
.h2h-trec div:nth-child(2) strong{color:#99bfc5}
.h2h-trec div:nth-child(3) strong{color:#e8746f}
.h2h-trec small{display:block;font-size:9.5px;color:#7a8a8d;margin-top:1px}
.h2h-tline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:7px}
.h2h-tline span{font-size:11.5px;color:#c3cecf;min-width:56px}
.h2h-tline b{font:700 11.5px 'DM Mono',monospace;color:#e3ebed;min-width:34px;text-align:right}
.h2h-tmeta{font-size:11px;color:#8aa5a9;margin:6px 0 9px}
.h2h-tmeta b{color:#e3ebed}
.h2h-tform{display:flex;gap:4px;flex-wrap:wrap}
.h2h-fnone{color:#5c6c6f}
@media(max-width:680px){.h2h-cols{grid-template-columns:1fr}.h2h-col-side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}}

/* ===== Classificação (tabela da liga) ===== */
#tqpTable{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(4,3,1,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
#tqpTable.open{display:flex;animation:h2hfade .18s ease}
.tbl-card{position:relative;width:min(900px,96vw);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b0e11,#07090a);border:1px solid rgba(228,198,122,.28);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6);padding:22px 22px 18px;color:#e3ebed;animation:h2hpop .22s cubic-bezier(.2,.8,.2,1)}
.tbl-scroll{overflow:auto;margin-top:8px}
.tbl-tbl{width:100%;border-collapse:collapse;font:600 12.5px Manrope}
.tbl-tbl thead th{position:sticky;top:0;background:#0b0e11;color:#8aa5a9;font:700 10.5px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.1)}
.tbl-tbl th.tbl-team,.tbl-tbl td.tbl-team{text-align:left;padding-left:6px}
.tbl-tbl td{text-align:center;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.05);color:#c3cecf;font-variant-numeric:tabular-nums}
.tbl-tbl tbody tr:hover td{background:rgba(255,255,255,.04)}
.tbl-pos{color:#7a8a8d;font:700 12px 'DM Mono',monospace}
.tbl-team{color:#fff !important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.tbl-v{color:#4fd08a}
.tbl-d{color:#e8746f}
.tbl-sg{font-weight:700}
.tbl-pts{color:#99bfc5;font:800 13px 'Sora',sans-serif}
.tbl-ov{color:#b0bdbf}
.tbl-row.leader td{background:rgba(228,198,122,.10)}
.tbl-row.leader .tbl-pos{color:#99bfc5}
.tbl-row.leader .tbl-team{color:#c8dee2 !important}
.tbl-row.lantern td{background:rgba(232,116,111,.09)}
.tbl-row.lantern .tbl-pos{color:#e8746f}
.tbl-foot{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:#7a8a8d;font:10.5px 'DM Mono',monospace}

/* H2H — selo de posição + bloco casa/fora */
.h2h-team header{flex-wrap:wrap}
.h2h-team header span.h2h-pos{font:800 14px 'Sora',sans-serif;letter-spacing:.01em;color:#000;background:#81b3bb;border-radius:7px;padding:3px 11px;flex:0 0 auto;white-space:nowrap}
.h2h-ha{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 11px}
.h2h-ha>div{background:rgba(0,0,0,.22);border-radius:8px;padding:7px 8px;text-align:center}
.h2h-ha small{display:block;font:700 9.5px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:#7a8a8d}
.h2h-ha b{display:block;font:700 13px 'DM Mono',monospace;color:#e3ebed;margin:3px 0 1px;font-variant-numeric:tabular-nums}
.h2h-ha i{font-style:normal;font-size:10px;color:#8aa5a9}

/* ===== H2H — Leitura automática + honestidade de amostra ===== */
.h2h-read{background:linear-gradient(180deg,rgba(228,198,122,.09),rgba(228,198,122,.02));border:1px solid rgba(228,198,122,.22);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.h2h-read-tag{display:inline-block;font:800 9px 'DM Mono',monospace;letter-spacing:.14em;color:#99bfc5;margin-bottom:5px}
.h2h-read-verdict{display:block;font:800 15px 'Sora',sans-serif;color:#fff;margin-bottom:8px;line-height:1.25}
.h2h-read.over .h2h-read-verdict{color:#5fd39a}
.h2h-read.under .h2h-read-verdict{color:#e8746f}
.h2h-read.even .h2h-read-verdict{color:#99bfc5}
.h2h-read-list{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:3px}
.h2h-read-list li{font-size:12px;color:#c3cecf;line-height:1.4}
.h2h-read-warn{margin-top:9px;font-size:11px;color:#84b5bd;background:rgba(230,184,79,.10);border:1px solid rgba(230,184,79,.2);border-radius:7px;padding:6px 9px;line-height:1.4}
.h2h-read-note{display:block;margin-top:9px;font-size:9.5px;color:#65777a}
.h2h-lowsample{margin-left:8px;font:700 8.5px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#10161a;background:#7cb1b9;border-radius:5px;padding:2px 6px;vertical-align:middle}

/* ===== Mapa de horários / rodadas ===== */
#tqpHours{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(4,3,1,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
#tqpHours.open{display:flex;animation:h2hfade .18s ease}
.hr-insight{margin:8px 0 14px;font-size:13px;color:#c3cecf}
.hr-insight b{font-weight:800}
.hr-insight b.hot{color:#5fd39a}
.hr-insight b.cold{color:#e8746f}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;overflow:auto}
.hr-cell{border-radius:10px;padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);position:relative}
.hr-cell b{display:block;font:700 12px 'DM Mono',monospace;color:#8aa5a9}
.hr-cell strong{display:block;font:800 20px 'Sora',sans-serif;margin:2px 0 1px}
.hr-cell small{display:block;font-size:9.5px;color:#7a8a8d}
.hr-cell.hot{background:linear-gradient(180deg,rgba(28,130,80,.28),rgba(18,96,58,.12));border-color:rgba(79,208,138,.3)}
.hr-cell.hot strong{color:#5fd39a}
.hr-cell.mid{background:linear-gradient(180deg,rgba(228,198,122,.14),rgba(228,198,122,.04));border-color:rgba(228,198,122,.22)}
.hr-cell.mid strong{color:#99bfc5}
.hr-cell.cold{background:linear-gradient(180deg,rgba(154,52,58,.24),rgba(112,31,38,.10));border-color:rgba(232,116,111,.28)}
.hr-cell.cold strong{color:#e8746f}
.hr-cell.best{outline:2px solid #99bfc5;outline-offset:1px}
.hr-cell.best::after{content:"★";position:absolute;top:5px;right:7px;font-size:10px;color:#99bfc5}

/* Mapa de horários — rótulos quente/frio */
.hr-insight{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.hr-lab{font:800 9px 'DM Mono',monospace;letter-spacing:.08em;border-radius:5px;padding:2px 7px}
.hr-lab.hot{color:#0c2b1c;background:#5fd39a}
.hr-lab.cold{color:#2b0d0d;background:#e8746f}

/* ===== Tooltip próprio das células da matriz ===== */
#tqpCellTip{position:fixed;z-index:10000;pointer-events:none;background:linear-gradient(180deg,#0c0f12,#07090a);border:1px solid rgba(228,198,122,.30);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.55);padding:9px 12px;color:#e3ebed;max-width:280px}
#tqpCellTip.hidden{display:none}
#tqpCellTip b{display:block;font:700 13px 'Sora',sans-serif;color:#fff;white-space:nowrap}
#tqpCellTip .tqct-sc{font-style:normal;font-weight:800;color:#99bfc5;margin:0 3px}
#tqpCellTip .tqct-sub{display:block;margin-top:4px;font:600 11.5px Manrope;color:#8aa5a9}
#tqpCellTip .tqct-sub i{font-style:normal;font-weight:700}
#tqpCellTip .tqct-sub i.ok{color:#5fd39a}
#tqpCellTip .tqct-sub i.no{color:#e8746f}

/* Mercado — botões de texto (Resultado, Dupla Chance, Gols) */
.market-options.market-wide{flex-wrap:wrap}
.market-options.market-wide button{width:auto;padding:8px 12px;white-space:nowrap}

/* Mercado — modal maior com scroll (muitos mercados agora) */
.market-dialog{max-height:88vh;overflow:auto}
.market-modal h3{margin:14px 0 6px}

/* Mercado — corrige vazamento horizontal: linhas de texto usam flex-wrap (não grid) */
.market-options.market-wide{display:flex !important;flex-wrap:wrap;gap:7px}
.market-options.market-wide button{flex:0 0 auto;width:auto;padding:9px 12px;white-space:nowrap}
.market-dialog{overflow-x:hidden}
.market-options button{min-width:0}

/* ===== Mercado — visual próprio "cassino" (divergir da OFTEN) ===== */
.market-modal{background:rgba(4,3,1,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.market-dialog{background:linear-gradient(180deg,#0c0f12,#07090a)!important;border:1px solid rgba(228,198,122,.28)!important;border-radius:18px!important;box-shadow:0 26px 80px rgba(0,0,0,.6)!important;padding:20px 22px!important}
.market-dialog>header{border-bottom:1px solid rgba(228,198,122,.18);padding-bottom:13px;margin-bottom:4px;align-items:flex-start}
.market-dialog>header span{color:#99bfc5!important;font:800 9px 'DM Mono',monospace!important;letter-spacing:.16em!important}
.market-dialog h2#marketTitle{font:800 22px 'Sora',sans-serif!important;color:#fff!important;margin-top:3px}
.market-dialog>p{color:#8aa5a9!important}
.market-modal h3{color:#99bfc5!important;font:800 10px 'DM Mono',monospace!important;letter-spacing:.1em!important;text-transform:uppercase;padding-left:11px;position:relative;margin:16px 0 7px}
.market-modal h3::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:2px;background:linear-gradient(180deg,#9ec3c9,#709da4)}
.market-options button,.clear-market{border:1px solid rgba(228,198,122,.20)!important;background:rgba(255,255,255,.03)!important;color:#c3cecf!important;border-radius:10px!important;font:600 12px Manrope!important;transition:border-color .12s ease,box-shadow .12s ease,color .12s ease}
.market-options button:hover{border-color:rgba(228,198,122,.55)!important;color:#e4edef!important;box-shadow:0 0 0 3px rgba(228,198,122,.08)}
.market-options button.selected{background:linear-gradient(180deg,#9ec3c9,#709da4)!important;border-color:transparent!important;color:#10161a!important;font-weight:800!important;box-shadow:0 4px 14px rgba(201,162,75,.28)!important}
.clear-market{width:100%;margin-top:16px;color:#e8746f!important;border-color:rgba(232,116,111,.30)!important}
.clear-market:hover{background:rgba(232,116,111,.10)!important;box-shadow:none!important}
.modal-close{color:#abbdbf!important}
.modal-close:hover{color:#fff!important}

/* Mercado — abas (Gols / Resultado / Placar / Times) */
.mkt-tabs{display:flex;gap:4px;background:#080a0c;border:1px solid #1b2226;border-radius:12px;padding:4px;margin:14px 0 4px}
.mkt-tabs button{flex:1;border:0;background:transparent;color:#7c969a;font:700 12.5px Manrope;padding:9px 6px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color .12s ease,background .12s ease}
.mkt-tabs button:hover{color:#b7d1d4}
.mkt-tabs button.active{background:linear-gradient(180deg,#9ec3c9,#709da4);color:#10161a}
.mkt-panel{display:none}
.mkt-panel.active{display:block}
.market-dialog{max-height:none!important}

/* ===== Detalhe do jogo ao clicar na célula ===== */
#tqpCellDetail{position:fixed;z-index:10001;width:232px;background:linear-gradient(180deg,#0c0f12,#07090a);border:1px solid rgba(228,198,122,.30);border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.62);padding:14px 15px 15px;color:#e3ebed}
#tqpCellDetail.hidden{display:none}
.tqcd-x{position:absolute;top:8px;right:9px;width:24px;height:24px;border:0;border-radius:7px;background:rgba(255,255,255,.06);color:#abbdbf;font-size:15px;cursor:pointer;line-height:1}
.tqcd-x:hover{background:rgba(228,198,122,.16);color:#fff}
.tqcd-teams{display:flex;align-items:center;justify-content:center;gap:8px;font:700 12.5px 'Sora',sans-serif;color:#fff;margin:2px 24px 8px;text-align:center}
.tqcd-teams span{color:#99bfc5;flex:0 0 auto}
.tqcd-teams b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:82px}
.tqcd-score{text-align:center;font:800 30px 'Sora',sans-serif;color:#fff;margin-bottom:10px}
.tqcd-score em{font-style:normal;color:#7a8a8d;margin:0 5px}
.tqcd-rows{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:11px}
.tqcd-rows>div{background:rgba(0,0,0,.25);border-radius:8px;padding:7px 4px;text-align:center}
.tqcd-rows small{display:block;font-size:8.5px;color:#7a8a8d;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}
.tqcd-rows b{font:700 13px 'DM Mono',monospace;color:#e3ebed;font-variant-numeric:tabular-nums}
.tqcd-mkt{text-align:center;font:700 12px Manrope;border-radius:8px;padding:8px}
.tqcd-mkt.ok{color:#5fd39a;background:rgba(28,130,80,.14)}
.tqcd-mkt.no{color:#e8746f;background:rgba(154,52,58,.14)}
#matrix td[data-home]{cursor:pointer}

/* ===== Parâmetros — toggles + célula HT/times/densidade/crosshair ===== */
.param-dialog{width:min(420px,96vw)}
.tqsw{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;cursor:pointer;font:600 13px Manrope;color:#c3cecf}
.tqsw span{flex:1}
.tqsw input{position:absolute;opacity:0;pointer-events:none}
.tqsw i{position:relative;width:42px;height:23px;border-radius:999px;background:#1e262c;border:1px solid #2d3639;flex:0 0 auto;transition:background .15s ease,border-color .15s ease}
.tqsw i::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#7a8a8d;transition:transform .16s ease,background .16s ease}
.tqsw input:checked + i{background:linear-gradient(180deg,#9ec3c9,#709da4);border-color:transparent}
.tqsw input:checked + i::after{transform:translateX(19px);background:#10161a}
.param-note{margin-top:14px;font-size:11px;color:#7a8a8d;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;line-height:1.5}
/* célula: FT/HT/times */
#matrix td .cell-ft{display:block;line-height:1.05}
#matrix td .cell-ht{display:block;font:600 9px 'DM Mono',monospace;opacity:.7;margin-top:1px;line-height:1}
#matrix td .cell-teams{display:block;font:700 7.5px 'DM Mono',monospace;opacity:.62;letter-spacing:.02em;margin-bottom:1px;line-height:1}
body.m-htbelow #matrix th,body.m-htbelow #matrix td,body.m-htonly #matrix th,body.m-htonly #matrix td{height:44px}
body.m-teamnames #matrix th,body.m-teamnames #matrix td{height:46px}
body.m-teamnames.m-htbelow #matrix th,body.m-teamnames.m-htbelow #matrix td{height:54px}
body.m-density-compact #matrix th,body.m-density-compact #matrix td{height:29px;min-width:54px;font-size:11px}
body.m-density-compact.m-htbelow #matrix td{height:38px}
/* crosshair */
body.m-crosshair #matrix tbody tr.row-hi td,body.m-crosshair #matrix td.col-hi{box-shadow:inset 0 0 0 1px rgba(228,198,122,.4)}

/* Parâmetros — formato segmentado + chips (diferente da lista de switches da OFTEN) */
.param-seg{display:flex;gap:4px;background:#080a0c;border:1px solid #1b2226;border-radius:11px;padding:4px;margin:2px 0 6px}
.param-seg button{flex:1;border:0;background:transparent;color:#7c969a;font:700 12.5px Manrope;padding:9px 8px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color .12s ease,background .12s ease}
.param-seg button:hover{color:#b7d1d4}
.param-seg button.active{background:linear-gradient(180deg,#9ec3c9,#709da4);color:#10161a}
.param-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
.param-chip{border:1px solid rgba(228,198,122,.24);background:rgba(255,255,255,.03);color:#c3cecf;border-radius:999px;padding:9px 14px;font:600 12.5px Manrope;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}
.param-chip:hover{border-color:rgba(228,198,122,.5);color:#e3ebed}
.param-chip.active{background:linear-gradient(180deg,#9ec3c9,#709da4);border-color:transparent;color:#10161a;font-weight:800}

/* ===== Nomes dos times empilhados na célula (estilo OFTEN) + clicáveis ===== */
#matrix td .cell-tm{display:block;font:700 9.5px 'DM Mono',monospace;line-height:1.15;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;cursor:pointer}
#matrix td .cell-tm:hover{text-decoration:underline;opacity:1}
#matrix td .cell-ft{display:block;line-height:1.05}
body.m-teamnames #matrix th,body.m-teamnames #matrix td{height:50px}
body.m-teamnames.m-htbelow #matrix th,body.m-teamnames.m-htbelow #matrix td{height:60px}
body.m-density-compact.m-teamnames #matrix td{height:44px}
/* Painel "quando o time jogou" */
#tqpTeam{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(4,3,1,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
#tqpTeam.open{display:flex;animation:h2hfade .18s ease}
#tqpTeam .tbl-card{width:min(440px,96vw)}
.tg-list{overflow:auto;margin-top:8px;max-height:62vh}
.tg-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.tg-row:last-child{border-bottom:0}
.tg-when{font:600 11px 'DM Mono',monospace;color:#7a8a8d;min-width:76px}
.tg-opp{flex:1;font:600 12.5px Manrope;color:#d7dfe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-sc{font:700 12.5px 'DM Mono',monospace;color:#fff}
.tg-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.tg-dot.win{background:#4fd08a}
.tg-dot.loss{background:#e8746f}
.tg-dot.draw{background:#b0bdbf}

/* ===== Clicar no time destaca as células dele na própria matriz ===== */
body.team-focus #matrix td[data-home]{opacity:.28;transition:opacity .12s ease}
body.team-focus #matrix td.team-hi{opacity:1;box-shadow:inset 0 0 0 2px #99bfc5;position:relative;z-index:1}

/* HT abaixo do FT — maior/mais legível */
#matrix td .cell-ht{font-size:11px;opacity:.85;margin-top:2px}
body.m-htbelow #matrix th,body.m-htbelow #matrix td{height:47px}
body.m-teamnames.m-htbelow #matrix th,body.m-teamnames.m-htbelow #matrix td{height:64px}

/* ===================== RESPONSIVO / MOBILE ===================== */
@media(max-width:640px){
  .shell{padding:0 8px 84px}
  /* cabeçalho quebra em linhas */
  .topbar{height:auto;flex-wrap:wrap;gap:8px 12px;padding:9px 0}
  .brand{font-size:15px}
  .brand small{display:none}
  .providers{order:3;width:100%;overflow:auto;gap:5px;padding:3px}
  .provider{white-space:nowrap}
  .top-actions{margin-left:auto;gap:8px}
  .top-actions .clock{font-size:11px}
  .live-chip{padding:4px 9px;font-size:9.5px}
  /* controlbar: todos os botões visíveis, quebrando linha */
  .controlbar{min-height:auto;padding:8px 0}
  .control-buttons{flex-wrap:wrap;gap:6px;width:100%}
  .control-buttons .outline{display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 auto;font-size:11px;padding:9px 6px;min-width:0;white-space:nowrap}
  /* cabeçalho da tabela empilha */
  .matrix-heading{flex-wrap:wrap;gap:6px 10px;padding:12px}
  .matrix-heading b{font-size:16px}
  .matrix-stats{order:3;width:100%;justify-content:flex-start}
  .matrix-card,.radar{border-radius:12px}
  /* matriz um pouco mais enxuta (continua rolando na horizontal) */
  #matrix th,#matrix td{min-width:50px;height:34px;padding:0 5px}
  body.m-htbelow #matrix td,body.m-teamnames #matrix td{height:auto}
  /* modais e H2H empilham e cabem */
  .h2h-cols{grid-template-columns:1fr}
  .h2h-col-side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
  .h2h-card,.tbl-card,.param-dialog{width:min(96vw,560px)}
  .h2h-head b{max-width:110px}
  /* leaguebar mais baixo */
  .leaguebar{min-height:56px}
}
@media(max-width:400px){
  .control-buttons .outline{font-size:10.5px;padding:8px 4px}
  #matrix th,#matrix td{min-width:46px;font-size:11px}
  .h2h-record .h2h-rc strong,.h2h-trec strong{font-size:20px}
}

/* ===== MOBILE v2 — matriz rola (não espreme) + heading empilha ===== */
@media(max-width:640px){
  .table-scroll{-webkit-overflow-scrolling:touch}
  /* força a tabela a ser mais larga que a tela -> rola na horizontal com células legíveis */
  #matrix{min-width:900px!important}
  #matrix th,#matrix td{min-width:44px!important;height:36px;font-size:11.5px}
  body.m-htbelow #matrix th,body.m-htbelow #matrix td{height:46px!important}
  body.m-teamnames #matrix th,body.m-teamnames #matrix td{height:52px!important}
  body.m-teamnames.m-htbelow #matrix th,body.m-teamnames.m-htbelow #matrix td{height:62px!important}
  #matrix td .cell-ht{font-size:10px}
  /* cabeçalho da tabela empilha limpo: título / stats / contagem */
  .matrix-heading{display:block;padding:12px}
  .matrix-heading>div:first-child{margin-bottom:8px}
  .matrix-stats{margin:8px 0;justify-content:flex-start;gap:18px}
  #matrixRange{display:block;margin-top:4px}
  /* garante todos os botões do controlbar */
  .control-buttons .outline{display:inline-flex!important;flex:1 1 40%}
}

/* ===== Menu inferior — indicador próprio (traço dourado, não pílula cheia como OFTEN) ===== */
.bottom-nav{background:rgba(19,18,16,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #1f272c;border-radius:13px;padding:5px;gap:2px;box-shadow:0 12px 34px rgba(0,0,0,.45)}
.bottom-nav button{position:relative;background:transparent!important;color:#aabfc2;border-radius:8px;transition:color .12s ease,background .12s ease}
.bottom-nav button:hover{color:#c1d7da;background:rgba(228,198,122,.07)!important}
.bottom-nav button.active{background:transparent!important;color:#99bfc5!important}
.bottom-nav button.active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:2px;width:18px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,#9ec3c9,#709da4)}
@media(max-width:640px){.bottom-nav button.active::after{bottom:1px;width:22px}}

/* ===== Navegação: abas no TOPO no desktop (rodapé só no mobile) ===== */
.bottom-nav{position:static;bottom:auto;margin:6px 0 2px;width:100%;justify-content:flex-start;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;box-shadow:none;padding:0;gap:2px;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}
.bottom-nav button{padding:11px 16px;border-radius:8px 8px 0 0;font:600 12.5px Manrope}
.bottom-nav button.active::after{bottom:-1px;height:2.5px;width:70%;left:15%;transform:none;border-radius:2px 2px 0 0}
@media(max-width:640px){
  .bottom-nav{position:fixed;left:8px;right:8px;bottom:10px;width:auto;margin:0;justify-content:space-around;border:1px solid #1f272c;border-bottom:1px solid #1f272c;border-radius:14px;background:rgba(19,18,16,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.55);padding:5px;z-index:30}
  .bottom-nav button{border-radius:9px;padding:9px 8px}
  .bottom-nav button span{display:none}
  .bottom-nav button.active::after{bottom:1px;width:22px;left:50%;transform:translateX(-50%);border-radius:2px}
}

/* ===== Gráfico Financeiro v2 (lightweight-charts / motor TradingView) ===== */
.trader-chart-stage { position: relative; }
#traderLWChart.lw-chart { position: absolute; inset: 0; z-index: 6; }
#traderLWChart.hidden { display: none !important; }
/* CELULAR: o gráfico captura o pinça pra ELE (zoom do gráfico), em vez de deixar o
   navegador dar zoom na página inteira. Sem isto, com viewport width=1280 o pinça
   vira zoom da tela e o gráfico só recebe o toque de 1 dedo (tooltip). */
#traderLWChart.lw-chart,
#traderLWChart.lw-chart canvas,
#traderLWChart.lw-chart table,
#traderLWChart.lw-chart td,
#traderLWChart.lw-chart .tv-lightweight-charts { touch-action: none !important; }
/* No lw-mode escondemos só o candle SVG antigo. A camada de desenho e a barra
   de ferramentas continuam ativas — o desenho é renderizado em cima da TradingView. */
body.lw-mode #traderCandleChart { display: none !important; }
.chart-toolbar .lw-toggle {
  background: rgba(228,198,122,.08);
  border: 1px solid rgba(228,198,122,.28);
  color: #99bfc5;
  border-radius: 8px;
  font: 700 11px/1 "DM Mono", monospace;
  letter-spacing: .04em;
  padding: 7px 10px;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.chart-toolbar .lw-toggle:hover { background: rgba(228,198,122,.16); }
.chart-toolbar .lw-toggle.active { background: #99bfc5; color: #0e1215; border-color: #99bfc5; }
/* v2 overrides: fundo opaco cobre o SVG, que continua ocupando o espaço (altura do palco) */
#traderLWChart.lw-chart{background:#0d0f11}
body.lw-mode #traderCandleChart{display:block!important}
/* Clique num placar contorna todos os iguais (igual OFTEN): contorno colorido,
   preservando o fundo verde/vermelho. Cada placar selecionado = uma cor. */
body.score-focus #matrix td.score-hi{box-shadow:inset 0 0 0 2.5px var(--hi)!important;position:relative;z-index:1;font-weight:700}
body.score-focus #matrix td.score-hi.score-black{box-shadow:inset 0 0 0 4.5px #090a0b,inset 0 0 0 6px rgba(255,255,255,.9)!important}

/* ===== Barra de controles do Trader — estilo "pílula preenchida" ===== */
.inline-trader-controls.pill{display:flex;align-items:center;gap:10px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.inline-trader-controls.pill .itc-field{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#121619;border:1px solid #212a30;color:#bbcccf;font:600 13px 'Manrope',Arial,sans-serif;margin:0;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.inline-trader-controls.pill .itc-field:hover{border-color:#364146}
.inline-trader-controls.pill .itc-select{position:relative}
.inline-trader-controls.pill .itc-tag{font:600 11px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#74878a;pointer-events:none}
.inline-trader-controls.pill .itc-value{font:600 13px 'Manrope',Arial,sans-serif;color:inherit;pointer-events:none;white-space:nowrap;text-transform:none;letter-spacing:0}
.inline-trader-controls.pill .itc-btn b{text-transform:none;letter-spacing:0}
/* seta desenhada (o select fica invisivel por cima) */
.inline-trader-controls.pill .itc-caret{width:7px;height:7px;border-right:2px solid #729fa5;border-bottom:2px solid #729fa5;transform:rotate(45deg);margin:-3px 0 0 0;pointer-events:none;flex:none}
.inline-trader-controls.pill .itc-field.on .itc-caret{border-color:#0e1215}
/* select cobre a pilula inteira: clicar em qualquer ponto abre a lista */
.inline-trader-controls.pill select.itc-cover{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;font:600 13px 'Manrope',Arial,sans-serif}
.inline-trader-controls.pill select.itc-cover option,
.inline-trader-controls.pill select.itc-cover optgroup{background:#101316;color:#e0e6e7}
.inline-trader-controls.pill .itc-btn b{color:inherit;font:600 13px 'Manrope',Arial,sans-serif}
/* pílula ativa: dourado sólido */
.inline-trader-controls.pill .itc-field.on{background:#99bfc5;border-color:#99bfc5;color:#0e1215}
.inline-trader-controls.pill .itc-field.on:hover{border-color:#99bfc5}
.inline-trader-controls.pill .itc-field.on .itc-tag{color:#2f4149}
/* botão Camadas ativo tambem acende dourado */
.inline-trader-controls.pill .itc-btn.active{background:#99bfc5;border-color:#99bfc5;color:#0e1215}
.inline-trader-controls.pill .itc-btn.active .itc-tag{color:#2f4149}

/* ============================================================
   Identidade TQP — Central de Parâmetros (visual próprio)
   Restilo só de aparência: switches no lugar de checkbox,
   pílulas segmentadas douradas, legendas e cabeçalho TQP.
   ============================================================ */
.inline-parameter-panel{
  border:1px solid #354045;
  border-radius:12px;
  background:linear-gradient(180deg,#0b0e10,#060809);
  box-shadow:0 30px 90px rgba(0,0,0,.74),inset 0 1px 0 rgba(230,201,119,.14);
}
/* faixa dourada no topo do painel — assinatura TQP */
.inline-parameter-panel>header{
  position:relative;padding:15px 16px;border-bottom:1px solid #1a2125;
  background:linear-gradient(180deg,rgba(230,201,119,.05),transparent);
}
.inline-parameter-panel>header::before{
  content:"";position:absolute;left:0;top:0;height:100%;width:3px;
  background:linear-gradient(180deg,#97c0c6,#709da4);border-radius:12px 0 0 0;
}
.inline-parameter-panel>header span{color:#709da4;letter-spacing:.16em;font-weight:600}
.inline-parameter-panel>header b{color:#e1e8e9;font-size:14px}
.inline-parameter-panel>header button{color:#7b8c8f;transition:color .14s ease}
.inline-parameter-panel>header button:hover{color:#97c0c6}

.inline-display-settings{background:linear-gradient(180deg,#0a0c0d,#07090b);border-bottom:1px solid rgba(230,201,119,.12);padding:17px 16px}
.inline-display-settings legend,.inline-structure-title{color:#709da4;letter-spacing:.19em;font-weight:700}

/* Segmentos (RECORTE, JANELA, ALTURA, DENSIDADE) — pílula dourada */
#inlineParameterPanel .parameter-segment{border:1px solid #262e31;border-radius:9px;background:#070809;padding:3px;min-height:36px}
#inlineParameterPanel .parameter-segment button{border-radius:6px;color:#748a8d;font:700 9px Manrope;letter-spacing:.03em;transition:color .14s ease,background .14s ease}
#inlineParameterPanel .parameter-segment button:hover{color:#a6b8bb}
#inlineParameterPanel .parameter-segment button.active{
  background:linear-gradient(180deg,#97c0c6,#709da4);color:#0c1013;
  box-shadow:0 2px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);
}

/* Rótulos das opções de EXIBIÇÃO — alinhados ao switch */
#inlineParameterPanel .parameter-options{gap:9px 18px}
#inlineParameterPanel .parameter-options label{
  display:flex;align-items:center;color:#bccccf;font:600 9.5px Manrope;
  padding:3px 2px;border-radius:6px;cursor:pointer;transition:color .14s ease;
}
#inlineParameterPanel .parameter-options label:hover{color:#e0e6e7}

/* ---- SWITCH: transforma os checkboxes em interruptores on/off ---- */
#inlineParameterPanel .parameter-options input[type=checkbox],
#inlineParameterPanel .inline-structure-options input[type=checkbox]{
  appearance:none;-webkit-appearance:none;box-sizing:border-box;
  position:relative;flex:0 0 auto;width:30px;height:17px;margin:0 9px 0 0;
  border-radius:999px;background:#14181b;border:1px solid #2c3539;cursor:pointer;
  vertical-align:-4px;transition:background .17s ease,border-color .17s ease;
}
#inlineParameterPanel .parameter-options input[type=checkbox]::before,
#inlineParameterPanel .inline-structure-options input[type=checkbox]::before{
  content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;border-radius:50%;
  background:#58686b;box-shadow:0 1px 2px rgba(0,0,0,.5);
  transition:transform .17s cubic-bezier(.4,.9,.3,1.3),background .17s ease;
}
#inlineParameterPanel .parameter-options input[type=checkbox]:checked,
#inlineParameterPanel .inline-structure-options input[type=checkbox]:checked{
  background:linear-gradient(180deg,#97c0c6,#709da4);border-color:#97c0c6;
}
#inlineParameterPanel .parameter-options input[type=checkbox]:checked::before,
#inlineParameterPanel .inline-structure-options input[type=checkbox]:checked::before{
  transform:translateX(13px);background:#0c0f12;
}
#inlineParameterPanel .parameter-options input[type=checkbox]:focus-visible,
#inlineParameterPanel .inline-structure-options input[type=checkbox]:focus-visible{
  outline:2px solid rgba(230,201,119,.5);outline-offset:2px;
}
/* nas caixas de estrutura o switch acende a borda do cartão quando ligado */
#inlineParameterPanel .inline-structure-options label{transition:border-color .14s ease,background .14s ease}
#inlineParameterPanel .inline-structure-options label:hover{border-color:#3f4c51}

/* Rodapé — botão Restaurar padrão com cara TQP */
#inlineParameterPanel>footer{padding:12px 14px;border-top:1px solid #171c20}
#inlineParameterPanel>footer>span{color:#5f6f72;letter-spacing:.12em}
#inlineParameterPanel>footer button{border:1px solid #293236;border-radius:7px;transition:border-color .14s ease,color .14s ease}
#inlineParameterPanel>footer button:hover{border-color:#3f5d62;color:#b4ced2}
#inlineParameterPanel>footer button:last-child{
  border-color:#97c0c6;background:linear-gradient(180deg,#97c0c6,#709da4);color:#0c1013;font-weight:700;
  box-shadow:0 2px 8px rgba(201,162,75,.22);
}
#inlineParameterPanel>footer button:last-child:hover{filter:brightness(1.06)}

/* ============================================================
   Layout em CARTÕES — quebra a "faixa única" estilo OFTEN.
   Topo: Recorte · Janela · Altura · Densidade (4 cartões).
   Base: EXIBIÇÃO como cartão largo de destaque (switches).
   ============================================================ */
#inlineParameterPanel .inline-display-settings{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-areas:
    "recorte janela altura densidade"
    "exib exib exib exib";
  gap:13px;
  padding:16px;
  background:linear-gradient(180deg,#090b0c,#070809);
}
#inlineParameterPanel .inline-display-settings>fieldset{
  border:1px solid #1f272c;
  border-radius:12px;
  background:linear-gradient(180deg,#0c0f11,#080a0c);
  padding:13px 14px 14px;
  box-shadow:inset 0 1px 0 rgba(230,201,119,.05);
}
#inlineParameterPanel .inline-display-settings>fieldset:nth-child(1){grid-area:recorte}
#inlineParameterPanel .inline-display-settings>fieldset:nth-child(2){grid-area:janela}
#inlineParameterPanel .inline-display-settings>fieldset:nth-child(3){grid-area:exib}
#inlineParameterPanel .inline-display-settings>fieldset:nth-child(4){grid-area:altura}
#inlineParameterPanel .inline-display-settings>fieldset:nth-child(5){grid-area:densidade}
#inlineParameterPanel .inline-display-settings legend{
  display:block;width:100%;float:none;
  margin:0 0 11px;padding:0 0 9px;
  border-bottom:1px solid #181f23;
  color:#709da4;letter-spacing:.17em;font-weight:700;
}
/* cartão de destaque da EXIBIÇÃO */
#inlineParameterPanel .inline-display-settings>fieldset.parameter-options{
  border-color:#272f32;
  background:linear-gradient(180deg,#0c0f11,#080a0b);
  box-shadow:inset 0 1px 0 rgba(230,201,119,.09),0 0 0 1px rgba(230,201,119,.03);
}
#inlineParameterPanel .parameter-options{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:11px 26px;
}
@media(max-width:900px){
  #inlineParameterPanel .inline-display-settings{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "recorte janela"
      "altura densidade"
      "exib exib";
  }
}

/* ============================================================
   GRÁFICO TQP — bancada premium (terminal exclusivo)
   ============================================================ */
.tqp-graph-view{padding:4px 0 14px}
.tqp-terminal-wrap.hidden{display:none}
.tqp-terminal-shell{
  display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;
}
.tqp-terminal-shell.hidden{display:none}
/* Painel Leitura TQP removido do Gráfico TQP (gráfico ocupa a largura toda) */
.tqp-terminal-shell .tqp-leitura{display:none}
/* Barra de status limpa no topo do terminal (%, tendência, acertos, mercado, janela) */
.tqp-stats-bar{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  margin-bottom:13px;padding:13px 18px;
  border:1px solid #1f272d;border-radius:13px;
  background:linear-gradient(180deg,#0c0f11,#07090b);
  box-shadow:inset 0 1px 0 rgba(230,201,119,.07);
}
.tqp-stat-hit{display:flex;align-items:baseline;gap:8px}
.tqp-stat-hit b{color:#e1e8e9;font:800 30px Manrope;line-height:1}
.tqp-delta{font:700 12px 'DM Mono'}
.tqp-trend-badge{
  padding:6px 13px;border:1px solid #22d17c;border-radius:999px;
  color:#22d17c;font:700 12px Manrope;letter-spacing:.02em;white-space:nowrap;
  background:rgba(34,209,124,.06);
}
.tqp-stats-bar .tqp-stat-cell{display:flex;flex-direction:column;gap:3px;padding-left:22px;border-left:1px solid #191f23}
.tqp-stats-bar .tqp-stat-cell span{color:#687a7d;font:600 8px 'DM Mono';letter-spacing:.14em}
.tqp-stats-bar .tqp-stat-cell b{color:#97c0c6;font:700 14px 'DM Mono'}
body.tqp-terminal-mode #inlineTraderChart{cursor:default}
.tqp-zoom{display:flex;align-items:center;gap:8px;margin-left:auto;padding:4px;border:1px solid #1f272d;border-radius:9px;background:#060809}
.tqp-zoom button{
  width:28px;height:28px;border:0;border-radius:7px;background:#111417;color:#a6b8bb;
  font:700 16px Manrope;cursor:pointer;line-height:1;transition:background .14s ease,color .14s ease;
}
.tqp-zoom button:hover{background:#97c0c6;color:#0c1013}
.tqp-zoom b{min-width:38px;text-align:center;color:#97c0c6;font:700 12px 'DM Mono'}
@media(max-width:720px){
  .tqp-stats-bar{gap:14px}
  .tqp-stats-bar .tqp-stat-cell{padding-left:14px}
  .tqp-zoom{margin-left:0}
}
.tqp-terminal-main{min-width:0}
/* Skin de terminal aplicado ao card real do Trader quando montado aqui */
body.tqp-terminal-mode .tqp-terminal-main .inline-trader-card{
  border:1px solid #354045;border-radius:16px;
  background:linear-gradient(180deg,#0a0d0f,#050708);
  box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(230,201,119,.14);
}
body.tqp-terminal-mode .tqp-terminal-main .inline-trader-head{
  background:linear-gradient(180deg,rgba(230,201,119,.06),transparent);
}
/* Painel lateral Leitura TQP (fica grudado no topo enquanto rola a mesa) */
.tqp-leitura{
  position:sticky;top:14px;
  border:1px solid #354045;border-radius:15px;
  padding:17px 17px 20px;
  background:linear-gradient(180deg,#0a0c0d,#07090b);
  box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(230,201,119,.1);
  display:flex;flex-direction:column;gap:14px;
}
.tqp-read-title{color:#709da4;font:700 10px 'DM Mono';letter-spacing:.2em}
.tqp-gauge-wrap{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:2px}
.tqp-gauge-wrap svg{width:182px;height:112px}
.tqp-gauge-cap{position:absolute;bottom:2px;left:0;right:0;text-align:center}
.tqp-gauge-cap b{display:block;color:#e1e8e9;font:800 27px Manrope;line-height:1}
.tqp-gauge-cap span{display:block;margin-top:2px;color:#687a7d;font:600 8px 'DM Mono';letter-spacing:.18em}
.tqp-read-block{
  padding:11px 13px;border:1px solid #1f272d;border-left-width:3px;border-radius:9px;background:#0a0c0d;
  transition:border-color .18s ease;
}
.tqp-read-block span{display:block;color:#687a7d;font:600 8px 'DM Mono';letter-spacing:.14em}
.tqp-read-block b{display:block;margin-top:5px;font:700 16px Manrope;color:#e1e8e9}
.tqp-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tqp-read-grid div{padding:10px 12px;border:1px solid #1d2429;border-radius:9px;background:#090b0c}
.tqp-read-grid span{display:block;color:#687a7d;font:600 8px 'DM Mono';letter-spacing:.12em}
.tqp-read-grid b{display:block;margin-top:4px;font:700 15px 'DM Mono';color:#97c0c6}
.tqp-read-note{
  padding:11px 12px;border:1px solid #1d2429;border-radius:9px;
  background:#080a0b;color:#78888a;font:500 9.5px 'DM Mono';line-height:1.6;
}
@media(max-width:1000px){
  .tqp-terminal-shell{grid-template-columns:1fr}
  .tqp-leitura{position:static}
}
/* Barra de template (Terminal / Multi-gráficos) */
.tqp-template-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-bottom:10px;padding:9px 14px;
  border:1px solid #1f272d;border-radius:12px;background:linear-gradient(180deg,#0a0d0f,#07090b);
}
.tqp-tpl-brand{color:#709da4;font:700 10px 'DM Mono';letter-spacing:.22em}
.tqp-tpl-switch{display:flex;gap:4px;padding:3px;border:1px solid #1f272d;border-radius:10px;background:#060809}
.tqp-tpl-switch button{
  border:0;border-radius:7px;padding:7px 15px;background:transparent;color:#748a8d;
  font:700 11px Manrope;cursor:pointer;transition:color .14s ease,background .14s ease;
}
.tqp-tpl-switch button:hover{color:#a6b8bb}
.tqp-tpl-switch button.active{background:linear-gradient(180deg,#97c0c6,#709da4);color:#0c1013;box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* Grade de mini-gráficos */
.tqp-multi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:13px}
.tqp-multi-empty{padding:40px;text-align:center;color:#687a7d;font:600 12px 'DM Mono'}
.tqp-mini{
  border:1px solid #1f272c;border-radius:13px;overflow:hidden;cursor:pointer;
  background:linear-gradient(180deg,#0c0f11,#080a0c);
  transition:border-color .14s ease,transform .12s ease,box-shadow .14s ease;
}
.tqp-mini:hover{border-color:#3f5d62;transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.tqp-mini header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px 8px}
.tqp-mini header b{color:#e0e6e7;font:700 12px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tqp-chg{font:700 11px 'DM Mono';white-space:nowrap}
.tqp-chg.up{color:#22d17c}
.tqp-chg.down{color:#ef555b}
.tqp-mini svg{display:block;width:100%;height:78px}
.tqp-mini footer{display:flex;align-items:center;gap:12px;padding:8px 13px 11px;border-top:1px solid #151a1d}
.tqp-mini footer span{color:#687a7d;font:600 8.5px 'DM Mono';letter-spacing:.06em}
.tqp-mini footer b{color:#97c0c6;font-weight:700}
.tqp-mini .tqp-mini-n{margin-left:auto;color:#5d6d6f}

/* ===== TQP PULSE — painel de energia, ciclo e cone de probabilidade ===== */
.tqp-pulse-panel{display:none;position:relative;border-top:1px solid #23272c;background:#0e0f13}
body.tqp-terminal-mode.tqp-pulse-on #tqpPulsePanel{display:block}
body.tqp-terminal-mode.tqp-rhythm-on #tqpRhythmPanel{display:block}
.tqp-pulse-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 16px 8px}
.tqp-pulse-title span{display:block;color:#97c0c6;font:700 9px 'DM Mono';letter-spacing:.2em}
.tqp-pulse-title b{color:#e2e6e6;font:700 13px Manrope}
.tqp-pulse-stats{display:flex;gap:9px;flex-wrap:wrap}
.tqp-pulse-stat{min-width:66px;padding:6px 11px;border:1px solid #23282e;border-radius:8px;background:#121319;text-align:right}
.tqp-pulse-stat span{display:block;color:#7d8088;font:600 7.5px 'DM Mono';letter-spacing:.12em}
.tqp-pulse-stat b{display:block;margin-top:2px;color:#97c0c6;font:700 13px 'DM Mono'}
.tqp-pulse-panel svg{display:block;width:100%;height:272px}
.tqp-pulse-tooltip{position:absolute;pointer-events:none}

.tqp-rhythm-panel svg{height:200px}

/* ============================================================
   TQP — Central de Parâmetros: "cartão que acende"
   Quebra a grade uniforme (cara OFTEN): indicador LIGADO ganha
   destaque dourado + faixa lateral; DESLIGADO recua e apaga.
   O painel passa a mostrar de relance o que está ativo.
   ============================================================ */
#inlineParameterPanel .inline-indicator-list{padding:4px 16px 18px}
#inlineParameterPanel .inline-indicator-grid{gap:10px}

/* estado base = DESLIGADO (recuado, sem chamar atenção) */
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row{
  border:1px solid #181f23;
  border-radius:11px;
  background:#0a0c0e;
  color:#617173;
  opacity:.9;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row:hover{
  border-color:#2c3538;opacity:1;box-shadow:none;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row strong{color:#a4b4b7}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row>b{color:#5b6c6f}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row .fixed-ma-description{color:#505d5f}

/* estado LIGADO = acende em dourado com faixa lateral e brilho */
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row:has(> input[type=checkbox]:checked){
  border-color:rgba(230,201,119,.42);
  background:linear-gradient(180deg,#0c1013,#090b0d);
  box-shadow:inset 3px 0 0 #97c0c6, 0 0 0 1px rgba(230,201,119,.10), 0 8px 22px rgba(0,0,0,.42);
  opacity:1;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row:has(> input[type=checkbox]:checked):hover{
  border-color:rgba(230,201,119,.6);
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row:has(> input[type=checkbox]:checked) strong{color:#f4eeddff}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row:has(> input[type=checkbox]:checked)>b{color:#aeced3}

/* checkbox vira interruptor dourado, igual ao resto do TQP */
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row>input[type=checkbox]{
  appearance:none;-webkit-appearance:none;box-sizing:border-box;
  position:relative;flex:0 0 auto;width:32px;height:18px;margin:0 11px 0 0;
  border-radius:999px;background:#14181b;border:1px solid #2c3539;cursor:pointer;
  transition:background .17s ease,border-color .17s ease;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row>input[type=checkbox]::before{
  content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;
  background:#58686b;box-shadow:0 1px 2px rgba(0,0,0,.5);
  transition:transform .17s cubic-bezier(.4,.9,.3,1.3),background .17s ease;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row>input[type=checkbox]:checked{
  background:linear-gradient(180deg,#97c0c6,#709da4);border-color:#97c0c6;
}
#inlineParameterPanel .inline-indicator-grid .inline-indicator-row>input[type=checkbox]:checked::before{
  transform:translateX(14px);background:#0c0f12;
}

/* header do painel: assinatura TQP em vez de "central técnica" genérica */
#inlineParameterPanel>header>div>span::before{content:"◈ ";color:#97c0c6}

/* Botão "Voltar pro site" no cabeçalho do Financeiro */
.trader-back-btn{align-self:center;margin-right:14px;padding:8px 16px;border:1px solid #354045;border-radius:9px;background:linear-gradient(180deg,#12171a,#0c0f11);color:#97c0c6;font:700 12px 'Manrope',Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,border-color .14s ease;white-space:nowrap}
.trader-back-btn:hover{background:#161c20;border-color:#97c0c6;color:#c5dce0}

/* No Financeiro a barra de liga global some (o seletor foi pro cabeçalho) */
body.trader-mode #leaguebar{display:none}
#trader-view .trader-topbar .league-select{align-self:center;margin:0 4px 0 2px}

/* Seletor de LIGA quando fica no cabeçalho do Financeiro (perde o estilo da .leaguebar) */
#trader-view .trader-topbar .league-select-trigger{display:inline-flex;align-items:center;gap:9px;border:1px solid #2c3539;background:linear-gradient(180deg,#111417,#0b0d0f);color:#d0e0e3;border-radius:9px;padding:9px 14px;font:700 12px 'Manrope',Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .14s ease,background .14s ease}
#trader-view .trader-topbar .league-select-trigger:hover{border-color:#466165;background:#13171a}
#trader-view .trader-topbar .league-select-trigger .league-select-tag{color:#6f949a;font:700 9px 'DM Mono',monospace;letter-spacing:.16em}
#trader-view .trader-topbar .league-select-trigger #leagueSelectCurrent{color:#d0e2e4;font-size:13px}
#trader-view .trader-topbar .league-select-trigger i{font-style:normal;color:#97c0c6;font-size:11px;margin-left:2px}

/* Tooltip do Financeiro (TradingView) — jogo real por trás da vela */
.lw-tooltip{position:absolute;z-index:12;pointer-events:none;min-width:150px;max-width:250px;padding:9px 12px;border:1px solid #354045;border-radius:9px;background:rgba(14,13,11,.97);box-shadow:0 12px 30px rgba(0,0,0,.5);font:600 11px 'Manrope',Arial,sans-serif;color:#cad1d2}
.lw-tooltip.hidden{display:none}
.lw-tt-teams{color:#d0e2e4;font-weight:800;font-size:12px;margin-bottom:6px;white-space:nowrap}
.lw-tt-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:3px}
.lw-tt-row>span{color:#74878a;font:700 8px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.lw-tt-row>b{color:#d6dfe0;font:700 12px 'DM Mono',monospace}
.lw-tt-row>b.up{color:#2ec27e}
.lw-tt-row>b.down{color:#e5484d}
.lw-tt-when{margin-top:7px;padding-top:6px;border-top:1px solid #1a2125;color:#63797c;font:600 9px 'DM Mono',monospace}

/* ===== Painel de configuração de indicador (cores + parâmetros) estilo Binomo ===== */
.ind-cfg{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55)}
.ind-cfg.hidden{display:none}
.ind-cfg-box{width:370px;max-width:92vw;max-height:88vh;overflow:auto;background:#0e1215;border:1px solid #354045;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.ind-cfg-box header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #1a2125}
.ind-cfg-box header b{color:#d0e2e4;font:800 15px 'Manrope',Arial,sans-serif}
.ind-cfg-x{border:0;background:transparent;color:#7b8c8f;font-size:22px;line-height:1;cursor:pointer}
.ind-cfg-x:hover{color:#97c0c6}
.ind-cfg-body{padding:16px 18px;display:flex;flex-direction:column;gap:16px}
.ind-cfg-field>label{display:block;color:#96a6a9;font:700 11px 'Manrope',Arial,sans-serif;margin-bottom:8px;letter-spacing:.01em}
.ind-cfg-num{display:flex;align-items:center;gap:8px}
.ind-cfg-num input{flex:1;background:#090b0c;border:1px solid #2a3336;border-radius:8px;color:#dce6e8;text-align:center;padding:9px;font:700 13px 'DM Mono',monospace;outline:none}
.ind-cfg-num input:focus{border-color:#709da4}
.ind-cfg-num button{width:36px;height:36px;flex:0 0 auto;border:1px solid #2a3336;border-radius:8px;background:#12171a;color:#97c0c6;font-size:17px;cursor:pointer;transition:background .12s ease}
.ind-cfg-num button:hover{background:#181d21}
.ind-cfg-swatches{display:flex;gap:10px;flex-wrap:wrap}
.ind-cfg-sw{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;padding:0}
.ind-cfg-sw:hover{transform:scale(1.08)}
.ind-cfg-sw.active{border-color:#fff}
.ind-cfg-sw.active::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#090a0b;font-size:14px;font-weight:900}
.ind-cfg-box footer{padding:14px 18px 16px;border-top:1px solid #1a2125}
.ind-cfg-apply{width:100%;padding:13px;border:0;border-radius:10px;background:#97c0c6;color:#0e1215;font:800 13px 'Manrope',Arial,sans-serif;cursor:pointer;transition:filter .12s ease}
.ind-cfg-apply:hover{filter:brightness(1.06)}
.ind-gear{margin-left:8px;color:#74878a;font-size:13px;cursor:pointer;opacity:.65;transition:opacity .12s ease,color .12s ease}
.ind-gear:hover{opacity:1;color:#97c0c6}

/* Dropdowns (Price type / Moving Average type) do painel de config */
.ind-cfg-select{position:relative}
.ind-cfg-select select{width:100%;appearance:none;-webkit-appearance:none;background:#26262c;border:1px solid #3a3a42;border-radius:9px;color:#e9eded;padding:12px 34px 12px 14px;font:700 13px 'Manrope',Arial,sans-serif;cursor:pointer;outline:none}
.ind-cfg-select select:focus{border-color:#709da4}
.ind-cfg-select::after{content:"⌄";position:absolute;right:14px;top:44%;transform:translateY(-50%);color:#9a94a2;pointer-events:none;font-size:17px}

/* Seletor de cor personalizada (color picker livre) no painel de config */
.ind-cfg-pick{width:30px;height:30px;border-radius:50%;border:2px dashed rgba(255,255,255,.55);cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px rgba(0,0,0,.28)}
.ind-cfg-pick:hover{transform:scale(1.08)}
.ind-cfg-pick input[type=color]{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer;border:0;padding:0}

/* Toggle (checkbox) do painel de config — ex.: Sombreamento do Bollinger */
.ind-cfg-toggle{display:flex;align-items:center;gap:11px;cursor:pointer;color:#c9d0d1;font:700 12px 'Manrope',Arial,sans-serif}
.ind-cfg-toggle input{width:18px;height:18px;accent-color:#97c0c6;cursor:pointer;flex:0 0 auto}

/* ===== ACESSIBILIDADE NO CELULAR =====
   Só em telas de TOQUE (celular/tablet). No PC (mouse) nada muda.
   O celular encolhe a página inteira pra caber a largura virtual, então aqui
   aumentamos o texto do que a pessoa mais precisa ler, pra não ter que dar zoom. */
@media (pointer: coarse) {
  /* menu principal (Tabela, Trader, Gráfico TQP...) */
  .bottom-nav button { font-size: 15px !important; padding: 13px 18px !important; letter-spacing: .01em; }
  /* placares e números da tabela — o coração da leitura */
  #matrix { font-size: 13.5px; }
  #matrix td { font-size: 15px; }
  #matrix .matrix-percent th { font-size: 14px; }
  #matrix .matrix-round th { font-size: 12.5px; }
  #matrix td.rowlabel, #matrix td.row-stat, #matrix td.goals-total { font-size: 13.5px; }
  /* cabeçalho da liga e barras de status */
  .matrix-heading b { font-size: 17px; }
  .matrix-heading small, .matrix-heading span { font-size: 12px; }
  .mstat b { font-size: 15px; }
  /* controles do Financeiro e do gráfico */
  .trader-controls label { font-size: 11px !important; }
  .trader-controls select { font-size: 13px !important; }
  .trader-controls .indicator-menu-toggle,
  .trader-controls .chart-mode-toggle,
  .trader-controls .drawing-toggle,
  .trader-topbar .pine-toggle { font-size: 11px !important; }
  /* Criar Padrão — tabela de padrões */
  .plab-name b { font-size: 14px; }
  .plab-rate, .plab-base, .plab-edge, .plab-conf { font-size: 14px; }
  /* leitura geral */
  body { font-size: 13.5px; }
}

/* ===== CRIAR PADRÃO — construtor (estilo laboratório) + IA ===== */
.plab-title span{color:#99bfc5}
.plab-tabs{display:flex;gap:6px;margin:14px 0 16px;border-bottom:1px solid var(--line-soft);padding-bottom:0}
.plab-tab{border:1px solid transparent;border-bottom:0;background:transparent;color:#889da0;padding:11px 18px;border-radius:9px 9px 0 0;font:700 12.5px Manrope;cursor:pointer;transition:color .14s,background .14s}
.plab-tab:hover{color:#b8cbce;background:rgba(228,198,122,.06)}
.plab-tab.active{color:#99bfc5;background:#0c0f11;border-color:#1f272d;position:relative}
.plab-tab.active::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:2.5px;background:linear-gradient(90deg,#9ec3c9,#709da4);border-radius:2px 2px 0 0}
.plab-pane.hidden{display:none}
.plab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.plab-card{border:1px solid #1f272d;border-radius:13px;background:linear-gradient(160deg,#0c0f11,#080a0b);padding:16px 16px 18px}
.plab-card-head{margin-bottom:14px}
.plab-card-head b{display:block;color:#99bfc5;font:800 12px 'DM Mono';letter-spacing:.16em}
.plab-card-head span{display:block;margin-top:5px;color:#768a8d;font:11.5px Manrope;line-height:1.5}
.plab-step{margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #181e22}
.plab-step:last-of-type{border-bottom:0}
.plab-step-tag{color:#6f949a;font:700 9.5px 'DM Mono';letter-spacing:.14em;margin-bottom:9px}
.plab-select{width:100%;height:44px;padding:0 12px;border:1px solid #293134;border-radius:10px;background:#101316;color:#d7e3e5;font:600 13px Manrope;outline:none;cursor:pointer}
.plab-select:focus{border-color:#466165}
.plab-trig-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.plab-trig-fields select,.plab-trig-fields input{height:42px;padding:0 11px;border:1px solid #293134;border-radius:10px;background:#101316;color:#d7e3e5;font:600 13px Manrope;outline:none;flex:1 1 46%;min-width:120px}
.plab-trig-fields input::placeholder{color:#5a6a6d}
.plab-hint{display:block;margin-top:8px;color:#6b7c7f;font:11px Manrope;line-height:1.5}
.plab-hint b.up{color:#4fd08a}.plab-hint b.down{color:#e8746f}
.plab-summary{margin:4px 0 12px;padding:13px 14px;border:1px solid #1f272d;border-left:3px solid #99bfc5;border-radius:0 10px 10px 0;background:rgba(228,198,122,.06);color:#cad9db;font:600 12.5px/1.6 Manrope}
.plab-summary b{color:#99bfc5}
.plab-test{width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(180deg,#9ec3c9,#709da4);color:#0c1013;font:800 13.5px Manrope;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 18px rgba(201,162,75,.18)}
.plab-test:hover{filter:brightness(1.06)}
.plab-presets{margin-top:20px;padding-top:16px;border-top:1px dashed #181e22}
.plab-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.plab-preset{text-align:left;border:1px solid #1f272c;border-radius:10px;background:#0b0e10;padding:11px 12px;cursor:pointer;transition:border-color .14s,background .14s}
.plab-preset:hover{border-color:#466165;background:#101417}
.plab-preset b{display:block;color:#99bfc5;font:700 12px Manrope;margin-bottom:4px}
.plab-preset span{display:block;color:#6d8184;font:11px/1.45 Manrope}
.plab-result-empty{padding:40px 16px;text-align:center;color:#6b7c7f;font:12.5px Manrope}
.plab-verdict{padding:13px 14px;border-radius:11px;margin-bottom:14px;font:700 13px Manrope;line-height:1.5}
.plab-verdict.bom{background:rgba(79,208,138,.10);border:1px solid rgba(79,208,138,.35);color:#8fe3b6}
.plab-verdict.medio{background:rgba(228,198,122,.10);border:1px solid rgba(228,198,122,.35);color:#adcbd0}
.plab-verdict.ruim{background:rgba(232,116,111,.10);border:1px solid rgba(232,116,111,.35);color:#eda19d}
.plab-verdict small{display:block;margin-top:5px;font:500 11.5px/1.55 Manrope;opacity:.9}
.plab-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.plab-kpi{border:1px solid #1f272c;border-radius:10px;background:#0b0e10;padding:12px 10px;text-align:center}
.plab-kpi b{display:block;font:800 20px 'DM Mono';color:#d7e3e5}
.plab-kpi b.up{color:#4fd08a}.plab-kpi b.down{color:#e8746f}.plab-kpi b.gold{color:#99bfc5}
.plab-kpi span{display:block;margin-top:4px;color:#6d8184;font:9.5px 'DM Mono';letter-spacing:.1em}
.plab-bars{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}
.plab-bars i{width:11px;height:20px;border-radius:3px;display:inline-block}
.plab-bars i.g{background:#2ea86b}.plab-bars i.r{background:#b8433f}
.plab-note{color:#6b7c7f;font:11.5px/1.6 Manrope;margin-top:4px}
.plab-activate{width:100%;height:44px;margin-top:12px;border:1px solid #466165;border-radius:11px;background:#0e1114;color:#99bfc5;font:800 12.5px Manrope;cursor:pointer}
.plab-activate.on{background:#99bfc5;color:#0c1013;border-color:#99bfc5}
@media(max-width:900px){
  .plab-grid{grid-template-columns:1fr}
  .plab-preset-grid{grid-template-columns:1fr}
  .plab-tab{padding:10px 12px;font-size:11.5px}
}

/* ===== Padrão desenhado na tabela ===== */
.plab-mask{display:grid;gap:6px;margin-top:10px;justify-content:start}
.plab-mask button{width:46px;height:40px;border-radius:8px;border:1px solid #293134;background:#0c0f12;color:#4d5d5f;font:700 11px 'DM Mono';cursor:pointer;transition:transform .08s}
.plab-mask button:active{transform:scale(.94)}
.plab-mask button.g{background:#2ea86b;border-color:#3fbe7e;color:#06210f}
.plab-mask button.r{background:#b8433f;border-color:#d1544f;color:#2a0a09}
.plab-mask-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.plab-mini{border:1px solid #293134;background:#0c0f11;color:#a5b1b3;border-radius:8px;padding:8px 11px;font:600 11px Manrope;cursor:pointer}
.plab-mini:hover{border-color:#466165;color:#bad1d4}
.plab-occ{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 6px}
.plab-occ i{width:9px;height:16px;border-radius:2px;display:inline-block}
.plab-occ i.g{background:#2ea86b}.plab-occ i.r{background:#b8433f}

/* ===== Padrão na tabela — pincel + alvo (leitura fácil) ===== */
.plab-howto{border:1px solid #2a3a33;border-left:3px solid #3ecf8e;border-radius:0 10px 10px 0;background:rgba(62,207,142,.06);padding:12px 14px;margin-bottom:16px}
.plab-howto b{color:#8fe3b6;font:800 10px 'DM Mono';letter-spacing:.14em}
.plab-howto p{margin:8px 0 0;color:#c7d3cb;font:12.5px/1.65 Manrope}
.plab-howto b.tg{color:#adcbd0;font-weight:800;letter-spacing:0;font-size:12.5px}
.plab-howto b.tt{color:#99bfc5;font-weight:800;letter-spacing:0;font-size:12.5px}
.plab-howto b.up{color:#4fd08a;letter-spacing:0;font-size:12.5px}
.plab-howto-tip{color:#9aa79f !important;font-size:11.5px !important}
.plab-brushes{display:flex;flex-wrap:wrap;gap:7px}
.plab-brush{display:flex;align-items:center;gap:7px;border:1px solid #293134;background:#0c0f11;color:#a5b1b3;border-radius:9px;padding:9px 12px;font:600 12px Manrope;cursor:pointer}
.plab-brush:hover{border-color:#466165}
.plab-brush.active{border-color:#99bfc5;background:#12171a;color:#cadee1}
.plab-brush i,.plab-legend i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-style:normal;font:700 12px 'DM Mono'}
.bg-g{background:#2ea86b;color:#06210f}
.bg-r{background:#b8433f;color:#2a0a09}
.bg-t{background:#99bfc5;color:#0c1013}
.bg-e{background:#121619;color:#55686b;border:1px solid #293134}
.plab-painting{margin:10px 0 4px;color:#768a8d;font:11.5px Manrope}
.plab-painting b{color:#99bfc5}
.plab-mask button.t{background:#99bfc5;border-color:#aeced4;color:#0c1013}
.plab-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:#6d8184;font:11px Manrope}
.plab-legend span{display:flex;align-items:center;gap:6px}

/* grade grande (até 30x30): casinhas menores e sem texto, só a cor */
.plab-mask button{width:var(--cell,46px);height:var(--cell,46px)}
.plab-mask.mini button{font-size:0;border-radius:4px;border-width:1px}
.plab-mask.mini button.t{box-shadow:inset 0 0 0 2px #0c1013}
.plab-mask{max-width:100%;overflow-x:auto}

/* rótulo do mercado dentro da casinha (ex.: O2.5, X, 1-1) */
.plab-mask button.rot{font:800 10px 'DM Mono';letter-spacing:-.02em}
.plab-mask.mini button.rot{font-size:0}
.plab-cellmk{margin:12px 0 4px;padding:11px 12px;border:1px solid #1f272d;border-radius:10px;background:#0b0e10}
.plab-cellmk .plab-step-tag{margin-bottom:8px}
.plab-cellmk input{height:42px;padding:0 11px;border:1px solid #293134;border-radius:10px;background:#101316;color:#d7e3e5;font:600 13px Manrope;outline:none;flex:1 1 46%;min-width:140px}
.plab-hint b.up{color:#4fd08a}.plab-hint b.down{color:#e8746f}

/* ===== Padrão na tabela — versão completa ===== */
.plab-size-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.plab-size-row input[type=number]{width:74px;height:42px;padding:0 10px;border:1px solid #293134;border-radius:10px;background:#101316;color:#d7e3e5;font:700 14px 'DM Mono';outline:none;text-align:center}
.plab-size-row input[type=number]:focus{border-color:#466165}
.plab-x{color:#768a8d;font:700 13px 'DM Mono'}
.plab-mask button, .plab-mask button.rot, .plab-mask.mini button, .plab-mask.mini button.rot{width:var(--cell,44px);height:var(--cell,44px);font:800 var(--cellfont,10px) 'DM Mono' !important;letter-spacing:-.03em}
.plab-mask button.r.rot{text-decoration:line-through;text-decoration-thickness:1.5px}
.plab-actions-row{display:flex;gap:8px}
.plab-actions-row .plab-test{flex:1 1 auto}
.plab-save{height:48px;padding:0 16px;border:1px solid #466165;border-radius:11px;background:#0e1114;color:#99bfc5;font:800 12.5px Manrope;cursor:pointer;white-space:nowrap}
.plab-save:hover{background:#12181c}
.plab-recent-chip{display:block;width:100%;text-align:left;margin-top:6px;border:1px solid #1f272c;border-radius:9px;background:#0b0e10;color:#87a1a5;padding:9px 11px;font:600 11px Manrope;cursor:pointer}
.plab-recent-chip b{color:#99bfc5}
.plab-recent-chip:hover{border-color:#466165}
.plab-strats-card{margin-top:14px}
.plab-strats-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plab-som{display:flex;align-items:center;gap:7px;color:#a5b1b3;font:600 12px Manrope;cursor:pointer;white-space:nowrap}
.plab-som input{accent-color:#99bfc5;width:16px;height:16px}
.plab-monitor-status{margin:-4px 0 12px;color:#6b7c7f;font:11.5px Manrope}
.plab-strat{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #1f272c;border-radius:11px;background:#0b0e10;padding:12px 13px;margin-bottom:8px}
.plab-strat.on{border-color:#30434b;background:#0c0f12}
.plab-strat-info b{display:block;color:#d7e3e5;font:700 13px Manrope}
.plab-strat-info span{display:block;margin-top:3px;color:#768a8d;font:11px 'DM Mono'}
.plab-strat-info small{display:block;margin-top:4px;color:#6b7c7f;font:10.5px Manrope}
.plab-strat-info small i{color:#99bfc5;font-style:normal}
.plab-strat-actions{display:flex;gap:6px}
.plab-strat-actions button{width:38px;height:38px;border:1px solid #293134;border-radius:9px;background:#0c0f11;color:#a5b1b3;font-size:14px;cursor:pointer}
.plab-strat-actions button:hover{border-color:#466165;color:#bad1d4}
.plab-strat-actions button.on{background:#99bfc5;border-color:#99bfc5;color:#0c1013}
#plabToast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);z-index:200;max-width:min(92vw,520px);padding:14px 18px;border:1px solid #99bfc5;border-radius:12px;background:#0f1317;color:#cadee1;font:700 13px Manrope;box-shadow:0 18px 50px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
#plabToast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.plab-actions-row{flex-direction:column}.plab-save{width:100%}}

/* ===== chips e/ou + buscador de padrões ===== */
.plab-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}
.plab-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #466165;border-radius:999px;background:#12171a;color:#99bfc5;padding:6px 6px 6px 12px;font:700 11px 'DM Mono'}
.plab-chip button{width:18px;height:18px;border:0;border-radius:50%;background:#283134;color:#99bfc5;font-size:11px;line-height:1;cursor:pointer}
.plab-chip-op{color:#768a8d;font:600 11px Manrope}
.plab-chip-vazio{color:#5a6a6d;font:11px Manrope}
.plab-busca-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.plab-busca-row select{flex:1 1 180px;height:44px;padding:0 11px;border:1px solid #293134;border-radius:10px;background:#101316;color:#d7e3e5;font:600 12.5px Manrope;outline:none;cursor:pointer}
.plab-busca-btn{flex:1 1 100%;height:46px}
.plab-busca-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #1f272c;border-radius:11px;background:#0b0e10;padding:11px 13px;margin-bottom:7px}
.plab-busca-item>div>b{display:block;color:#d7e3e5;font:700 12.5px 'DM Mono'}
.plab-busca-item>div>span{display:block;margin-top:3px;color:#768a8d;font:11px Manrope}
.plab-busca-right{display:flex;align-items:center;gap:10px}
.plab-busca-right>b{font:800 16px 'DM Mono';color:#d7e3e5}
.plab-busca-right>b.up{color:#4fd08a}.plab-busca-right>b.down{color:#e8746f}
.plab-busca-right button{height:36px;padding:0 14px;border:1px solid #466165;border-radius:9px;background:#0e1114;color:#99bfc5;font:800 11.5px Manrope;cursor:pointer}
.plab-busca-right button:hover{background:#99bfc5;color:#0c1013}
@media(min-width:901px){.plab-busca-btn{flex:1 1 180px}}

/* ============ CRIADOR DE PADRÃO (tabela) — cp-* — do zero, BBTips + Often ============ */
.cp-wrap{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto}
.cp-card{position:relative;border:1px solid var(--line);background:linear-gradient(150deg,#0e1113,#090b0d);border-radius:14px;padding:16px 16px 16px 54px}
.cp-card.cp-wide{padding-left:16px}
.cp-num{position:absolute;left:14px;top:15px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 13px 'DM Mono';color:#0c1013;background:var(--gold);box-shadow:0 0 0 4px rgba(211,176,69,.12)}
.cp-wide .cp-num{position:static;margin-bottom:10px}
.cp-head{font:800 14.5px Manrope;color:#d8e4e6;margin-bottom:11px;display:flex;align-items:center;gap:8px}
.cp-head b{color:var(--gold-light)}
.cp-head-flex{justify-content:space-between}
.cp-opt{font:600 10px 'DM Mono';color:#71888b;letter-spacing:.06em}
.cp-row{display:flex;gap:9px;flex-wrap:wrap}
.cp-select,.cp-input{flex:1 1 190px;min-width:0;height:44px;border:1px solid #2a3337;background:#0c0f11;color:#dde5e6;border-radius:10px;padding:0 12px;font:600 13.5px Manrope}
.cp-select:focus,.cp-input:focus{outline:none;border-color:#466165}
.cp-select-sm{flex:1 1 130px;height:40px;font-size:12.5px}
.cp-tip{margin:10px 0 0;color:#74888b;font:500 11.5px/1.55 Manrope}
.cp-tip b{color:#9cb3b7}
.cp-btn-mini{height:40px;padding:0 14px;border:1px solid #2d363a;background:#111518;color:#c9d1d2;border-radius:9px;font:700 12px Manrope;cursor:pointer;white-space:nowrap}
.cp-btn-mini:hover{border-color:#466165;color:#9ec3c9}
.cp-grid-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.cp-grid-controls label{display:flex;flex-direction:column;gap:4px;font:700 9.5px 'DM Mono';letter-spacing:.1em;color:#7b9194;text-transform:uppercase}
.cp-grid-controls input{width:74px;height:40px;border:1px solid #2a3337;background:#0c0f11;color:#dde5e6;border-radius:9px;padding:0 10px;font:700 14px 'DM Mono';text-align:center}
/* pincéis */
.cp-brushes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cp-brush{display:flex;align-items:center;gap:7px;height:42px;padding:0 13px;border:1px solid #293236;background:#0c0f11;color:#b3c3c6;border-radius:11px;font:700 12px Manrope;cursor:pointer;transition:border-color .12s,background .12s}
.cp-brush i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-style:normal;background:#151a1d}
.cp-brush em{font-style:normal}
.cp-brush.g i{background:rgba(80,208,138,.16);color:#7ee0a6}
.cp-brush.r i{background:rgba(231,116,111,.16);color:#f0a29d}
.cp-brush.t i{background:rgba(228,198,122,.18);color:#a8cbd0}
.cp-brush.e i{background:#181f23;color:#71888b}
.cp-brush.active{background:#14181b;border-color:#466165;color:#dde8e9;box-shadow:0 0 0 1px rgba(211,176,69,.25)}
/* grade */
.cp-mask{display:grid;gap:5px;justify-content:start;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:#080a0c;overflow:auto}
.cp-mask button{width:var(--cell,44px);height:var(--cell,44px);border:1px solid #20282d;border-radius:8px;background:#0e1215;color:#5b6c6f;font:700 var(--cellfont,10px) 'DM Mono';cursor:pointer;display:grid;place-items:center;padding:0;line-height:1;transition:transform .05s}
.cp-mask button:active{transform:scale(.92)}
.cp-mask button.g{background:rgba(80,208,138,.16);border-color:rgba(80,208,138,.4);color:#8fe3b6}
.cp-mask button.r{background:rgba(231,116,111,.15);border-color:rgba(231,116,111,.4);color:#f0a29d}
.cp-mask button.r.rot{text-decoration:line-through;text-decoration-thickness:1.5px}
.cp-mask button.t{background:rgba(228,198,122,.2);border-color:rgba(228,198,122,.55);color:#a9ccd1}
.cp-mask button.rot{font-size:calc(var(--cellfont,10px) - .5px);letter-spacing:-.03em}
/* preview real */
.cp-preview-wrap{margin-top:14px;border-top:1px dashed #212a30;padding-top:12px}
.cp-preview-tag{font:800 9px 'DM Mono';letter-spacing:.12em;color:#6f949a;margin-bottom:9px}
.cp-preview{display:flex;flex-direction:column;gap:7px}
.cp-preview-empty{color:#68797c;font:500 12px Manrope;padding:6px 0}
.cp-occ{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;border:1px solid var(--line-soft);border-radius:10px;background:#0a0c0d}
.cp-occ-cells{display:flex;gap:5px;flex-wrap:wrap;flex:1 1 auto}
.cp-occ-g{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:38px;padding:4px 6px;border:1px solid #20282d;border-radius:7px;background:#0f1215}
.cp-occ-g b{font:700 12px 'DM Mono';color:#cad2d3}
.cp-occ-g span{font:700 8px 'DM Mono';letter-spacing:.04em}
.cp-occ-g.gat-ok{border-color:rgba(80,208,138,.45);background:rgba(80,208,138,.1)}
.cp-occ-g.gat-ok span{color:#7ee0a6}
.cp-occ-g.gat-no{border-color:rgba(231,116,111,.4);background:rgba(231,116,111,.1)}
.cp-occ-g.gat-no span{color:#f0a29d}
.cp-occ-g.alvo{border-color:rgba(228,198,122,.6);background:rgba(228,198,122,.12)}
.cp-occ-g.alvo b{color:#a9ccd1}
.cp-occ-g.alvo span{color:#9ec3c9}
.cp-occ-res{flex:0 0 auto;font:800 10px 'DM Mono';letter-spacing:.06em;padding:5px 9px;border-radius:999px}
.cp-occ-res.green{background:rgba(80,208,138,.16);color:#7ee0a6}
.cp-occ-res.red{background:rgba(231,116,111,.16);color:#f0a29d}
.cp-occ-arrow{color:#57676a;font-size:13px}
.cp-preview-sum{font:600 11px Manrope;color:#74888b;margin-top:2px}
.cp-preview-sum b{color:#9ec3c9}
/* passo 3 colapsável */
.cp-collapsible .cp-adv-body{display:none;margin-top:12px}
.cp-collapsible.open .cp-adv-body{display:block}
.cp-head-toggle{cursor:pointer;margin-bottom:0;user-select:none}
.cp-caret{margin-left:auto;font-style:normal;color:#71888b;transition:transform .15s}
.cp-collapsible.open .cp-caret{transform:rotate(180deg)}
.cp-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;min-height:4px}
/* resumo + ações */
.cp-summary{border:1px solid #293235;background:linear-gradient(150deg,#0c0f12,#0b0e11);border-radius:12px;padding:13px 15px;font:600 12.5px/1.55 Manrope;color:#c7cfd0}
.cp-summary b{color:#9ec3c9}
.cp-actions{display:flex;gap:10px;flex-wrap:wrap}
.cp-test,.cp-save{flex:1 1 200px;height:50px;border-radius:12px;font:800 14px Manrope;cursor:pointer;border:1px solid transparent}
.cp-test{background:var(--gold);color:#0c1013}
.cp-test:hover{background:var(--gold-light)}
.cp-save{background:#111518;border-color:#2e373b;color:#d1d9da}
.cp-save:hover{border-color:#466165;color:#9ec3c9}
.cp-result,.cp-result-empty{margin-top:2px}
.cp-result-empty{padding:26px 16px;text-align:center;color:#6b7c7f;font:12.5px/1.5 Manrope;border:1px dashed #212a30;border-radius:12px}
.cp-result-empty b{color:#9cb3b7}
/* buscador */
.cp-busca-row{display:flex;gap:8px;flex-wrap:wrap}
.cp-busca-row .cp-select{flex:1 1 128px}
.cp-busca-btn{flex:1 1 150px}
/* seus robôs */
.cp-som{display:flex;align-items:center;gap:6px;font:600 11px Manrope;color:#94a4a7}
.cp-mon-status{font:600 11px 'DM Mono';color:#71888b;margin-bottom:10px}
@media (pointer:coarse){
  .cp-head{font-size:16px}
  .cp-select,.cp-input{font-size:15px;height:48px}
  .cp-tip{font-size:12.5px}
  .cp-brush{height:46px;font-size:13px}
  .cp-occ-g b{font-size:13px}
}
/* seletor de mercado do pincel (passo 2, visível) */
.cp-pincel{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.cp-pincel-lbl{font:800 9.5px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:#7b9194;white-space:nowrap}
.cp-pincel .cp-select{flex:1 1 200px}
.cp-pincel-info{font:600 12px Manrope;color:#a4b4b7;padding:9px 12px;border:1px solid var(--line-soft);border-radius:9px;background:#0a0c0d;margin-bottom:12px}
.cp-pincel-info.g{border-color:rgba(80,208,138,.35)}
.cp-pincel-info.r{border-color:rgba(231,116,111,.35)}
.cp-pincel-info.t{border-color:rgba(228,198,122,.4)}
.cp-pincel-info b{color:#9ec3c9}
.cp-pincel-abbr{display:inline-block;min-width:20px;text-align:center;padding:1px 6px;border-radius:5px;background:#14191d;color:#dde8e9 !important;font-family:'DM Mono';font-size:11px}

.finder-tg{border-color:#2f5136 !important;color:#8fe3b6 !important}
.finder-tg.on{background:rgba(80,208,138,.15) !important;border-color:#4fd08a !important}

.cp-tg-armados{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cp-tg-armados-tag{width:100%;font:700 10px "DM Mono";letter-spacing:.04em;color:#6f949a;margin-bottom:2px}
/* caixa de Telegram dentro do buscador (gráfico) */
.finder-tg-cfg{border:1px solid var(--line);background:linear-gradient(150deg,#0e1113,#090b0d);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.finder-tg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 13px Manrope;color:#d8e4e6;margin-bottom:9px}
.finder-tg-head label{display:flex;align-items:center;gap:6px;font:600 11px Manrope;color:#94a4a7}
.finder-tg-row{display:flex;gap:8px;flex-wrap:wrap}
.finder-tg-row .tg-token,.finder-tg-row .tg-chat{flex:1 1 180px;min-width:0;height:42px;border:1px solid #2a3337;background:#0c0f11;color:#dde5e6;border-radius:10px;padding:0 12px;font:600 13px Manrope}
.finder-tg-row .tg-test{height:42px;padding:0 16px;border:1px solid #466165;background:#0e1114;color:#99bfc5;border-radius:10px;font:800 12px Manrope;cursor:pointer;white-space:nowrap}
.finder-tg-row .tg-test:hover{background:#99bfc5;color:#0c1013}
.finder-tg-cfg .tg-status{display:block;font:600 11px 'DM Mono';color:#6f949a;margin-top:8px}
.finder-tg-cfg .tg-armados{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.finder-tg-tip{margin:9px 0 0;color:#74888b;font:500 11px/1.5 Manrope}
.finder-tg-tip b{color:#9cb3b7}
@media(pointer:coarse){.finder-tg-row .tg-token,.finder-tg-row .tg-chat,.finder-tg-row .tg-test{height:48px;font-size:14px}}
