#graficadorView .panel{max-width:1220px;margin:0 auto}
#graficadorView .graph-note{margin:18px 24px;padding:12px 16px;border-left:2px solid var(--accent);background:#0b1c26;color:var(--muted);line-height:1.5;font-size:13px}
#graficadorView .graph-controls{padding:0 24px 12px;max-width:850px}
#graficadorView #graphSearch{box-sizing:border-box;width:100%;margin-top:8px;padding:12px 14px;border-radius:8px;background:#081720;border:1px solid #29424e;color:var(--text);font:inherit}
#graficadorView #graphSearch:focus{outline:2px solid #65d8c680;outline-offset:2px}
#graficadorView .graph-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:6px;max-height:176px;overflow:auto;margin-top:10px}
#graficadorView .graph-option{display:grid;grid-template-columns:24px 1fr;padding:10px;border:1px solid #1d3541;border-radius:8px;background:#0b1c26;cursor:pointer}
#graficadorView .graph-option:has(input:checked){border-color:#65d8c6}
#graficadorView .graph-option input{grid-row:1/3;accent-color:#65d8c6}
#graficadorView .graph-option small{color:var(--muted);font-size:11px;margin-top:4px}
#graficadorView .graph-cable-tag{font-size:10px;color:#e8ba65;margin-left:6px}
#graficadorView .graph-selection{padding:0 24px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#graficadorView #graphSelected{display:flex;gap:7px;flex-wrap:wrap}
#graficadorView .graph-chip{display:flex;gap:9px;align-items:center;background:#112b30;border:1px solid #2a655e;color:#86e6d6;padding:7px 10px;border-radius:20px;cursor:pointer;font:inherit;font-size:12px}
#graficadorView .graph-chip small{color:#9caeb5;font-size:10px}
#graficadorView .graph-chip.is-cable{background:#2b2519;border-color:#635335;color:#e8ba65}
#graficadorView .graph-chart{margin:0 18px 18px;padding:16px;background:#081720;border:1px solid #1b333e;border-radius:12px}
#graficadorView .graph-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 6px 6px;flex-wrap:wrap}
#graficadorView .graph-chart-head strong{font-size:15px;display:block}
#graficadorView .graph-chart-head span{display:block;font-size:11px;color:#86a1af;margin-top:5px}
#graficadorView .graph-key{display:flex;gap:16px}
#graficadorView .graph-key span{color:#65d8c6}
#graficadorView .graph-key .cable-key{color:#e8ba65}
#graficadorView .graph-canvas{position:relative;overflow-x:auto}
#graficadorView .graph-chart svg{width:100%;height:auto;min-width:640px;display:block}
#graficadorView .graph-chart text{fill:#99b0bd;font-size:11px;font-family:inherit}
#graficadorView .graph-grid{stroke:#1b3440;stroke-width:1}
#graficadorView .graph-fit{stroke:#8198a5;stroke-width:2;stroke-dasharray:6 6;fill:none}
#graficadorView .graph-leader{stroke:#526672;stroke-width:1;opacity:.65}
#graficadorView .graph-label-bg{fill:#0c1c26;stroke:#253b46;opacity:.97}
#graficadorView .graph-chart .graph-label{font-weight:700;font-size:12px}
#graficadorView .graph-halo{opacity:.1}
#graficadorView .graph-point{cursor:pointer;outline:none}
#graficadorView .graph-point:hover .graph-halo,#graficadorView .graph-point:focus .graph-halo{opacity:.4}
#graficadorView .graph-point:focus .graph-label-bg{stroke:#d3e4eb}
#graficadorView .graph-tooltip{position:absolute;left:85px;top:2px;max-width:calc(100% - 110px);padding:8px 12px;background:#102a36;border:1px solid #406273;border-radius:7px;pointer-events:none;font-size:12px;box-shadow:0 4px 16px #0005}
#graficadorView .graph-tooltip span{display:block;margin-top:4px;color:#b9ccd5}
#graficadorView .graph-empty{min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;color:#8da8b6;padding:20px}
#graficadorView .graph-empty strong{font-size:20px;color:#d6e5eb}
#graficadorView .graph-empty span{max-width:460px;line-height:1.6;font-size:13px}
#graficadorView .graph-footnote,#graficadorView .graph-pending{font-size:11px;line-height:1.5;color:#819ba9;margin:12px 6px 0}
#graficadorView .graph-pending{color:#e8ba65}
@media(max-width:700px){#graficadorView .graph-note{margin:12px}#graficadorView .graph-controls,#graficadorView .graph-selection{padding-left:12px;padding-right:12px}#graficadorView .graph-chart{margin:0 8px 12px;padding:10px}#graficadorView .graph-tooltip{position:sticky;left:0;bottom:0;max-width:100%}}
#graficadorView .custom-bond{margin:24px;border:1px solid #354659;border-radius:14px;background:linear-gradient(145deg,#112532,#0a1620)}
#graficadorView .custom-bond [hidden]{display:none!important}
.custom-bond summary{padding:20px;cursor:pointer;font-size:17px;font-weight:750;color:#d2c4ff}.custom-bond summary span{display:block;font-size:12px;font-weight:400;margin-top:6px;color:#91a9b8}
#customBondForm{padding:0 22px 22px}.custom-help{color:#90aab9;font-size:12px;line-height:1.6}.custom-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:20px 0}
.custom-bond label{display:flex;flex-direction:column;gap:8px;color:#a0bac9;font-size:12px}.custom-bond input,.custom-bond select{box-sizing:border-box;width:100%;min-width:0;padding:12px;background:#081722;color:#edf5fa;border:1px solid #304d60;border-radius:8px;font:inherit;color-scheme:dark}.custom-bond input:focus,.custom-bond select:focus{outline:2px solid #a78be9;outline-offset:2px}
.custom-bond button{padding:10px 16px;border:1px solid #496579;border-radius:8px;background:#193443;color:#e1edf4;font:inherit;font-size:12px;cursor:pointer}.custom-bond button:hover{background:#24475a}.custom-bond button:focus-visible{outline:2px solid #baa2ff;outline-offset:2px}
.custom-actions{display:flex;gap:12px;margin-top:20px}#customSave{background:#a78be9;color:#101923;font-weight:750;margin-top:16px}#customError{color:#ffb6b6;font-size:13px}
.custom-amort-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}#customAmort{padding:16px;border:1px solid #345062;border-radius:10px}#customAmort p{color:#a0bac9;font-size:12px}
.custom-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.custom-kpis>div{padding:18px;background:#172d3b;border:1px solid #3a4d68;border-radius:10px}.custom-kpis span{display:block;font-size:12px;color:#9eb7c7;margin-bottom:8px}.custom-kpis strong{font-size:21px;color:#d2c4ff}
.custom-bond table{min-width:600px}.custom-saved{display:flex;gap:12px;align-items:center;margin:14px 20px;padding:14px;background:#132735;border-radius:10px}.custom-saved>div{flex:1}.custom-saved small{display:block;margin-top:6px;color:#9eb7c7}.custom-saved strong{color:#ccbaff}
@media(max-width:650px){#graficadorView .custom-bond{margin:14px 8px}#customBondForm{padding:0 12px 16px}.custom-kpis{grid-template-columns:1fr}.custom-saved{flex-wrap:wrap}.custom-saved>div{flex-basis:100%}.custom-amort-row{grid-template-columns:1fr 1fr}.custom-amort-row button{grid-column:1/-1}}