/* Somente a interface de Investimentos; reutiliza cores e componentes do Norte. */
#view-investimentos{scroll-margin-top:28px}
body:has(#view-investimentos.active) #fab-registrar{display:none}
#view-investimentos .invest-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
#view-investimentos .invest-heading h2{font-size:18px}
#view-investimentos .invest-heading h3{font-size:16px;overflow-wrap:anywhere}
#view-investimentos .invest-label,#view-investimentos .invest-asset small{font-size:12px;color:var(--text-dim);line-height:1.5}
#view-investimentos .invest-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
#view-investimentos .invest-metric{margin:0;min-width:0}
#view-investimentos .invest-metric strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;margin-top:8px;overflow-wrap:anywhere}
#view-investimentos .invest-metric small{display:block;font-size:11px;color:var(--text-dim);margin-top:8px;line-height:1.4}
#view-investimentos .invest-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-investimentos .invest-class{margin-bottom:28px}
#view-investimentos .invest-class>.invest-heading{padding-bottom:10px;border-bottom:1px solid var(--border)}
#view-investimentos .invest-class>.invest-heading span{font-size:12px;color:var(--text-dim)}
#view-investimentos .invest-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
#view-investimentos .invest-analytics>.panel{min-width:0;margin:0}
#view-investimentos .invest-analytics h3{font-size:14px;margin:20px 0 10px}
#view-investimentos .invest-series{list-style:none;padding:0;max-height:340px;overflow:auto;margin:18px 0}
#view-investimentos .invest-series li{padding:12px 0;border-top:1px solid var(--border-soft);font-size:12px}
#view-investimentos .invest-series time{display:block;color:var(--text-dim);margin-bottom:8px}
#view-investimentos .invest-series span{display:block;overflow-wrap:anywhere;margin:7px 0}
#view-investimentos .invest-bar{background:var(--accent);height:5px;border-radius:4px}
#view-investimentos .invest-series li>div:nth-of-type(2) .invest-bar{background:var(--amber)}
#view-investimentos .invest-composition{max-height:340px;overflow:auto;font-size:12px;line-height:1.7}
#view-investimentos .invest-composition details{padding:12px 0;border-top:1px solid var(--border-soft)}
#view-investimentos .invest-composition summary{cursor:pointer}
#view-investimentos .invest-composition li{overflow-wrap:anywhere}
@media(max-width:900px){#view-investimentos .invest-analytics{grid-template-columns:1fr}}
#view-investimentos .invest-asset{margin:0;min-width:0}
#view-investimentos .invest-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
#view-investimentos .invest-facts dt{font-size:11px;color:var(--text-dim);margin-bottom:5px}
#view-investimentos .invest-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere;line-height:1.5}
#view-investimentos .invest-notice{padding:16px;border:1px solid var(--amber);border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--text);font-size:13px;line-height:1.6;margin-bottom:18px}
#view-investimentos .invest-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
#view-investimentos .invest-breadcrumb{margin:0 0 22px;color:var(--text-dim);font-size:12px}
#view-investimentos .invest-form{display:flex;flex-direction:column;gap:18px;margin-top:20px}
#view-investimentos .invest-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-investimentos .invest-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--text-dim);min-width:0}
#view-investimentos .invest-form input,#view-investimentos .invest-form select,#view-investimentos .invest-form textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px}
#view-investimentos .invest-form [hidden]{display:none}
#view-investimentos .invest-form textarea{resize:vertical}
#view-investimentos .invest-form :disabled{opacity:.55;cursor:wait}
#view-investimentos .invest-form input:focus,#view-investimentos .invest-form select:focus,#view-investimentos .invest-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
#view-investimentos .invest-error{color:var(--red);background:var(--red-soft);border-radius:var(--radius-sm);padding:12px;line-height:1.5;margin:0}
#view-investimentos .invest-history{list-style:none;padding:0;margin:16px 0 0}
#view-investimentos .invest-history li{border-top:1px solid var(--border-soft);padding:15px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#view-investimentos .invest-history .invest-heading{margin-bottom:4px}
#view-investimentos .invest-history p{margin:5px 0}
#view-investimentos .invest-history small,#view-investimentos .invest-history time{color:var(--text-dim);font-size:12px}
#view-investimentos .invest-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
#view-investimentos .invest-market{margin-top:28px;scroll-margin-top:85px}
#view-investimentos .invest-market-types{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
#view-investimentos .invest-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
#view-investimentos .invest-market-empty{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:18px;min-width:0}
#view-investimentos .invest-market-empty h3{font-size:14px}
#view-investimentos .invest-market-empty p,#view-investimentos .invest-market-empty small{font-size:12px;color:var(--text-dim);line-height:1.5}
@media(max-width:900px){#view-investimentos .invest-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){#view-investimentos{scroll-margin-top:80px}}
@media(max-width:640px){#view-investimentos .invest-market-grid{grid-template-columns:1fr}}
@media(max-width:640px){#view-investimentos .invest-metrics,#view-investimentos .invest-wallet,#view-investimentos .invest-form-grid{grid-template-columns:1fr}#view-investimentos .invest-actions .btn{max-width:100%;white-space:normal}#view-investimentos .invest-heading .btn{white-space:normal}}