/* Comparativo DI intradiário: usa feed autorizado e referência do pregão anterior */
#di30-panel{background:linear-gradient(145deg,#0e2623,#0b1821);border:1px solid #526c52;border-radius:13px;padding:17px;margin:14px 0 16px;color:#dfece4;font:13px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 8px 26px #0004}
.di30-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.di30-kicker{font-size:10px;color:#e5c483;letter-spacing:1.6px;font-weight:900}.di30-header h2{font-size:clamp(19px,2vw,27px);margin:3px 0;color:#ffdfa0}.di30-header p{font-size:11px;margin:3px 0;color:#adcaba}.di30-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.di30-actions button{border-radius:9px;padding:11px 15px;border:1px solid #af8f5b;background:#3e3323;color:#ffe3aa;font-weight:900;cursor:pointer}.di30-actions button:disabled{opacity:.5}.di30-status{font-size:11px;font-weight:850;border-radius:7px;padding:9px 12px;display:inline-block;margin-top:14px}.di30-warn{background:#422724;border:1px solid #ac6557;color:#ffc5ac}.di30-ok{background:#134a32;border:1px solid #65b78b;color:#b2f4cf}.di30-detail{font-size:11px;color:#b2c8bc;margin:10px 0 15px;line-height:1.55}.di30-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#c3dad0;font-weight:750}.di30-ref:before,.di30-current:before{content:"";display:inline-block;width:23px;margin:0 7px 3px 0;vertical-align:middle;border-top:3px dashed #97abc8}.di30-current:before{border-top:3px solid #fed88c}.di30-chart{min-height:250px;background:#071719;border-radius:9px;border:1px solid #2c5147;padding:9px 8px;margin-top:11px;overflow:hidden}.di30-chart svg{display:block;width:100%;height:auto;max-height:330px}.di30-table-wrap{overflow-x:auto}.di30-table{margin-top:13px;width:100%;border-collapse:collapse;color:#e6eee5;min-width:450px}.di30-table th{color:#efd39b;text-align:left;font-size:11px;letter-spacing:.3px;border-bottom:1px solid #526e51;padding:10px}.di30-table td{padding:9px 10px;font-size:12px;border-bottom:1px solid #294639;font-variant-numeric:tabular-nums}.di30-table td.di30-higher{color:#ffacb3;font-weight:800}.di30-table td.di30-lower{color:#81e5b0;font-weight:800}.di30-caution{font-size:10px;color:#9db6a8;line-height:1.7;margin-top:10px}.di30-caution a{color:#f3cb8c}
@media(max-width:730px){#di30-panel{padding:13px}.di30-header{align-items:start}.di30-actions button{padding:10px;font-size:12px}.di30-legend{gap:10px}.di30-chart{min-height:140px}.di30-chart svg{height:auto}}

/* VERSÃO COMPACTA: uma linha apenas, delta contra pregão anterior em cartões. */
#di30-panel{padding:12px 15px;margin:9px 0 12px;border-color:#6d7e58}
.di30-header{gap:8px}.di30-header h2{font-size:clamp(18px,2vw,24px);margin:0}.di30-header p{font-size:11px;line-height:1.35;margin:3px 0}
.di30-status{margin:9px 0 0;padding:7px 10px;display:block;font-size:11px}
.di30-detail{margin:7px 0 9px;font-size:10px;line-height:1.45}
.di30-legend{display:flex;align-items:center;gap:16px;margin-bottom:3px;font-size:10px}
.di30-ref-label{color:#aac0b2}.di30-ref-label:before{content:"Δ";color:#86eab4;font-weight:900;margin-right:5px}
.di30-current:before{border-top:3px solid #f3cf86;width:20px}
.di30-chart{margin:6px 0 8px;padding:4px 6px;min-height:0;border-radius:7px}
.di30-chart svg{width:100%;max-height:212px;display:block}
.di30-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0}
.di30-metric{border:1px solid #345e4a;background:#112d25;border-radius:8px;padding:8px 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.di30-metric span{color:#efcf91;font-size:10px;font-weight:850;letter-spacing:.5px}
.di30-metric strong{color:#fff4d6;font-variant-numeric:tabular-nums;font-size:15px}
.di30-metric small{font-variant-numeric:tabular-nums;font-size:10px;font-weight:850}
.di30-expand,.di30-widgets{margin:7px 0 0;border-top:1px solid #345247}
.di30-expand>summary,.di30-widgets>summary{cursor:pointer;color:#f0ce93;padding:9px 5px;font-weight:800;font-size:11px;list-style-position:inside}
.di30-expand .di30-table{margin-top:5px}
.di30-caution{font-size:10px;margin:8px 0 3px}
.di30-widget-slot{margin-top:5px}
.di30-widget-slot .di-live-widget{margin:0}
#di30-panel .di30-higher{color:#ffa5a8}#di30-panel .di30-lower{color:#7ee5b4}
@media(max-width:830px){.di30-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#di30-panel{padding:11px}.di30-header{align-items:flex-start}.di30-chart svg{min-width:600px;max-height:200px}.di30-chart{overflow-x:auto}.di30-actions button{padding:8px}.di30-metric{padding:7px}}

/* Bloco antigo de curva histórica permanece no DOM apenas para scripts legados;
   não aparece mais, nem duplica gráficos visíveis. Widgets foram deslocados para o painel único. */
#di{display:none!important}
.grid-primary{grid-template-columns:minmax(0,1fr)!important;align-items:start}
.grid-primary>#vies{grid-column:1!important}
@media(min-width:900px){#di30-panel .di30-chart{max-height:230px}}


/* Importação exclusivamente local (não retransmite direitos de dados B3) */
.di30-import{margin:9px 0 0;border:1px solid #456c5a;background:#122b25;border-radius:10px}
.di30-import>summary{padding:12px 14px;cursor:pointer;color:#f4d79e;font-size:12px;font-weight:900}
.di30-import-body{padding:11px 14px 14px;border-top:1px solid #375849}
.di30-import-body p{font-size:11px;line-height:1.55;color:#c0d9ca;margin:3px 0 9px}
#di30-paste{display:block;width:100%;min-height:110px;resize:vertical;padding:12px 13px;background:#071915;border:1px solid #507363;color:#fff9e9;font:12px/1.6 ui-monospace,monospace;border-radius:9px;box-sizing:border-box}
#di30-paste:focus{outline:2px solid #f3d197}
.di30-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.di30-import-actions button,.di30-import-actions a{border:1px solid #b69b61;border-radius:8px;background:#453721;color:#ffe2a4;font-size:11px;font-weight:850;padding:9px 12px;text-decoration:none;cursor:pointer}
.di30-import-actions button:first-child{background:#1a4d36;border-color:#66b68d;color:#d5ffe4}
.di30-import-actions button:nth-child(2){background:transparent;border-color:#6c6c63;color:#d3c9b8}
.di30-import-status{margin:10px 0 0!important;color:#e5c890!important;font-size:11px!important}
.di30-import-status.good{color:#95e7b5!important}
.di30-import-status.error{color:#ffabae!important}
.di30-status.di30-manual{background:#303522;border:1px solid #c6ab65;color:#ffedb3}
.di30-intelligence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0}
.di30-int-card{display:flex;flex-direction:column;gap:5px;background:#102e28;border:1px solid #365f50;border-radius:9px;padding:10px;min-width:0}
.di30-int-card small{font-size:10px;letter-spacing:.3px;color:#d2b87d;font-weight:800}
.di30-int-card strong{font-size:clamp(12px,1.25vw,17px);color:#fce4ac;font-variant-numeric:tabular-nums}
.di30-int-card span{color:#bed0c4;font-size:10px;line-height:1.42}
.di30-int-card.warning{border-color:#bd7459;background:#35231f}
.di30-int-foot{grid-column:1/-1;color:#91ac9b;font-size:10px;margin:2px 0}
@media(max-width:950px){.di30-intelligence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.di30-intelligence{grid-template-columns:1fr}.di30-int-card{padding:10px}.di30-import-actions button,.di30-import-actions a{width:100%;text-align:center}}

/* MODELO C — RADAR DI HÍBRIDO | vértices, intensidade, inclinação e contexto */
#di30-panel{background:radial-gradient(ellipse at 12% -20%,#173932,#09191b 68%);border:1px solid #53765a;padding:15px 17px}
#di30-panel .di30-header{height:auto;min-height:0;background:transparent;border:0;overflow:visible;padding:0;align-items:center;gap:15px}
#di30-panel .di30-header:before,#di30-panel .di30-header:after{content:none}
#di30-panel .di30-header h2{font-size:clamp(21px,2vw,31px);line-height:1.2;color:#f3d493;letter-spacing:-.5px;font-weight:900}
#di30-panel .di30-mode-label{color:#a2e5bd;font-size:clamp(13px,1.2vw,17px);font-weight:700;letter-spacing:0}
#di30-panel .di30-header p{color:#b2cdbc;margin:6px 0 0;font-size:12px}
#di30-panel .di30-status{border-radius:8px;font-size:11px;margin-top:12px}
#di30-panel .di30-detail{font-size:11px;color:#9eb6ae;margin:9px 1px 12px}
#di30-panel .di30-legend{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#0d241f;padding:9px 11px;border:1px solid #2e5143;border-radius:8px;margin:8px 0}
#di30-panel .di30-legend>span{font-size:11px}
#di30-panel .di30-legend b{color:#ffe1a6}
#di30-panel .di30-current:before{display:none}
#di30-panel .di30-ref-label:before{content:"";margin:0}
.di30-color-key{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;color:#b4c8be}
.di30-color-key i{width:10px;height:10px;border-radius:3px;display:inline-block}
.di30-color-key .up{background:#cf6274}.di30-color-key .down{background:#3bc398}.di30-color-key .na{background:#607974}
#di30-panel .di30-heatmap{background:linear-gradient(135deg,#0a1a1b,#102420);padding:12px;border:1px solid #3f6351;border-radius:12px;min-width:0;overflow:hidden}
.di30-map-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.di30-map-head strong{font-size:11px;letter-spacing:1.3px;font-weight:950;color:#f2d69c}
.di30-map-head span{font-size:10px;color:#9bb7a8}
.di30-map-groups{display:grid;grid-template-columns:2fr 3fr 4fr;gap:10px;min-width:0}
.di30-map-group{min-width:0}
.di30-group-header{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:3px 4px 8px;border-bottom:1px solid #335648;margin-bottom:7px}
.di30-group-header b{font-size:11px;letter-spacing:1px;color:#ead1a4}
.di30-group-header span{font-size:9px;color:#8ead9b}
.di30-vertex-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:7px}
.di30-vertex{min-width:0;min-height:110px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #456253;border-radius:9px;background:#102c28;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;padding:11px 5px;text-align:center}
.di30-vertex:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.di30-open{border-color:#ad5c67}.di30-open:before{background:linear-gradient(145deg,#693040,#f16c76);opacity:calc(.17 + var(--di-intensity)*.62)}
.di30-close{border-color:#3ca280}.di30-close:before{background:linear-gradient(145deg,#184d3d,#3a9b6e);opacity:calc(.17 + var(--di-intensity)*.62)}
.di30-flat{border-color:#a48c59}.di30-flat:before{background:#6b5d38;opacity:.2}
.di30-unknown{border-color:#39594f;background:linear-gradient(140deg,#102521,#15252a)}
.di30-code{font-size:12px;font-weight:900;color:#e5cb96;letter-spacing:.8px}
.di30-rate{font-size:clamp(13px,1.25vw,18px);font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#f8f4e9;white-space:nowrap}
.di30-delta{font-size:clamp(12px,1.2vw,16px);font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d6dfd9}
.di30-open .di30-delta{color:#ffd0d2}.di30-close .di30-delta{color:#a8ffda}
.di30-vertex-direction{font-size:9px;font-weight:850;color:#b7c9c1;white-space:nowrap}
#di30-panel .di30-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:11px 0}
#di30-panel .di30-highlights .di30-metric{padding:10px 13px;display:flex;justify-content:space-between;gap:6px;align-items:center;flex-wrap:wrap}
#di30-panel .di30-highlights .di30-metric span{font-size:10px;color:#e8d4a7}
#di30-panel .di30-highlights .di30-metric strong{font-size:19px}
#di30-panel .di30-highlights .di30-metric small{font-size:10px;color:#a0bdaf}
#di30-panel .di30-highlights .di30-metric.di30-higher{border-color:#934b59;background:#322429}
#di30-panel .di30-highlights .di30-metric.di30-lower{border-color:#367957;background:#142d26}
#di30-panel .di30-intelligence{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 6px}
#di30-panel .di30-int-card{padding:13px;min-height:103px;border:1px solid #365d4d;background:#102823;border-radius:9px}
#di30-panel .di30-int-card strong{font-size:clamp(13px,1.3vw,19px);line-height:1.25}
#di30-panel .di30-int-card span{font-size:10px;line-height:1.5}
#di30-panel .di30-int-foot{margin:0;color:#9eb9ad}
#di30-panel .di30-widgets>summary,#di30-panel .di30-expand>summary,#di30-panel .di30-import>summary{font-size:12px}
@media(max-width:1370px){
 .di30-map-groups{grid-template-columns:1fr;gap:9px}
 .di30-group-header{margin-bottom:6px;padding-bottom:6px}
 .di30-map-group{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:10px}
 .di30-vertex{min-height:80px;flex-direction:row;justify-content:space-between;padding:7px 12px;gap:8px}
 .di30-vertex-direction{display:none}
 .di30-vertex-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
 .di30-code{font-size:11px}.di30-rate{font-size:14px}.di30-delta{font-size:12px}
}
@media(max-width:1000px){
 .di30-map-group{display:block}
 .di30-vertex{flex-direction:column;min-height:96px;gap:5px}
 #di30-panel .di30-intelligence{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #di30-panel{padding:11px}
 .di30-map-groups{gap:10px}
 .di30-group-header span{display:none}
 .di30-vertex-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .di30-vertex{min-height:85px}
 #di30-panel .di30-highlights{grid-template-columns:1fr}
 #di30-panel .di30-intelligence{grid-template-columns:1fr}
 #di30-panel .di30-heatmap{padding:9px}
 #di30-panel .di30-header h2{font-size:21px}
}

/* Detalhe de intensidade sobre o fundo sem esconder os valores */
#di30-panel .di30-vertex:before{z-index:0}
#di30-panel .di30-vertex>*{position:relative;z-index:1}
@media(min-width:1371px){.di30-map-group:nth-child(1) .di30-vertex-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.di30-map-group:nth-child(2) .di30-vertex-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.di30-map-group:nth-child(3) .di30-vertex-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Track InvesT G.Fé — único desenho híbrido na parte superior do terminal */
#di30-panel .di30-hybrid-top{margin-top:12px;padding:10px 13px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border:1px solid #3b5d51;border-bottom:0;border-radius:10px 10px 0 0;background:#0b2021}
#di30-panel .di30-hybrid-top b{font-size:12px;color:#f4d597;letter-spacing:.4px}
#di30-panel .di30-hybrid-top small{font-size:10px;color:#aecab8;display:block;margin-top:3px}
#di30-panel .di30-hybrid-controls{display:flex;gap:5px;flex-wrap:wrap}
#di30-panel .di30-hybrid-controls button{font:800 11px/1.3 Inter,system-ui,sans-serif;padding:7px 12px;border:1px solid #497164;background:#132a2d;color:#d7ebe1;border-radius:6px;cursor:pointer}
#di30-panel .di30-hybrid-controls button[aria-pressed="true"]{background:#c9a56c;border-color:#f1ce8a;color:#162321}
#di30-panel .di30-hybrid-controls button:disabled{opacity:.4;cursor:not-allowed}
#di30-panel .di30-hybrid-plot{border:1px solid #3b5d51;border-top:0;background:radial-gradient(ellipse at top,#173333,#081719 72%);min-width:0;overflow:hidden;padding:2px 9px 7px}
#di30-panel .di30-hybrid-plot svg{display:block;width:100%;height:208px;overflow:visible}
#di30-panel .di30-hybrid-picker{display:flex;gap:5px;align-items:center;justify-content:space-around;border-top:1px solid #294c43;margin:0 8px;padding:6px}
#di30-panel .di30-hybrid-picker button{background:#18322f;border:1px solid #335a4d;color:#d7e3d7;padding:5px 9px;min-width:38px;border-radius:5px;cursor:pointer;font-size:10px;font-weight:850}
#di30-panel .di30-hybrid-picker button[aria-pressed="true"]{background:#b9914f;color:#1a1917;border-color:#ffd78e}
#di30-panel .di30-hybrid-inspect{margin:0 0 10px;padding:10px 12px;background:#1c2d29;border:1px solid #3b5d51;border-top:0;border-radius:0 0 9px 9px;font-size:11px;color:#b9d0c3}
#di30-panel .di30-hybrid-inspect strong{color:#ffe0a9}
#di30-panel .di30-vertices-details{margin:7px 0 10px;border:1px solid #3b5d51;border-radius:9px;overflow:hidden;background:#0d1d1d}
#di30-panel .di30-vertices-details>summary{cursor:pointer;padding:10px 13px;color:#e6d1a8;font-size:11px;font-weight:800}
#di30-panel .di30-vertices-details .di30-heatmap{margin:0 8px 8px;max-width:100%}
@media(max-width:650px){#di30-panel .di30-hybrid-top{align-items:start}#di30-panel .di30-hybrid-top small{line-height:1.4}#di30-panel .di30-hybrid-plot{overflow-x:auto}#di30-panel .di30-hybrid-plot svg{min-width:600px;height:176px}#di30-panel .di30-hybrid-picker{min-width:580px}#di30-panel .di30-hybrid-picker button{min-width:32px;padding:5px}#di30-panel .di30-hybrid-inspect{line-height:1.6}}
