/*
 * TCG Keeper
 * Copyright (c) Mario Löser. Alle Rechte vorbehalten.
 * Dieses Skript und der gesamte Quellcode von TCG Keeper sind geistiges
 * Eigentum von Mario Löser und dürfen ohne ausdrückliche
 * Zustimmung nicht ohne diesen Hinweis weiterverwendet oder verbreitet
 * werden.
 */
/* Sammler-Abzeichen (14.10.2026, Logbuch-Eintrag 144): Hinweis bei Freischaltung (alle Seiten),
   Zusätze für Startseite und Profil, Abzeichen-Verwaltung (public/badges_admin.php). */

/* ---- Symbol (Emoji oder eigenes Bild) ---- */
.bdg-emoji{ line-height:1; }
.bdg-img{ width:100%; height:100%; object-fit:contain; display:block; border-radius:inherit; }
.bdg-q{ font-weight:700; color:var(--ink-soft); font-size:15px; }
.dash-badge-icon .bdg-img{ width:24px; height:24px; }

/* ---- Startseite: Gruppen, geheim, ausgegraut ---- */
.bdg-group-title{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); font-weight:600; margin:14px 0 8px; }
.bdg-group-title:first-of-type{ margin-top:4px; }
.dash-badges + .bdg-group-title{ margin-top:18px; }
.dash-badge.is-secret .dash-badge-title{ letter-spacing:.12em; }
.dash-badge.is-secret .dash-badge-icon{ filter:none; border:1px dashed var(--line); }
.dash-badge.is-grey{ opacity:.6; }

/* ---- Hinweis oben rechts ---- */
.bdg-toasts{ position:fixed; top:76px; right:18px; z-index:1200; display:flex; flex-direction:column; gap:10px; max-width:min(380px, calc(100vw - 32px)); pointer-events:none; }
.bdg-toast{ pointer-events:auto; display:flex; align-items:center; gap:12px; padding:12px 12px 12px 14px; border-radius:14px; background:var(--paper-raised);
  border:1px solid var(--accent); box-shadow:0 18px 40px -16px rgba(0,0,0,.55); color:var(--ink);
  animation:bdgToastIn .45s cubic-bezier(.2,.8,.2,1) both, bdgToastOut .5s ease 9s forwards; }
.bdg-toast.is-static{ animation:none; margin-top:14px; }
.bdg-toast-icon{ width:42px; height:42px; border-radius:12px; background:var(--accent-soft); display:flex; align-items:center; justify-content:center; font-size:22px; flex:0 0 auto; overflow:hidden; }
.bdg-toast-icon .bdg-img{ width:34px; height:34px; }
.bdg-toast-text{ display:flex; flex-direction:column; min-width:0; flex:1 1 auto; font-size:13.5px; line-height:1.35; }
.bdg-toast-text strong{ color:var(--accent); font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.bdg-toast-text span{ overflow-wrap:anywhere; }
.bdg-toast-link{ font-size:13px; white-space:nowrap; }
.bdg-toast-close{ width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--ink-soft); font-size:20px; line-height:1; cursor:pointer; flex:0 0 auto; }
.bdg-toast-close:hover{ background:var(--paper-sunken); color:var(--ink); }
@keyframes bdgToastIn{ from{ opacity:0; transform:translateY(-10px) scale(.97); } to{ opacity:1; transform:none; } }
@keyframes bdgToastOut{ to{ opacity:0; transform:translateY(-6px); visibility:hidden; } }
@media (prefers-reduced-motion: reduce){ .bdg-toast{ animation:none; } }
@media (max-width:640px){ .bdg-toasts{ top:auto; bottom:84px; right:12px; left:12px; max-width:none; } }

/* ---- Profil ---- */
.bdg-profile{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; }
.bdg-profile-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:var(--paper-sunken); border:1px solid var(--line); min-width:0; }
.bdg-profile-icon{ width:36px; height:36px; border-radius:10px; background:var(--paper-raised); display:flex; align-items:center; justify-content:center; font-size:19px; flex:0 0 auto; overflow:hidden; }
.bdg-profile-icon .bdg-img{ width:28px; height:28px; }
.bdg-profile-text{ display:flex; flex-direction:column; min-width:0; font-size:13.5px; }
.bdg-profile-text small{ color:var(--ink-soft); font-size:12px; }

/* =====================================================================
   Abzeichen-Verwaltung
   ===================================================================== */
