body.invest-page .invest-refresh{margin-left:auto;width:42px;height:42px;border-radius:13px;border:1px solid var(--settings-line);background:var(--settings-surface);color:var(--settings-primary);cursor:pointer;font-size:1rem}
body.invest-page .invest-refresh.spin i{animation:invest-spin .8s linear infinite}
@keyframes invest-spin{to{transform:rotate(360deg)}}
.invest-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}
.invest-tile{padding:13px;border:1px solid var(--settings-line);border-radius:14px;background:var(--settings-surface)}
.invest-tile span{display:block;font-size:.68rem;color:var(--settings-muted)}
.invest-tile b{display:block;margin-top:3px;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invest-tile b.pos,.invest-row .rev.pos,.invest-row .res.pos{color:#22c55e}.invest-tile b.neg,.invest-row .res.neg{color:#ef4444}
.invest-overall{margin-bottom:10px}.invest-overall small{display:block;margin-top:5px;color:var(--settings-muted);font-size:.72rem}
.invest-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--settings-line) 70%,transparent);overflow:hidden}
.invest-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#84cc16,#22c55e);transition:width .4s}
.invest-hint{margin:6px 2px;color:var(--settings-muted);font-size:.75rem;line-height:1.45}
.invest-list{display:grid;gap:10px;margin:10px 0 16px}
.invest-row{display:grid;grid-template-columns:30px 54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--settings-line);border-radius:18px;background:var(--settings-surface);box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}
.invest-row:hover{border-color:color-mix(in srgb,var(--settings-primary) 45%,var(--settings-line))}
.invest-row .rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--settings-line) 55%,transparent);font-size:.78rem;font-weight:800;color:var(--settings-muted)}
.invest-row .rank.top{background:#f59e0b33;color:#f59e0b}
.invest-row .photo{width:54px;height:54px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--settings-soft);border:2px solid var(--dot,var(--settings-line))}
.invest-row .photo img{width:100%;height:100%;object-fit:cover}.invest-row .photo i{font-size:1.3rem;color:var(--dot,var(--settings-muted))}
.invest-row .info{min-width:0}.invest-row .info b{display:block;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invest-row .info small{display:flex;align-items:center;gap:5px;margin:3px 0 7px;color:var(--settings-muted);font-size:.74rem}.invest-row .info small i{color:#f59e0b}
.invest-row .vals{text-align:right;min-width:92px}.invest-row .rev{display:block;font-size:1.05rem;font-weight:900;color:var(--settings-text)}
.invest-row .cost{display:block;margin-top:3px;font-size:.74rem;color:#ef4444}.invest-row .cost.empty{color:var(--settings-muted)}
.invest-row .res{display:block;margin-top:2px;font-size:.68rem;color:var(--settings-muted)}
.invest-empty{padding:26px 14px;text-align:center;color:var(--settings-muted);border:1px dashed var(--settings-line);border-radius:16px;font-size:.85rem}
dialog#investDialog{background:var(--settings-surface);color:var(--settings-text);border:1px solid var(--settings-line);border-radius:18px;max-width:min(96vw,430px);width:100%;padding:20px}
dialog#investDialog::backdrop{background:rgba(0,0,0,.65)}
#investForm{display:grid;gap:12px}#investForm h2{margin:0;font-size:1.05rem}#investForm label{display:grid;gap:6px;font-size:.82rem}
#investForm input{width:100%;padding:12px;background:var(--settings-soft);border:1px solid var(--settings-line);border-radius:11px;color:var(--settings-text);font:inherit}
#investForm menu{display:flex;justify-content:flex-end;gap:8px;margin:0;padding:0}
#investForm button{border:1px solid var(--settings-line);background:var(--settings-soft);color:var(--settings-text);border-radius:11px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
#investForm button.gold{background:#22c55e;border-color:#22c55e;color:#04210f}
@media(max-width:680px){.invest-summary{grid-template-columns:repeat(2,1fr)}.invest-row{grid-template-columns:26px 46px minmax(0,1fr) auto;gap:9px;padding:10px}.invest-row .photo{width:46px;height:46px}.invest-row .vals{min-width:80px}}

.invest-filters{display:grid;gap:8px;margin:2px 0 8px}
.invest-search{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--settings-line);border-radius:14px;background:var(--settings-surface)}
.invest-search i{color:var(--settings-muted);font-size:.85rem}
.invest-search input{flex:1;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--settings-text);font:inherit}
.invest-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.invest-selects label{display:grid;gap:4px;font-size:.68rem;color:var(--settings-muted);min-width:0}
.invest-selects select{width:100%;min-width:0;padding:10px 8px;border:1px solid var(--settings-line);border-radius:12px;background:var(--settings-surface);color:var(--settings-text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;text-overflow:ellipsis}
.invest-selects select:focus-visible{outline:2px solid #22c55e;outline-offset:1px}
@media(max-width:420px){.invest-selects{grid-template-columns:1fr 1fr}.invest-selects label:last-child{grid-column:1/-1}}
.invest-rankline{margin:2px 2px 0;font-size:.74rem;font-weight:800;color:var(--settings-muted)}
.invest-more{width:100%;padding:12px;border-radius:14px;border:1px dashed var(--settings-line);background:transparent;color:var(--settings-primary);font:inherit;font-weight:800;cursor:pointer}

/* Compacto (igual ao app): barra única, lupa de busca, resumo em um card, 3 filtros numa linha. */
body.invest-page .settings-shell{padding-top:8px}
body.invest-page .invest-hero{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:46px}
body.invest-page .invest-hero .settings-back,body.invest-page .invest-icon-btn,body.invest-page .invest-refresh{width:38px;height:38px;border-radius:11px;font-size:.95rem;margin-left:0}
body.invest-page .invest-hero .settings-title{flex:1;min-width:0}
body.invest-page .invest-hero h1{margin:0;font-size:1.2rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.invest-page .invest-icon-btn{border:1px solid var(--settings-line);background:var(--settings-surface);color:var(--settings-primary);cursor:pointer;display:grid;place-items:center}
body.invest-page .invest-icon-btn[hidden]{display:none}
body.invest-page .invest-searchbox{display:none;flex:1;min-width:0}
body.invest-page .invest-searchbox input{width:100%;padding:9px 12px;border:1px solid var(--settings-line);border-radius:11px;background:var(--settings-surface);color:var(--settings-text);font:inherit;outline:0}
body.invest-page .invest-searchbox input:focus-visible{outline:2px solid #22c55e;outline-offset:1px}
body.invest-page .invest-hero.searching .settings-title,body.invest-page .invest-hero.searching #investSearchBtn,body.invest-page .invest-hero.searching .invest-refresh{display:none}
body.invest-page .invest-hero.searching .invest-searchbox{display:block}
body.invest-page .invest-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;margin:0 0 8px;padding:12px 14px;border:1px solid var(--settings-line);border-radius:18px;background:var(--settings-surface)}
body.invest-page .invest-summary .invest-tile{padding:0;border:0;border-radius:0;background:transparent}
body.invest-page .invest-summary .invest-overall{grid-column:1/-1;margin:0}
body.invest-page .invest-summary .invest-bar[hidden]{display:none}
body.invest-page .invest-summary .invest-overall small{margin-top:6px}
body.invest-page .invest-filters{margin:0 0 6px}
body.invest-page .invest-selects{grid-template-columns:1.25fr 1fr .9fr;gap:6px}
body.invest-page .invest-selects label.sel{position:relative;display:block;gap:0;font-size:.8rem}
body.invest-page .invest-selects label.sel i{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--settings-muted);pointer-events:none}
body.invest-page .invest-selects select{height:34px;padding:0 4px 0 26px;border-radius:10px;font-size:.78rem;font-weight:700;text-overflow:ellipsis}
body.invest-page .invest-list{gap:8px;margin:6px 0 10px}
body.invest-page .invest-rankline{margin:0 2px 4px}
body.invest-page .invest-hint{margin:2px 2px 4px}
@media(max-width:420px){body.invest-page .invest-selects{grid-template-columns:1.25fr 1fr .9fr}}
body.invest-page .invest-selects label:last-child{grid-column:auto}