/* 1025DEX Community v0.31.35 · css/collection-intelligence.css · ausgelagert aus index.html */
/* v0.31.35 · Diese Karte trug ihren Abstand nur nach oben. Alles andere in der
   Uebersicht (.panel, .shopbtn) traegt ihn nach unten - dadurch stiess das
   naechste Element (Einkaufsliste) ohne Luecke an die Karte. */
/* v0.22 · Collection Intelligence */
.ci-card{position:relative;overflow:hidden;margin-top:10px;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,#d3a62d 5%),var(--panel));box-shadow:0 12px 34px rgba(0,0,0,.08)}
.ci-card:after{content:"";position:absolute;right:-55px;top:-70px;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#d3a62d 22%,transparent),transparent 70%);pointer-events:none}.ci-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}.ci-kicker{font-size:8.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ci-value{font-size:24px;font-weight:950;line-height:1.05;margin-top:3px}.ci-sub{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.4}.ci-open{flex:none;border:0;border-radius:12px;padding:10px 12px;background:var(--ink);color:var(--bg);font:900 9px/1 inherit}.ci-delta{display:inline-flex;align-items:center;gap:4px;margin-top:7px;border:1px solid var(--line);border-radius:999px;padding:5px 7px;background:var(--panel);font-size:8px;font-weight:900}.ci-delta.up{color:var(--owned)}.ci-delta.down{color:var(--red)}.ci-delta.flat{color:var(--muted)}
.ci-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px;position:relative;z-index:1}.ci-mini{padding:9px 7px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel-2) 92%,transparent);min-width:0}.ci-mini b{display:block;font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-mini span{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.2}
.ci-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ci-modal-head h2{margin:0;font-size:22px;line-height:1}.ci-modal-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.ci-score{flex:none;min-width:78px;padding:9px 8px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);text-align:center}.ci-score b{display:block;font-size:16px;line-height:1}.ci-score span{display:block;margin-top:4px;color:var(--muted);font-size:7.5px;text-transform:uppercase;letter-spacing:.06em}.ci-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0}.ci-tab{border:1px solid var(--line);border-radius:12px;padding:9px 4px;background:var(--panel-2);color:var(--ink);font-weight:900;font-size:8.5px;line-height:1;font-family:inherit}.ci-tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ci-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ci-stat{padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.ci-stat b{display:block;font-size:17px;line-height:1}.ci-stat span{display:block;margin-top:4px;color:var(--muted);font-size:8.5px;line-height:1.3}.ci-section{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:14px 0 7px}.ci-section b{font-size:12px}.ci-section span{color:var(--muted);font-size:8px}.ci-chart{padding:10px;border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden}.ci-chart svg{display:block;width:100%;height:120px}.ci-chart-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:var(--muted);font-size:8px}.ci-chart-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ci-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 7px;background:var(--panel-2);font-size:8px;font-weight:850}.ci-chip.up{color:var(--owned)}.ci-chip.down{color:var(--red)}
.ci-cardrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);margin:6px 0;color:var(--ink);width:100%;text-align:left}.ci-cardrow img{width:42px;height:59px;object-fit:cover;border-radius:6px;background:var(--panel-2)}.ci-cardrow .ph{width:42px;height:59px;border-radius:6px;background:var(--panel-2);display:grid;place-items:center;color:var(--muted);font-size:7px}.ci-cardrow b{display:block;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-cardrow small{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.3}.ci-cardrow strong{font-size:10px;white-space:nowrap}.ci-cardrow strong.up{color:var(--owned)}.ci-cardrow strong.down{color:var(--red)}
.ci-gen{padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:7px 0}.ci-gen-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.ci-gen-top b{font-size:11px}.ci-gen-top strong{font-size:12px}.ci-gen-meta{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.ci-gen-bars{display:grid;grid-template-columns:1fr;gap:5px;margin-top:8px}.ci-gen-bar{height:7px;border-radius:999px;background:var(--panel-2);overflow:hidden}.ci-gen-bar i{display:block;height:100%;border-radius:inherit;background:var(--owned)}.ci-gen-value i{background:#d3a62d}.ci-gen-foot{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--muted);font-size:7.5px}
.ci-movers-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.ci-movers-summary div{padding:9px 7px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center}.ci-movers-summary b{display:block;font-size:13px}.ci-movers-summary span{display:block;margin-top:3px;color:var(--muted);font-size:7.5px}.ci-movers-summary .up b{color:var(--owned)}.ci-movers-summary .down b{color:var(--red)}
.ci-budgetbox{padding:11px;border:1px solid var(--line);border-radius:17px;background:var(--panel-2)}.ci-budgetbox label{display:block;color:var(--muted);font-size:8.5px;font-weight:850}.ci-budgetbox .search{margin-top:5px}.ci-budget-toggle{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:9px;color:var(--muted)}.ci-budget-toggle input{accent-color:var(--owned)}.ci-budget-result{margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,var(--owned) 35%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--owned) 7%,var(--panel))}.ci-budget-result b{display:block;font-size:16px;line-height:1.1}.ci-budget-result span{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}.ci-budget-list{margin-top:8px}.ci-budget-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:6px 0}.ci-budget-row img{width:34px;height:47px;object-fit:cover;border-radius:5px}.ci-budget-row .ph{width:34px;height:47px;border-radius:5px;background:var(--panel-2);display:grid;place-items:center;color:var(--muted);font-size:6px}.ci-budget-row b{display:block;font-size:9px}.ci-budget-row small{display:block;margin-top:3px;color:var(--muted);font-size:7.5px;line-height:1.25}.ci-budget-row strong{font-size:9.5px;white-space:nowrap}.ci-budget-row.selected{border-color:color-mix(in srgb,var(--owned) 45%,var(--line));background:color-mix(in srgb,var(--owned) 5%,var(--panel))}.ci-budget-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ci-budget-actions button{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel);color:var(--ink);font:850 8px/1 inherit}.ci-budget-actions .primary{background:var(--owned);border-color:var(--owned);color:#fff}.ci-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:10px;line-height:1.45}.ci-load{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;padding:10px 0}.ci-spin{width:13px;height:13px;border:2px solid var(--line);border-top-color:var(--owned);border-radius:50%;animation:spin .8s linear infinite}
@media(max-width:390px){.ci-mini-grid{gap:5px}.ci-mini{padding:8px 5px}.ci-mini b{font-size:12px}.ci-tabs{gap:4px}.ci-tab{font-size:7.8px;padding:9px 2px}.ci-stat-grid{gap:5px}.ci-stat{padding:9px}.ci-movers-summary{gap:4px}.ci-cardrow{grid-template-columns:auto minmax(0,1fr)}.ci-cardrow strong{grid-column:2;text-align:left}}