.bdg-admin{ --bdg-gap:14px; }
.bdg-mt{ margin-top:12px; }
.bdg-span2{ grid-column:span 2; }
@media (max-width:640px){ .bdg-span2{ grid-column:auto; } }
.bdg-note{ display:flex; gap:10px; align-items:flex-start; margin:18px 0 0; padding:12px 14px; border-radius:12px; border:1px dashed var(--line); color:var(--ink-soft); font-size:13px; line-height:1.55; }
.bdg-note svg{ flex:0 0 auto; margin-top:2px; }
.bdg-back{ display:inline-flex; align-items:center; gap:6px; font-size:14px; text-decoration:none; min-height:32px; }

/* Chips und Pillen */
.bdg-chip{ display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:999px; font-size:12.5px; background:var(--paper-sunken);
  color:var(--ink-soft); border:1px solid var(--line); white-space:nowrap; }
.bdg-chip.is-base{ border-style:dashed; }
.bdg-chip.is-ok{ background:var(--good-soft); color:var(--good); border-color:transparent; }
.bdg-yes{ color:var(--good); display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.bdg-no{ color:var(--ink-faint); }
.bdg-warn{ color:var(--gold); font-size:12.5px; white-space:nowrap; }

/* Kleine Symbol-Knöpfe */
.bdg-ibtn{ width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid transparent; background:transparent;
  color:var(--ink-soft); cursor:pointer; text-decoration:none; font:inherit; font-size:18px; line-height:1; padding:0; }
.bdg-ibtn:hover{ background:var(--accent-soft); color:var(--accent); }
.bdg-ibtn.is-danger:hover{ background:var(--danger-soft); color:var(--danger); }
.bdg-ibtn.is-mini{ width:28px; height:28px; }

/* Schalter */
.bdg-switch{ width:44px; height:26px; border-radius:999px; border:0; background:var(--line); position:relative; cursor:pointer; flex:0 0 auto; padding:0; }
.bdg-switch::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--paper-raised); box-shadow:0 1px 2px rgba(0,0,0,.3); transition:left .15s ease; }
.bdg-switch.is-on{ background:var(--accent); }
.bdg-switch.is-on::after{ left:21px; }
.bdg-active-switch{ display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-soft); cursor:pointer; }
.bdg-active-switch input{ width:18px; height:18px; accent-color:var(--accent); }

/* Werkzeugleiste der Übersicht */
.bdg-toolbar{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:0 0 18px; }
.bdg-search{ position:relative; flex:1 1 240px; max-width:360px; display:flex; align-items:center; }
.bdg-search svg{ position:absolute; left:12px; color:var(--ink-faint); pointer-events:none; }
.bdg-search .form-input{ padding-left:38px; width:100%; }
.bdg-filter{ display:flex; gap:6px; flex-wrap:wrap; }
.bdg-fbtn{ display:inline-flex; align-items:center; height:36px; padding:0 14px; border-radius:999px; border:1px solid var(--line); color:var(--ink-soft); text-decoration:none; font-size:13px; }
.bdg-fbtn:hover{ color:var(--accent); border-color:var(--accent); }
.bdg-fbtn.is-on{ background:var(--accent-soft); color:var(--accent); border-color:var(--accent); font-weight:600; }
.bdg-toolbar-hint{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; }

/* Gruppen und Zeilen */
.bdg-group{ margin:0 0 22px; }
.bdg-group-head{ display:flex; align-items:center; gap:10px; margin:0 0 10px; }
.bdg-group-head h2{ margin:0; font-size:15px; font-weight:650; }
.bdg-group-line{ flex:1 1 auto; height:1px; background:var(--line); }
.bdg-rows, .bdg-glist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.bdg-rows.is-saving, .bdg-glist.is-saving{ opacity:.7; }
.bdg-rows.is-saved .bdg-row, .bdg-glist.is-saved .bdg-grow{ border-color:var(--good); }
.bdg-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--paper-raised); transition:border-color .3s; }
.bdg-row.is-inactive{ opacity:.62; }
.bdg-row.is-dragging{ opacity:.5; border-style:dashed; }
.bdg-grip{ width:28px; height:36px; border:0; background:transparent; color:var(--ink-faint); cursor:grab; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; padding:0; }
.bdg-grip:hover, .bdg-grip:focus-visible{ color:var(--accent); background:var(--accent-soft); }
.bdg-row-icon{ width:44px; height:44px; border-radius:10px; background:var(--paper-sunken); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:22px; flex:0 0 auto; overflow:hidden; }
.bdg-row-icon .bdg-img{ width:36px; height:36px; }
.bdg-row-text{ flex:1 1 200px; min-width:0; }
.bdg-row-title{ font-weight:600; font-size:15px; overflow-wrap:anywhere; }
.bdg-id{ color:var(--ink-faint); font-weight:400; margin-left:4px; }
.bdg-row-sub{ font-size:13px; color:var(--ink-soft); }
.bdg-row-chips{ display:flex; gap:6px; flex-wrap:wrap; flex:2 1 360px; }
.bdg-row-actions{ display:flex; align-items:center; gap:2px; margin-left:auto; }
.bdg-row-actions .pc-post-btn{ display:inline-flex; margin:0; }
@media (max-width:760px){ .bdg-row-chips{ flex-basis:100%; } .bdg-toolbar-hint{ margin-left:0; } }

