/* Shared chart and Portfolio dialog component styles. */
.history-chart112{position:relative;min-width:0;width:100%;height:auto!important;min-height:260px;overflow:hidden;color:var(--text,#dce9f6)}
.history-chart112 svg{display:block;width:100%;height:auto;min-height:210px;overflow:hidden}
.history-chart112 svg text{fill:var(--soft,#9bb0c4);font:11px system-ui,sans-serif}
.history-head112{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;flex-wrap:wrap}
.history-head112>strong{font-size:22px}.history-ranges112{display:flex;gap:6px;flex-wrap:wrap}
.history-ranges112 button{font:inherit;font-size:12px;color:var(--text,#e9f1ff);background:var(--surface2,#101d2e);border:1px solid var(--border,#35435a);border-radius:8px;padding:8px 10px;cursor:pointer}
.history-ranges112 button.active{border-color:#66c9fa;background:#42baff22}
.history-error112{font-size:12px;color:var(--soft,#a8bacb);margin:8px 12px;line-height:1.5}
.history-tip112{position:absolute;z-index:5;max-width:190px;background:var(--surface2,#0b1727);color:var(--text,#edf5ff);border:1px solid var(--border,#344962);padding:10px;border-radius:8px;font-size:12px;pointer-events:none;box-shadow:0 6px 25px #0004}
.history-tip112[hidden]{display:none}
.history-line131{filter:drop-shadow(0 0 3px #4ddcd56b);stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
 #overview .hero-panel{padding:16px;gap:12px}
 #overview .hero-metric{padding:4px 0 8px}
 #overview #portfolioValue{margin:10px 0 16px;font-size:32px!important}
 #overview .hero-change{gap:14px}
 #overview .hero-chart.history-chart112{padding:0;min-height:220px}
 .history-chart112 svg{min-height:0;height:auto!important;aspect-ratio:auto}
 .history-chart112 svg text{font-size:10px}
 .history-line131{filter:drop-shadow(0 0 2px #4ddcd54d)}
}
#connectionModal .connection-modal-head{position:relative;display:flex;align-items:flex-start;gap:16px;padding-right:48px}
#connectionModal .connection-modal-head>div{min-width:0;flex:1}
#connectionModal button.portfolio-modal-close,.dialog109 button.portfolio-modal-close{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-sizing:border-box;padding:0!important;margin:0;line-height:1;font:24px/1 system-ui,sans-serif;border:1px solid var(--border,#35455d);border-radius:9px;background:var(--surface2,#122034);color:var(--text,#e4efff);cursor:pointer;transform:none}
#connectionModal button.portfolio-modal-close:hover,.dialog109 button.portfolio-modal-close:hover{background:#42baff18;border-color:#66c9fa;box-shadow:none}
.dialog109{position:fixed}.dialog109>form{position:relative}.dialog109>form>h2{padding-right:48px;min-height:36px}
.portfolio-modal-close:focus-visible{outline:2px solid #66c9fa;outline-offset:3px}
@media(max-width:600px){.history-chart112{min-height:220px}.history-chart112 svg{min-height:180px}.history-head112>strong{font-size:19px}.history-ranges112 button{padding:7px 9px}.history-ranges112{gap:4px}}