/* Version 8.0.2: gemeinsame Navigation und drei auswählbare Designs. */
.suite-nav { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.suite-nav a, .suite-nav summary { padding:8px 11px; border:1px solid transparent; border-radius:999px; color:var(--muted); font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; list-style:none; white-space:nowrap; }
.suite-nav summary::-webkit-details-marker { display:none; }
.suite-nav summary::after { content:"⌄"; margin-left:6px; font-size:10px; }
.suite-nav a:hover, .suite-nav a[aria-current="page"], .suite-nav summary:hover, .suite-nav .contains-current > summary, .suite-nav details[open] > summary { border-color:var(--line); color:var(--paper); background:var(--panel); }
.nav-menu { position:relative; }
.nav-dropdown { position:absolute; z-index:80; top:calc(100% + 8px); left:0; min-width:190px; padding:7px; border:1px solid var(--line); border-radius:15px; background:#171715; box-shadow:var(--shadow); }
.nav-dropdown a { display:block; border-radius:10px; }
.page-shell { width:min(calc(100% - 40px), 1440px); margin:0 auto; }
.subpage-main { padding:34px 0 70px; }
.subpage-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:24px 0 28px; }
.subpage-head h1 { margin:0; font-size:clamp(38px,6vw,76px); line-height:.95; letter-spacing:-.06em; }
.subpage-head p { max-width:650px; margin:12px 0 0; color:var(--muted); }
.surface { border:1px solid var(--line); border-radius:24px; background:var(--panel); box-shadow:var(--shadow); }
.subpage-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px; margin-bottom:18px; }
.subpage-toolbar input, .subpage-toolbar select { min-height:42px; border:1px solid var(--line); border-radius:12px; padding:0 13px; background:rgba(255,255,255,.055); color:var(--paper); }
.subpage-toolbar input { flex:1 1 260px; }
.page-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 16px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--paper); font-weight:800; text-decoration:none; }
.page-button.primary { border-color:var(--acid); background:var(--acid); color:var(--ink); }
.page-empty { padding:60px 24px; color:var(--muted); text-align:center; }
.page-empty strong { display:block; margin-bottom:6px; color:var(--paper); font-size:20px; }
.theme-badge { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }

html[data-theme="original"] select,
html[data-theme="original"] select option {
  background-color:#24241f!important;
  color:#f4f0e7!important;
}
html[data-theme="original"] select option:checked {
  background-color:#4b5d24!important;
  color:#fff!important;
}
html[data-theme="original"] input::placeholder,
html[data-theme="original"] textarea::placeholder {
  color:#aaa69d;
  opacity:1;
}

