/* OM Hub: Kanalfarben und Badges. Grundstil kommt aus dem Plattform-Kern (pulse.css im Ordner shared, ?v= setzt tools/bump-version.sh). */
@import url('../../shared/pulse.css?v=202611061945');

:root {
  --meta: #2f63d6;
  --pinterest: #c8233c;
  --google: #a86b00;
  --microsoft: #00819e;
  --chatgpt: #6a4fc9;
}
.theme-dark {
  --meta: #7ea6ff;
  --pinterest: #ff7a8a;
  --google: #f5c542;
  --microsoft: #4cc8e8;
  --chatgpt: #b4a1ff;
}

/* Badges (modules/budget/badges-ui.js) */
.badge-ico { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--accent-soft); color: var(--green); flex: none; }
.badge-ico { position: relative; overflow: hidden; }
.badge-ico svg { width: 12px; height: 12px; }
.badge-ico.has-img { background: none; border-radius: 0; }
.badge-ico.has-img svg { width: 100% !important; height: 100% !important; }
.badge-ico img { width: 100%; height: 100%; object-fit: contain; }
.badge-ico--gold { background: rgba(212, 167, 58, .18); color: #e2b64a; }
.badge-ico--silver { background: rgba(190, 200, 210, .16); color: #c9d2db; }
.badge-ico--bronze { background: rgba(192, 128, 74, .18); color: #d08f58; }
.mine { margin: 0 0 clamp(32px, 5vh, 56px); }
.mine__title { font-size: 10.5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--green); margin-bottom: 14px; }
.mine__list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px 26px; }
.mine__item { display: grid; grid-template-rows: 64px auto; justify-items: center; gap: 8px; text-align: center; }
.mine__item .badge-ico { width: 64px; height: 64px; }
.mine__item .badge-ico svg { width: 30px; height: 30px; stroke-width: 1.8; }
.mine__item b { font-size: 11.5px; font-weight: 800; line-height: 1.25; white-space: nowrap; }
.mine__item.is-open { opacity: .4; }
.mine__item.is-open .badge-ico { background: rgba(var(--c-rgb), .06); color: var(--text-3); }