/* Editor */
.bdg-editor-head{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 18px; }
.bdg-editor-icon{ width:52px; height:52px; border-radius:14px; background:var(--paper-raised); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:26px; overflow:hidden; }
.bdg-editor-icon .bdg-img{ width:44px; height:44px; }
.bdg-editor-titles{ flex:1 1 260px; min-width:0; }
.bdg-editor-titles h2{ margin:0; font-size:22px; }
.bdg-editor-titles p{ margin:2px 0 0; }
.bdg-editor-grid, .bdg-split{ display:flex; flex-wrap:wrap; gap:18px; align-items:flex-start; }
.bdg-editor-main, .bdg-split-main{ flex:999 1 560px; min-width:0; display:flex; flex-direction:column; gap:18px; }
.bdg-editor-side, .bdg-split-side{ flex:1 1 340px; min-width:0; display:flex; flex-direction:column; gap:18px; }
.bdg-split.is-even > .bdg-split-main{ flex:1 1 520px; }
.bdg-split.is-even > .bdg-split-side{ flex:1 1 420px; }
.bdg-editor-main > .pc-box, .bdg-editor-side > .pc-box, .bdg-split-side > .pc-box, .bdg-split-main > .pc-box, .bdg-split-main > form.pc-box{ margin:0; }

.bdg-seg{ display:inline-flex; flex-wrap:wrap; gap:2px; padding:3px; border-radius:12px; background:var(--paper-sunken); border:1px solid var(--line); }
.bdg-seg.is-wide{ display:flex; }
.bdg-seg label{ display:inline-flex; flex:1 1 auto; }
.bdg-seg input{ position:absolute; opacity:0; pointer-events:none; }
.bdg-seg span{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:0 14px; border-radius:9px; color:var(--ink-soft); font-size:13.5px; cursor:pointer; width:100%; text-align:center; }
.bdg-seg input:checked + span{ background:var(--paper-raised); color:var(--accent); font-weight:600; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.bdg-seg input:focus-visible + span{ outline:2px solid var(--accent); outline-offset:1px; }
.bdg-icon-panel{ margin-top:12px; }
.bdg-emojis{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.bdg-emo input, .bdg-lib-item input{ position:absolute; opacity:0; pointer-events:none; }
.bdg-emo span{ width:44px; height:44px; border-radius:10px; border:1px solid var(--line); background:var(--paper-sunken); display:flex; align-items:center; justify-content:center; font-size:21px; cursor:pointer; }
.bdg-emo input:checked + span{ border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 2px var(--accent-soft); }
.bdg-emo input:focus-visible + span{ outline:2px solid var(--accent); }
.bdg-upload{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px; border:1.5px dashed var(--line); border-radius:12px; background:var(--paper-sunken); color:var(--accent); }
.bdg-upload > div{ flex:1 1 220px; color:var(--ink); }
.bdg-upload p{ margin:2px 0 0; }
.bdg-upload input[type=file]{ flex:1 1 220px; }
.bdg-library{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.bdg-lib-item{ position:relative; width:56px; height:56px; border-radius:10px; border:1px solid var(--line); background:var(--paper-sunken); display:flex; align-items:center; justify-content:center; cursor:pointer; overflow:hidden; }
.bdg-lib-item img{ width:44px; height:44px; object-fit:contain; }
.bdg-lib-item:has(input:checked){ border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
.bdg-lib-item.is-static{ cursor:default; overflow:visible; }
.bdg-lib-item .pc-post-btn{ position:absolute; top:-8px; right:-8px; margin:0; }
.bdg-lib-item .bdg-ibtn{ background:var(--paper-raised); border-color:var(--line); }

.bdg-behave{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:18px; }
.bdg-behave fieldset{ border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; min-width:0; }
.bdg-behave legend{ font-size:13px; color:var(--ink-soft); margin-bottom:6px; padding:0; }
.bdg-opt{ display:flex; gap:10px; align-items:flex-start; padding:9px 12px; border-radius:10px; border:1px solid var(--line); background:var(--paper-sunken); cursor:pointer; font-size:13.5px; line-height:1.4; }
.bdg-opt.is-on, .bdg-opt:has(input:checked){ border-color:var(--accent); background:var(--accent-soft); }
.bdg-opt input{ margin:2px 0 0; accent-color:var(--accent); }
.bdg-actions{ margin:0; border-radius:14px; }
.bdg-preview{ display:flex; flex-direction:column; gap:8px; }
.bdg-preview-label{ font-size:12px; color:var(--ink-soft); margin-top:4px; }
.bdg-preview .dash-badge, .bdg-preview-grid .dash-badge{ opacity:1; }
.bdg-preview-grid{ grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important; }
.bdg-test td, .bdg-test th{ font-size:13px; }

/* Messgrößen */
.bdg-mlist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.bdg-mgroup{ font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding:12px 8px 4px; }
.bdg-mitem{ display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:10px; font-size:13.5px; color:var(--ink); text-decoration:none; border:1px solid transparent; }
.bdg-mitem span:nth-child(2){ flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.bdg-mitem .mono{ color:var(--ink-faint); font-size:11.5px; }
a.bdg-mitem:hover{ background:var(--paper-sunken); }
.bdg-mitem.is-on{ background:var(--accent-soft); border-color:var(--accent); }
.bdg-mitem.is-fixed svg{ color:var(--ink-faint); }
.bdg-step{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:22px 0 10px; }
.bdg-num{ width:24px; height:24px; border-radius:50%; background:var(--accent-soft); color:var(--accent); font-size:12.5px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; }
.bdg-sources{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:8px; }
.bdg-src{ display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:12px; min-height:64px; border-radius:12px; border:1px solid var(--line); background:var(--paper-sunken);
  color:var(--ink); font:inherit; font-size:14px; text-align:left; cursor:pointer; }
.bdg-src small{ color:var(--ink-soft); font-size:12px; }
.bdg-src.is-on{ border-color:var(--accent); background:var(--accent-soft); }
.bdg-src:focus-visible{ outline:2px solid var(--accent); }
.bdg-conds{ display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:12px; border:1px solid var(--line); background:var(--paper-sunken); }
.bdg-cgroup{ display:flex; flex-direction:column; gap:8px; }
.bdg-cgroup .btn{ align-self:flex-start; }
.bdg-crow{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.bdg-crow .form-select, .bdg-crow .form-input{ width:auto; flex:1 1 150px; min-width:0; }
.bdg-join{ font-size:12px; font-weight:700; color:var(--accent); background:var(--accent-soft); border-radius:6px; padding:4px 8px; min-width:48px; text-align:center; }
.bdg-or{ font-size:12px; font-weight:700; color:var(--gold); letter-spacing:.08em; padding:6px 0 2px; border-top:1px dashed var(--line); }
.bdg-cond-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.bdg-keys{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:10px; }
.bdg-keys > span[data-bdg-keys]{ display:contents; }
.bdg-key{ height:30px; padding:0 10px; border-radius:8px; border:1px solid var(--line); background:var(--paper-sunken); color:var(--ink); font-family:var(--font-mono); font-size:12.5px; cursor:pointer; }
.bdg-key:hover{ border-color:var(--accent); color:var(--accent); }
.bdg-result-row{ display:flex; gap:14px; flex-wrap:wrap; margin-top:24px; }
.bdg-result{ flex:1 1 260px; padding:14px 16px; border-radius:12px; background:var(--paper-sunken); border:1px solid var(--line); }
.bdg-result.is-ok{ background:var(--good-soft); border-color:transparent; }
.bdg-result p{ margin:6px 0 10px; }
.bdg-result-list{ list-style:none; margin:8px 0 10px; padding:0; display:flex; flex-direction:column; gap:4px; font-size:13.5px; }
.bdg-result-list li{ display:flex; justify-content:space-between; gap:10px; }

/* Benutzer */
.bdg-userbar{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:0 0 18px; }
.bdg-userpick{ display:flex; gap:8px; align-items:center; flex:0 1 380px; }
.bdg-userpick .form-select{ flex:1 1 auto; }
.bdg-userstat{ display:inline-flex; gap:6px; align-items:center; min-height:40px; padding:0 14px; border-radius:10px; background:var(--paper-raised); border:1px solid var(--line); font-size:14px; }
.bdg-userbar .pc-spacer{ flex:1 1 auto; }
.bdg-userbar .pc-post-btn{ margin:0; }
.bdg-utable td{ vertical-align:middle; }
.bdg-utable tr.is-inactive td{ opacity:.65; }
.bdg-cell-icon{ display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center; font-size:17px; vertical-align:middle; overflow:hidden; border-radius:6px; }
.bdg-cell-icon .bdg-img{ width:24px; height:24px; }
.bdg-dateform{ display:flex; gap:4px; align-items:center; margin:0; }
.bdg-dateform .form-input{ width:150px; min-height:36px; }
.bdg-tright{ text-align:right; white-space:nowrap; }
.bdg-tright .pc-post-btn{ display:inline-flex; margin:0; }
.bdg-retro{ list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; }
.bdg-retro li{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.bdg-retro-text{ flex:1 1 160px; display:flex; flex-direction:column; min-width:0; font-size:13.5px; }
.bdg-retro-text small{ color:var(--ink-soft); font-size:12px; }
.bdg-retro-pick{ display:inline-flex; gap:6px; align-items:center; }
.bdg-history{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:13px; }
.bdg-history li{ display:flex; gap:10px; }
.bdg-history .mono{ color:var(--ink-soft); flex:0 0 auto; }

/* Einstellungen */
.bdg-set{ padding:14px 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:8px; }
.bdg-set:first-child{ padding-top:0; }
.bdg-set p{ margin:0; }
.bdg-set-row{ flex-direction:row; align-items:center; justify-content:space-between; gap:14px; }
.bdg-rarities{ display:flex; flex-wrap:wrap; gap:6px; }
.bdg-rar{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 12px 0 10px; border-radius:999px; border:1px solid var(--line); background:var(--paper-sunken); font-size:13px; cursor:pointer; }
.bdg-rar:has(input:checked){ border-color:var(--accent); background:var(--accent-soft); }
.bdg-rar input{ accent-color:var(--accent); }
.bdg-grow{ display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:10px; background:var(--paper-sunken); border:1px solid var(--line); }
.bdg-grow.is-dragging{ opacity:.5; }
.bdg-grow .pc-post-btn{ margin:0; }
.bdg-ginline{ display:flex; gap:6px; align-items:center; flex:1 1 auto; margin:0; }
.bdg-ginline .form-input{ flex:1 1 auto; min-width:0; min-height:36px; }

/* Nur für Screenreader (scoped wie auf den anderen Seiten) */
.bdg-admin .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Formulare als feste Box (wie section.pc-box in app-9-bausteine.css) */
form.pc-box{ padding:0; margin:0 0 18px; }
form.pc-box > .pc-box-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 20px; border-bottom:1px solid var(--line); margin-bottom:16px; }
form.pc-box > .pc-box-head .pc-box-titles{ flex:1 1 220px; }
@media (max-width:640px){ form.pc-box > .pc-box-head{ padding:14px 16px; } }
.bdg-userpick label{ white-space:nowrap; }
.bdg-seg{ max-width:100%; }
form.pc-box > .pc-box-head .pc-box-badges{ flex:0 1 auto; min-width:0; max-width:100%; }
@media (max-width:640px){ .bdg-seg span{ padding:0 10px; font-size:13px; } form.pc-box > .pc-box-head .pc-box-badges{ flex-basis:100%; } .bdg-seg label{ flex:1 1 140px; } }
/* Breite Tabellen scrollen in ihrer Box statt die Seite zu verbreitern (Handy) */
.bdg-split-main > *, .bdg-split-side > *, .bdg-editor-main > *, .bdg-editor-side > *{ min-width:0; max-width:100%; }
.bdg-admin .pc-box-body{ min-width:0; }
.bdg-admin .pc-table-wrap{ max-width:100%; position:relative; } /* hält auch .sr-only-Spaltenköpfe in der Scrollbox */

/* Kachelbreite der Abzeichen (25.10.2026): Einstellung der Abzeichenverwaltung bzw. eigene Wahl */
.dash-badges.bdg-has-w{ grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--bdg-tile-w, 320px)), 1fr)); }
.bdg-wctl{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; width:100%; margin-top:10px; padding:10px 12px;
  border:1px dashed var(--accent); border-radius:12px; background:var(--accent-soft, var(--paper-sunken)); font-size:13px; }
.bdg-wctl[hidden]{ display:none; }
.bdg-wctl-label{ font-weight:700; }
.bdg-wctl input[type=range]{ flex:1 1 160px; accent-color:var(--accent); }
.bdg-wctl output{ min-width:56px; font-variant-numeric:tabular-nums; }
.bdg-wctl-status{ color:var(--ink-soft); }
.bdg-tilew-row{ display:flex; align-items:center; gap:10px; margin-top:6px; }
.bdg-tilew-row input[type=range]{ flex:1; accent-color:var(--accent); }
#box-badges .dash-section-head{ flex-wrap:wrap; }