html[data-theme="pokedex"] { color-scheme:light; --ink:#f4efe4; --paper:#211f1b; --muted:#6f685d; --line:rgba(52,42,34,.16); --panel:rgba(255,255,255,.72); --acid:#e83d46; --violet:#3e65a8; --coral:#e83d46; --cyan:#198a84; --shadow:0 22px 60px rgba(68,48,28,.13); }
html[data-theme="pokedex"] body { background:linear-gradient(120deg,rgba(232,61,70,.08),transparent 40%),#f4efe4; }
html[data-theme="pokedex"] .hero { background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,229,213,.72)); }
html[data-theme="pokedex"] h1 em { -webkit-text-stroke-color:rgba(33,31,27,.62); }
html[data-theme="pokedex"] .hero-lead, html[data-theme="pokedex"] .list-detail dd { color:#554f47; }
html[data-theme="pokedex"] .filter-panel, html[data-theme="pokedex"] dialog, html[data-theme="pokedex"] .compact-header { background:#fffaf1; }
html[data-theme="pokedex"] .filter-panel select, html[data-theme="pokedex"] .field input, html[data-theme="pokedex"] .field select, html[data-theme="pokedex"] .field textarea, html[data-theme="pokedex"] .subpage-toolbar input, html[data-theme="pokedex"] .subpage-toolbar select, html[data-theme="pokedex"] .market-source textarea, html[data-theme="pokedex"] .market-rate input { background:#fff; color:#211f1b; }
html[data-theme="pokedex"] select, html[data-theme="pokedex"] select option { background:#fff!important; color:#211f1b!important; }
html[data-theme="pokedex"] select option:checked { background:#f2d7d7!important; color:#211f1b!important; }
html[data-theme="pokedex"] input::placeholder, html[data-theme="pokedex"] textarea::placeholder { color:#766f65; opacity:1; }
html[data-theme="pokedex"] .set-autocomplete-results { border-color:rgba(52,42,34,.2)!important; background:#fff!important; box-shadow:0 18px 38px rgba(68,48,28,.18)!important; }
html[data-theme="pokedex"] .set-autocomplete-option { background:#fff!important; color:#211f1b!important; }
html[data-theme="pokedex"] .set-autocomplete-option span, html[data-theme="pokedex"] .set-autocomplete-empty { color:#6f685d!important; }
html[data-theme="pokedex"] .set-autocomplete-option:hover, html[data-theme="pokedex"] .set-autocomplete-option.active { background:rgba(232,61,70,.14)!important; color:#211f1b!important; }
html[data-theme="pokedex"] .set-autocomplete-option:hover span, html[data-theme="pokedex"] .set-autocomplete-option.active span { color:#554f47!important; }
html[data-theme="pokedex"] dialog, html[data-theme="pokedex"] dialog .dialog-head { background:#fffaf1!important; color:#211f1b!important; }
html[data-theme="pokedex"] dialog .dialog-head { border-bottom-color:rgba(52,42,34,.16)!important; }
html[data-theme="pokedex"] dialog .dialog-head h1, html[data-theme="pokedex"] dialog .dialog-head h2, html[data-theme="pokedex"] dialog .dialog-head h3, html[data-theme="pokedex"] dialog .dialog-head .icon-button { color:#211f1b!important; }
html[data-theme="pokedex"] .nav-dropdown { background:#fffaf1; }
html[data-theme="pokedex"] .card-context-menu { border-color:rgba(52,42,34,.2)!important; background:#fffaf1!important; color:#211f1b!important; box-shadow:0 18px 45px rgba(68,48,28,.2)!important; }
html[data-theme="pokedex"] .card-context-menu button, html[data-theme="pokedex"] .card-context-menu button span { background:transparent!important; color:#211f1b!important; }
html[data-theme="pokedex"] .card-context-menu button b { color:#e83d46!important; }
html[data-theme="pokedex"] .card-context-menu button:hover, html[data-theme="pokedex"] .card-context-menu button:focus-visible { background:rgba(232,61,70,.14)!important; color:#211f1b!important; }
html[data-theme="pokedex"] .collection-card { background:rgba(255,255,255,.7); }
html[data-theme="pokedex"] button.compact-row[data-status="missing"] .compact-name { color:#665d53; }
html[data-theme="pokedex"] .app-version { color:rgba(33,31,27,.48); }
html[data-theme="pokedex"] .brand-mark { color:#fff; background:#c92f3a; }
html[data-theme="pokedex"] .page-button.primary,
html[data-theme="pokedex"] .button.primary,
html[data-theme="pokedex"] .status-tab[aria-pressed="true"],
html[data-theme="pokedex"] [data-status="owned"] .own-toggle,
html[data-theme="pokedex"] .pagination-pages button[aria-current="page"],
html[data-theme="pokedex"] .inventory-pagination .page-button[aria-current="page"],
html[data-theme="pokedex"] .source-tabs button[aria-pressed="true"],
html[data-theme="pokedex"] .table-nav button[aria-current="true"],
html[data-theme="pokedex"] .quality-count {
  border-color:#c92f3a!important;
  background:#c92f3a!important;
  color:#fff!important;
}
html[data-theme="pokedex"] .inventory-compact-status {
  border-color:rgba(157,31,40,.38)!important;
  color:#8b1821!important;
}
html[data-theme="pokedex"] .stats-dashboard .stat-panel { background:var(--stat-total-background); }
html[data-theme="pokedex"] .stats-dashboard .stat-panel:not(.stat-total) h3,
html[data-theme="pokedex"] .stats-dashboard .stat-panel:not(.stat-total) .stat-row,
html[data-theme="pokedex"] .stats-dashboard .stat-panel:not(.stat-total) .stat-row strong { color:#000; }

html[data-theme="holo"] { color-scheme:dark; --ink:#07121f; --paper:#eef7ff; --muted:#91a8bc; --line:rgba(164,220,255,.18); --panel:rgba(120,198,255,.065); --acid:#6fffe9; --violet:#b48cff; --coral:#ff79b0; --cyan:#66d9ff; --shadow:0 28px 90px rgba(0,0,0,.46); }
html[data-theme="holo"] body { background:radial-gradient(circle at 80% 0,rgba(111,255,233,.14),transparent 30rem),radial-gradient(circle at 10% 40%,rgba(180,140,255,.14),transparent 34rem),linear-gradient(155deg,#07121f,#0d1830 55%,#07121f); background-attachment:fixed; }
html[data-theme="holo"] .hero { background:linear-gradient(135deg,rgba(102,217,255,.12),rgba(180,140,255,.065)); box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.1); }
html[data-theme="holo"] .collection-card, html[data-theme="holo"] .surface { backdrop-filter:blur(15px); }
html[data-theme="holo"] .filter-panel, html[data-theme="holo"] dialog, html[data-theme="holo"] .compact-header { background:#0c1928; }
html[data-theme="holo"] .brand-mark { box-shadow:0 0 24px rgba(111,255,233,.25),inset 0 0 0 6px rgba(111,255,233,.05); }
html[data-theme="holo"] select,
html[data-theme="holo"] select option {
  background-color:#102338!important;
  color:#eef7ff!important;
}
html[data-theme="holo"] select option:checked {
  background-color:#235164!important;
  color:#fff!important;
}
html[data-theme="holo"] select:disabled,
html[data-theme="holo"] select option:disabled {
  color:#b9cad8!important;
  opacity:1;
}
html[data-theme="holo"] input,
html[data-theme="holo"] textarea {
  color:#eef7ff;
}
html[data-theme="holo"] input::placeholder,
html[data-theme="holo"] textarea::placeholder {
  color:#91a8bc;
  opacity:1;
}

@media (max-width:900px) { .suite-nav { order:3; width:100%; justify-content:flex-start; flex-wrap:wrap; } .nav-dropdown { position:fixed; top:auto; left:20px; right:20px; width:auto; } .subpage-head { align-items:flex-start; flex-direction:column; } }