/* Shared visual system: all routes, dialogs, forms and secondary panels. */
html[data-theme=dark] body.home-active{--bg:#0c0d0f;--panel:#141619;--panel-alt:#1a1d21;--panel-soft:#23272c;--text:#eef0f2;--muted:#9da4ae;--border:#2a2e34;--sidebar:#101214;--accent:#58dbad;--accent-strong:#78e8be;--accent-bg:#153429;--warning:#edc17c;--warning-bg:#30291e;--red:#f68d99;--red-bg:#362128}
html[data-theme=dark]{--scroll-track:#0c0d0f;--scroll-thumb:#464b52}
.home-active .card,.home-active .e-dialog,.home-active .e-feature-card,.home-active .e-compact-menu{border-radius:12px;box-shadow:none;background:var(--panel);border-color:var(--border)}
.home-active .content{padding-top:24px}.home-active .page-head,.e-page-head{margin-bottom:20px}.home-active .page-head h1,.e-page-head h1{font-size:27px;letter-spacing:-.6px}.home-active .page-head p,.e-page-head p{font-size:12px;max-width:760px;line-height:1.7}
.home-active .p-stats{gap:12px;margin:12px 0 18px}.home-active .p-stats .card{padding:18px}.home-active .p-position{padding:16px 20px}.home-active .p-health-card,.home-active .p-health-unavailable,.home-active .e-info-card,.home-active .e-context-card{padding:20px}.home-active .p-health{margin-top:24px}.home-active .p-source{padding:13px 16px}.home-active .p-modebar{margin-bottom:14px}.home-active .b-tool{padding:20px}.home-active .b-fields{gap:14px}.home-active .article,.home-active .op-card{padding:20px}.home-active .op-list{gap:14px}.home-active .e-feature-card{padding:16px}.home-active .e-empty{padding:30px 20px}.home-active .e-empty h2{font-size:20px}.home-active .e-chat-top{padding:18px}.home-active .e-chat-content{padding:20px}.home-active .e-chat-message{background:var(--panel-alt)}
.home-active .e-dialog-header{padding:16px 20px}.home-active .e-dialog-content{padding:20px}.home-active .e-dialog-header h2{font-size:19px}.home-active .p-input,.home-active select{color:var(--text);background-color:var(--panel-alt);border-color:var(--border)}
.g-info{font-size:12px;color:var(--muted);margin:10px 0}.g-info summary{cursor:pointer;color:var(--accent-strong);padding:7px 0;min-height:30px}.g-info p{line-height:1.8}.g-asset-label{display:inline-flex;align-items:center;gap:8px}.b-table .v-coin{width:24px;height:24px;min-width:24px!important}.b-table .v-coin img{width:22px;height:22px}.p-asset-results .v-coin{float:left;margin-right:9px}.c-up{color:var(--accent-strong)}.c-down{color:var(--red)}
@media(max-width:700px){.home-active .content{padding:20px 12px}.home-active .page-head h1,.e-page-head h1{font-size:24px}.home-active .b-tool,.home-active .article,.home-active .op-card,.home-active .p-health-card{padding:16px}.home-active .p-position{padding:16px}.home-active .p-stats .card{padding:15px}.home-active .p-stats .card>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.c-quote-time{display:block;color:var(--muted);font-size:9px;white-space:normal;max-width:160px;margin-top:5px}.c-spark{width:85px;height:30px;display:block}.c-history-chart{width:100%;height:auto;min-height:160px;touch-action:pan-y}#marketHistory{margin:18px 0}#marketHistory output{display:block;font-size:11px;margin:8px 0}#marketChartRange{width:100%;accent-color:var(--accent)}.c-chart-dates{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:10px}.v-periods button:not(:disabled){cursor:pointer}.v-periods button[aria-pressed=true]{background:var(--accent-bg);color:var(--accent-strong)}.c-price-status{font-size:11px;color:var(--muted);line-height:1.8}.c-price-status a,.v-market-status a{color:var(--accent-strong);font-size:11px}.v-market-list .e-toolbar{flex-wrap:wrap}.v-market-list .e-search{flex-basis:100%}.v-market-detail .v-detail-price strong{font-size:28px;overflow-wrap:anywhere}.v-market-detail .private-amount{white-space:normal}.v-market-status button:disabled{cursor:default;color:var(--muted)}.v-market-table td{font-variant-numeric:tabular-nums}.v-market-metrics dd{text-align:right}
@media(max-width:700px){.c-spark{width:48px}.v-market-table .v-coin{width:23px;height:23px;min-width:23px!important}.v-market-table .v-coin img{width:21px;height:21px}.v-market-table td,.v-market-table th{padding:12px 6px}.c-quote-time{font-size:8px}.v-market-table .private-amount{white-space:normal;max-width:100px}}
.home-active .footer .c-attribution{font-size:11px;color:var(--accent-strong)}
.home-active .explain-note{background:var(--panel-alt);color:var(--muted);border:1px solid var(--border)}

/* Navegación simplificada: mercado en Inicio, herramientas personales en Cartera. */
.market-movements{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0 18px;font-size:12px;color:var(--muted)}
.market-movements strong{color:var(--text)}.market-news{margin-top:18px;padding:18px}.market-news article{padding:12px 0;border-top:1px solid var(--border)}.market-news h3{font-size:14px;margin:5px 0 8px}
#watchPanel,.legacy-demo{margin-top:22px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
#buyTool{scroll-margin-top:90px}#askDialog{width:min(720px,calc(100% - 24px))}#askDialog .h-assistant{border:0;margin:0}#portfolioDemo .h-main-grid{grid-template-columns:1fr}#portfolioDemo .h-intro h1{font-size:20px}#portfolioDemo .h-intro{margin-top:18px}
[hidden]{display:none!important}.mobile-nav button span{font-size:10px}
@media(max-width:600px){.market-movements{gap:8px;flex-direction:column}.market-news .p-section-head{align-items:flex-start;flex-direction:column}.legacy-demo{padding:12px}#askDialog .h-assistant{padding:14px}}
/* Local watchlist and recorded portfolio history. */
.portfolio-balance{padding:22px;margin-bottom:14px}.portfolio-total{display:block;font-size:clamp(28px,4vw,46px);letter-spacing:-1.3px;margin:8px 0}.portfolio-balance p,.portfolio-balance small{font-size:11px;color:var(--muted)}
.portfolio-evolution{padding:20px;margin-bottom:18px}.portfolio-evolution h2{font-size:17px}.history-periods{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.history-periods button{font-size:11px;padding:8px 11px}.history-periods [aria-pressed=true]{background:var(--accent-bg);color:var(--accent-strong);border-color:var(--accent)}
#portfolioHistoryStatus{font-size:11px;color:var(--muted);line-height:1.6}.history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.history-metrics span,.history-metrics small{display:block;font-size:11px;color:var(--muted)}.history-metrics strong{display:block;margin:6px 0;font-size:17px}.history-event{padding:10px 0;border-top:1px solid var(--border);font-size:12px;overflow-wrap:anywhere}.history-event p{font-size:11px;color:var(--muted)}
#portfolioHistoryChart output{font-size:12px;display:block;margin:8px 0}#portfolioChartRange{width:100%;accent-color:var(--accent)}
.watch-search-results,.watch-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.watch-row{padding:16px 0;border-top:1px solid var(--border)}.watch-row small{display:block;font-size:11px}.watch-row .p-section-head{gap:12px}.watch-alert{display:flex;justify-content:space-between;gap:10px;padding:10px;background:var(--panel-alt);margin-top:7px;border-radius:8px;font-size:12px}.watch-alert small{color:var(--muted);margin-top:5px}.watch-alert button{flex-shrink:0}
#watchSearch{width:100%;margin:8px 0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-alt);color:var(--text)}#watchError,#alertError{color:var(--red);font-size:12px}#watchAlertForm .e-button{margin-top:16px}.v-market-table [data-watch-add]{display:block;margin:0 0 7px auto;font-size:10px}
@media(max-width:600px){.portfolio-balance,.portfolio-evolution{padding:15px}.history-metrics{grid-template-columns:1fr;gap:9px}.history-metrics>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.history-metrics small{width:100%}.history-metrics strong{font-size:15px}.watch-alert{align-items:flex-start}.v-market-table [data-watch-add]{font-size:9px}.v-market-table td:last-child{white-space:normal}}
#portfolioHistoryChart .c-history-chart{height:245px;width:100%;margin-top:12px}
@media(max-width:600px){#portfolioHistoryChart .c-history-chart{height:190px}}
.watch-search{display:block;font-size:12px;color:var(--muted);margin:14px 0}