:root{color-scheme:dark;--bg:#080e1a;--side:#0d1626;--panel:#121f33;--panel2:#182942;--stroke:#30415e;--text:#edf3ff;--mute:#9bafca;--accent:#7da6ff;--good:#43d4aa;--warn:#ffca65;--bad:#fc7893}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#21385d,var(--bg) 60%);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#a7c4ff}input,select,textarea{background:#0e192a;border:1px solid var(--stroke);color:var(--text);border-radius:9px;padding:10px;min-width:0;width:100%}textarea{min-height:75px;resize:vertical}input:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--side);border-right:1px solid var(--stroke);position:sticky;top:0;height:100vh;padding:23px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:5px 10px 25px;letter-spacing:.12em;font-size:18px}.brand small{display:block;font-size:9px;color:var(--mute);letter-spacing:.19em}.orb{font-size:36px;color:var(--accent);line-height:1}nav{display:grid;gap:6px}nav button,.ghost{border:0;background:transparent;color:var(--mute);text-align:left;padding:11px 12px;border-radius:10px}nav button:hover,nav button.selected{background:#233957;color:var(--text)}.aside-bottom{margin-top:auto;border-top:1px solid var(--stroke);padding-top:13px;word-break:break-word;font-size:12px;color:var(--mute)}.aside-bottom button{width:100%}.content{min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--stroke);background:#0b1527ae;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar .right{display:flex;align-items:center;gap:12px}.dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:var(--good)}.mobile-menu{display:none}main{padding:30px;max-width:1490px;margin:auto}.welcome{padding:50px 12px;color:var(--mute)}h1{font-size:clamp(26px,4vw,36px);letter-spacing:-.04em;margin:2px 0 8px}h2{font-size:18px;margin:0 0 12px}h3{margin:0 0 8px}.muted{color:var(--mute)}.small{font-size:12px}.eyebrow{font-size:11px;color:#a2bbf2;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:22px}.heading p{margin:0;color:var(--mute)}.panel,.metric{background:linear-gradient(145deg,#16243b,#101b2c);border:1px solid var(--stroke);border-radius:17px;padding:20px;box-shadow:0 12px 35px #0002}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric b{display:block;font-size:31px;letter-spacing:-.04em}.metric small{color:var(--mute)}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3b547c;border-radius:10px;background:#1d3556;color:#f5f8ff;padding:10px 13px;font-weight:650;text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn.primary{background:#467df3;border-color:#467df3}.btn.danger{background:#4a2435;border-color:#743a52}.btn.sm{padding:6px 9px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.line{border-top:1px solid var(--stroke);margin:17px 0}.callout{background:#142943;border-left:3px solid var(--accent);padding:12px 15px;border-radius:8px}.callout.warning{border-color:var(--warn)}.pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;border:1px solid var(--stroke);background:#24344e;color:#cbd9ef;white-space:nowrap}.pill.good{border-color:#36735e;color:var(--good)}.pill.warn{border-color:#745b2b;color:var(--warn)}.pill.bad{border-color:#74384d;color:var(--bad)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px;font-weight:600;font-size:12px}.field.wide{grid-column:1/-1}.auth-wrap{min-height:calc(100vh - 135px);display:grid;place-items:center}.auth{max-width:460px;width:100%}.auth .field{margin:12px 0}.auth .btn{width:100%}.auth-tabs{display:flex;gap:9px;margin-bottom:18px}.auth-tabs button{flex:1}.list-toolbar{display:flex;gap:8px;align-items:center;margin:0 0 15px;flex-wrap:wrap}.list-toolbar input{max-width:390px;flex:1 1 230px}.list-toolbar select{max-width:210px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 9px;border-bottom:1px solid #2b3b52;vertical-align:middle}.table th{color:var(--mute);font-size:11px;text-transform:uppercase}.table td{font-size:13px}.table tr:hover{background:#ffffff06}.cell-actions{white-space:nowrap}.empty{padding:36px 15px;text-align:center;color:var(--mute)}.pager{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:15px}.binder-head{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.binder-head select{max-width:170px}.pockets{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.pocket{position:relative;min-width:0;aspect-ratio:0.72;background:#0c1727;border:1px solid #405272;border-radius:11px;overflow:hidden;padding:8px;text-align:left;color:var(--text);display:flex;flex-direction:column;justify-content:space-between}.pocket img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pocket::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 46%,#061123d9)}.pocket span,.pocket strong{position:relative;z-index:1;text-shadow:0 1px 4px #000}.pocket span{font-size:10px}.pocket strong{font-size:clamp(10px,1vw,13px)}.pocket .status{align-self:start;font-size:9px}.pocket.empty-p{border-style:dashed;color:#667990}.pocket.status-warning{border-color:#e2ad4d}.pocket.status-good{border-color:#369d7e}.page-title{font-weight:700;margin:18px 0 10px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.photo-tile{background:#0b1626;border:1px solid var(--stroke);border-radius:11px;overflow:hidden}.photo-tile img{width:100%;height:190px;object-fit:cover;display:block;cursor:zoom-in}.photo-tile .info{padding:10px}.photo-tile button{width:100%;margin-top:7px}.toast{position:fixed;bottom:23px;right:23px;background:#1b3b58;border:1px solid #4e739b;color:#fff;padding:12px 17px;z-index:100;border-radius:12px;box-shadow:0 12px 40px #0008;max-width:min(500px,90vw);display:none}.toast.show{display:block}dialog{background:#111e31;border:1px solid #435a7a;border-radius:18px;color:var(--text);padding:22px;width:min(780px,95vw);max-height:89vh;overflow:auto;box-shadow:0 30px 110px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog .dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}dialog .dialog-head h2{font-size:23px}dialog .dialog-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.detail-photo{width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:8px}.progress{height:8px;background:#233650;border-radius:10px;overflow:hidden;margin:10px 0}.progress > span{display:block;height:100%;background:var(--good);width:0}.notice{color:#bacee8;margin-top:11px}.hidden{display:none!important}
@media(max-width:1020px){.pockets{grid-template-columns:repeat(6,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;transform:translateX(-105%);width:260px;transition:transform .18s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:56px;padding:0 14px}.topbar #userLabel{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:18px 12px}.heading{flex-wrap:wrap}.two{grid-template-columns:1fr}.pockets{grid-template-columns:repeat(3,1fr);gap:7px}.pocket strong{font-size:11px}.formgrid{grid-template-columns:1fr}.metric b{font-size:26px}.panel{padding:14px}}

.card-name-with-thumb{display:flex;align-items:center;gap:11px;min-width:175px}.card-name-text{min-width:0;overflow-wrap:anywhere}.card-thumb{width:43px;height:59px;flex:0 0 43px;display:grid;place-items:center;overflow:hidden;padding:2px;border-radius:6px;border:1px solid #405573;background:#0d192b;color:#7890b1;font-size:22px}.card-thumb:hover{border-color:#7ca4ff}.card-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}

/* v0.7.3: nutzereigene Ordner */
.binder-empty{margin-top:12px}.binder-summary{display:flex;align-items:center;gap:18px;margin-bottom:16px;min-height:140px}.binder-summary-cover{flex:0 0 90px;width:90px;height:112px;border:1px solid var(--stroke);background:#0b1728;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--mute);font-size:34px}.binder-summary-cover img{width:100%;height:100%;object-fit:cover}.binder-summary-details{min-width:0}.binder-summary-details b{font-size:20px}.binder-summary-details p{margin:5px 0 12px}.custom-pockets{grid-template-columns:repeat(var(--binder-cols,3),minmax(0,1fr))}.binder-cover-edit{grid-column:1/-1;display:flex;align-items:center;gap:12px}.binder-cover-edit img{width:90px;height:112px;object-fit:cover;border-radius:8px}.binder-cover-remove{font-size:12px;display:flex;align-items:center;gap:8px}.binder-cover-remove input{width:auto}.binder-head select{max-width:300px}.binder-head select+select{max-width:150px}
@media(max-width:1020px){.custom-pockets{grid-template-columns:repeat(min(var(--binder-cols,3),6),minmax(0,1fr))}}
@media(max-width:720px){.custom-pockets{grid-template-columns:repeat(min(var(--binder-cols,3),3),minmax(0,1fr))}.binder-summary{align-items:flex-start}.binder-summary-cover{flex-basis:72px;width:72px;height:90px}.binder-summary-details b{font-size:16px}}

/* v0.8: Brand, Navigation, responsive Binder UI, column filters, drag/drop */
.brand{padding:4px 6px 22px;display:block;letter-spacing:normal}.brand-logo{display:block;width:100%;max-width:188px;height:auto;object-fit:contain}.brand small{margin:0 0 0 45px;font-size:9px}.auth-brand{display:block;width:min(100%,330px);height:auto;margin:0 auto 12px}.topbar{gap:12px}.sync-status{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.sync-status #connectionLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.topbar .right{flex:0 0 auto}
nav{display:flex;flex-direction:column;gap:4px}.binder-subnav{display:flex;flex-direction:column;gap:2px;padding:0 0 5px 16px;max-height:240px;overflow:auto}.binder-subnav[hidden]{display:none}.binder-subnav .binder-nav-item{padding:7px 9px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.binder-nav-item span{overflow:hidden;text-overflow:ellipsis}.binder-nav-item.selected{background:#2a4366;box-shadow:inset 2px 0 #88b6ff}.binder-nav-item.drop-ready{background:#174c52;outline:2px dashed #43d4aa}
nav button.live-nav{background:#4b1925;color:#ffb8c6;border:1px solid #a33a50;box-shadow:inset 3px 0 #ff657f;font-weight:800}nav button.live-nav:hover,nav button.live-nav.selected{background:#752438;color:white;box-shadow:inset 4px 0 #ff576f,0 0 18px #ed31522a}.live-nav span{color:inherit}
.column-filters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;margin:10px 0 14px;padding:12px;border:1px solid #304562;background:#0c192b;border-radius:12px}.column-filters label{font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:4px;color:#b6c7de}.column-filters input,.column-filters select{padding:8px;font-size:12px;min-width:0}.column-filters .reset-filters{align-self:end;min-height:36px}.sort-th{border:0;background:transparent;color:inherit;font-size:11px;text-transform:uppercase;cursor:pointer;padding:4px 0;font-weight:750;white-space:nowrap}.sort-th:hover{color:#a5c4ff}.table tr[draggable]{cursor:grab}.dragging{opacity:.5}.drag-hint{margin:0 0 12px}
.binder-top-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 12px}.binder-head{display:flex;align-items:end;gap:9px;margin:0;flex-wrap:wrap}.binder-head label{font-size:11px;color:var(--mute);font-weight:650;display:flex;flex-direction:column;gap:4px}.binder-head label select{width:min(300px,100%);min-width:180px}.binder-head label:nth-child(2) select{min-width:120px;width:130px}.binder-paging{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pages-desktop,.pages-mobile{display:flex;gap:5px}.pages-mobile{display:none}.binder-paging .active-page{background:#467df3;border-color:#467df3;color:white}.binder-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0 0 15px}.binder-tile{text-align:left;display:flex;gap:9px;align-items:center;min-width:0;border:1px solid var(--stroke);background:#12233a;border-radius:11px;padding:10px;color:var(--text)}.binder-tile:hover,.binder-tile.is-active{border-color:#679df4;background:#223e62}.binder-tile.is-active{box-shadow:inset 0 0 0 1px #598bda}.binder-tile-cover{width:42px;height:53px;flex:0 0 42px;background:#09172a;border:1px solid #3f587a;border-radius:6px;display:grid;place-items:center;overflow:hidden;color:#92adcf;font-size:20px}.binder-tile-cover img{width:100%;height:100%;object-fit:cover}.binder-tile-text{display:flex;flex-direction:column;gap:5px;min-width:0}.binder-tile-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.binder-tile-text small{font-size:10px;color:var(--mute)}.binder-tile.drop-ready{background:#164c50;outline:2px dashed #43d4aa}.binder-summary{min-height:0;padding:12px 16px;margin-bottom:13px}.binder-summary-cover{flex-basis:60px;width:60px;height:76px;font-size:24px}.binder-summary-details b{font-size:16px}.binder-summary-details p{margin:3px 0 8px}.binder-page-panel{overflow:hidden}.custom-pockets{max-width:940px;margin:0 auto;gap:9px}.custom-pockets .pocket{aspect-ratio:.72;min-height:0}.pocket img{object-fit:contain;background:#0d1726}.pocket .pocket-meta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;margin-top:auto}.pocket .pocket-meta strong{font-size:clamp(12px,1.15vw,17px);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.pocket .pocket-meta .status{font-size:10px;color:#d2e0ef}.pocket .pocket-top{font-size:9px}.pocket.drop-ready{outline:2px dashed #43d4aa;background:#123e43}.pocket.empty-p strong{font-weight:600}
.name-autocomplete{position:relative}.autocomplete-menu{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;border:1px solid #5875a5;padding:6px;background:#0a1729;border-radius:10px;max-height:310px;overflow:auto;box-shadow:0 8px 24px #0007}.autocomplete-menu[hidden]{display:none}.auto-option{text-align:left;background:#142840;border:1px solid transparent;border-radius:7px;color:var(--text);padding:9px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.auto-option:hover,.auto-option.active{background:#284568;border-color:#76a4f0}.auto-option .small{white-space:nowrap}
@media(max-width:1020px){.column-filters{grid-template-columns:repeat(3,minmax(100px,1fr))}.custom-pockets{max-width:100%}}
@media(max-width:720px){.topbar{min-height:56px;height:56px;padding:0 12px}.topbar #userLabel{display:none}.sync-status #connectionLabel{font-size:12px}.topbar .right{gap:3px}.column-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px;gap:8px}.column-filters input,.column-filters select{font-size:12px}.binder-top-controls{display:grid;gap:10px}.binder-head label:first-child{flex:1 1 170px}.binder-head label select{width:100%;min-width:0}.binder-head label:nth-child(2) select{min-width:100px;width:110px}.binder-paging{justify-content:center}.pages-desktop{display:none}.pages-mobile{display:flex}.binder-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:6px}.binder-tile{flex:0 0 min(205px,75vw);scroll-snap-align:start}.custom-pockets{max-width:100%;gap:6px}.custom-pockets .pocket .pocket-meta strong{font-size:12px}.pocket .pocket-meta .status{font-size:9px}.drag-hint{display:none}.binder-summary{min-height:0}.binder-summary-cover{flex-basis:60px;width:60px;height:76px}.binder-summary-details b{font-size:15px}}
@media(max-width:400px){.column-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.binder-head label:first-child{flex:1 1 170px}.binder-head label:nth-child(2){flex:0 0 95px}.binder-head label:nth-child(2) select{width:95px}.custom-pockets .pocket{padding:5px}.custom-pockets .pocket .pocket-meta strong{font-size:10px}.pocket .pocket-top{font-size:8px}}

/* v0.8.3: eigenständige, numerisch sortierbare Gigadex- und Pokédex-Spalten */
.numeric-cell{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;color:#b7cefb}.table-wrap{overflow-x:auto;max-width:100%}.table th .sort-th{white-space:nowrap}

/* v0.8.5: ein physisches Blatt = Vorderseite plus Rückseite, keine Datenumstellung. */
.binder-face{display:flex;align-items:end;gap:5px;padding-bottom:1px}.binder-face .btn{min-height:36px}.binder-face .active-page{background:#467df3;border-color:#467df3;color:#fff}
@media(max-width:720px){.binder-face{width:100%;}.binder-face .btn{flex:1}}

.field[hidden]{display:none!important}

/* 0.9: getrennte Bereiche, Auswahl ohne Durchstreichen */
.card-view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.card-view-tabs .btn{font-size:13px}.view-count{padding:2px 7px;border:1px solid #53709a;border-radius:20px;font-size:11px}.card-view-help{margin-bottom:12px;font-size:13px}.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:10px;background:#0d1a2c;border:1px solid #354d6b;border-radius:11px}.bulk-spacer{flex:1}.table .row-selector,.table #selectVisibleCards{width:18px;height:18px;accent-color:#528af5;cursor:pointer}.table tr.bulk-row-selected{background:#233e60!important}.table tr.bulk-row-selected b{text-decoration:none!important}.kind-pill{display:inline-block;white-space:nowrap;padding:3px 7px;border:1px solid #425e81;border-radius:8px;font-size:10px;color:#d6e5ff}.kind-pill.catalog{border-color:#876d3b;color:#e9cb87}.kind-pill.physical{border-color:#38745a;color:#89dcbb}.kind-pill.gigadex{border-color:#567dbe;color:#afcdff}#bulkDialog .formgrid{margin:12px 0}
@media(max-width:720px){.card-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.card-view-tabs .btn{padding:8px;font-size:11px}.bulk-bar .bulk-spacer{flex-basis:100%}.bulk-bar .btn{font-size:11px}}

/* 0.9.1: einfacher Gigadex/Vintage-Blick und kompakte Binder-Navigation */
.collection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-metric{text-align:left;color:var(--text);cursor:pointer}.collection-metric:hover{border-color:var(--accent)}
.simple-tabs{margin:0 0 12px}.simple-tabs .btn{min-width:150px;justify-content:space-between}
.simple-search{margin:0 0 10px}.simple-search input{max-width:none;min-width:180px}.cards-panel .advanced-area{display:none}.cards-panel.show-advanced .advanced-area{display:block}.cards-panel:not(.selection-mode) .selection-col{display:none}.cards-panel:not(.show-technical) .type-col{display:none}
.technical-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.technical-views span{margin-right:5px}.cards-panel .column-filters{margin-top:0}
.binder-simple-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 12px}.binder-simple-controls .sheet-picker{display:grid;gap:4px;color:var(--mute);font-size:12px;font-weight:650}.binder-simple-controls .sheet-picker select{min-width:145px}.simple-binder-tiles{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin-bottom:16px}
.simple-binder-tiles .binder-tile{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:9px;min-width:0}.binder-tile-main{display:flex;align-items:center;gap:9px;min-width:0;padding:0;background:none;border:none;color:var(--text);text-align:left;width:100%}.binder-tile-main .binder-tile-text{flex:1}.binder-tile-actions,.binder-order-controls{display:flex;gap:5px;flex-wrap:wrap}.binder-tile-actions .btn{font-size:11px;padding:5px 6px}.binder-order-controls{justify-content:flex-end;margin-top:auto}.binder-order-controls .btn{padding:2px 8px;min-width:30px}.simple-binder-tiles .binder-tile:not(.is-active) .binder-order-controls{opacity:.75}.simple-binder-tiles .binder-tile.is-active{border-color:#679df4}.simple-binder-tiles .binder-tile-main:focus-visible{outline:2px solid var(--accent)}
@media(max-width:1000px){.simple-binder-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.collection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-binder-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.simple-binder-tiles .binder-tile{flex:auto}.binder-simple-controls .binder-face{width:auto}.simple-search input{flex:1 1 100%}.simple-binder-tiles .binder-tile-cover{width:36px;height:45px;flex-basis:36px}.binder-tile-actions .btn{flex:1}.binder-order-controls .btn{min-width:32px}}
@media(max-width:420px){.collection-metrics{grid-template-columns:1fr}.simple-tabs .btn{min-width:0}.simple-binder-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.binder-tile-main{gap:5px}.simple-binder-tiles .binder-tile-text b{font-size:12px}.simple-binder-tiles .binder-tile-cover{width:30px;height:38px;flex-basis:30px}}

.binder-sort-bar{display:flex;justify-content:flex-end;margin:0 0 7px}.binder-sort-bar .btn{font-size:11px}

/* v0.9.2: two clear areas, Vintage contains separate binder and goal views. */
.vintage-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.vintage-tabs .btn{min-width:160px;justify-content:space-between}
.vintage-explain{margin:0 0 12px;line-height:1.5}
.cards-panel.checklist-mode .selection-col{display:none}
.cards-panel.checklist-mode .advanced-area .bulk-bar{display:none}
@media(max-width:600px){.vintage-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vintage-tabs .btn{min-width:0;font-size:12px}}

/* v0.9.3: Ein Suchfeld, optionale fünf Filter, Mehrfachauswahl separat. */
.build-version{display:inline-block;margin-left:7px;padding:2px 6px;border:1px solid #6787b0;border-radius:6px;color:#d9e8ff;font-size:10px;letter-spacing:0}
.cards-panel:not(.selection-mode) .selection-col{display:none!important}
.cards-panel .advanced-area{display:none}
.cards-panel.show-advanced .advanced-area{display:block}
.cards-panel .minimal-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;margin:0 0 10px}
.cards-panel .minimal-filters label{min-width:0}
.cards-panel .minimal-filters .reset-filters{align-self:end}
.cards-panel .simple-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cards-panel .simple-search #searchCards{flex:1 1 280px;min-width:190px}
@media(max-width:720px){.cards-panel .minimal-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-panel .simple-search .btn{flex:1 1 auto}.cards-panel .simple-search #searchCards{flex:1 1 100%}}
@media(max-width:420px){.cards-panel .minimal-filters{grid-template-columns:1fr}}

/* v0.9.5: Sammelfortschritt und eine Trefferkarte je Pokémon in LIVE. */
.dashboard-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.progress-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.dashboard-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dashboard-panel-head h2{margin:0}.progress-number{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.progress-number b{font-size:clamp(31px,3vw,44px);letter-spacing:-.035em}.progress-number span{color:var(--mute)}.collection-progress{width:100%;height:9px;margin:2px 0 6px}.dashboard-facts{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.dashboard-facts span{padding:5px 9px;border-radius:999px;border:1px solid var(--stroke);color:var(--mute)}.dashboard-facts .fact-good{color:var(--good);border-color:#36735e}.dashboard-facts .fact-warn{color:var(--warn);border-color:#745b2b}.dashboard-facts .fact-bad{color:var(--bad);border-color:#74384d}.progress-panel>.actions{margin-top:auto;padding-top:6px}.dashboard-details .panel{min-width:0}.set-progress-row{display:grid;grid-template-columns:minmax(135px,1fr) minmax(80px,.7fr) 14px;align-items:center;gap:13px;width:100%;background:transparent;color:var(--text);padding:12px 0;text-align:left;border:0;border-bottom:1px solid var(--stroke)}.set-progress-row:hover{background:#203350}.set-progress-row>span:first-child{display:flex;flex-direction:column}.set-progress-row small{color:var(--mute)}.set-progress-row .progress{margin:0}.set-progress-arrow{color:var(--accent);font-size:24px}.dashboard-next{display:grid;gap:0}.dashboard-next>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--stroke)}.dashboard-next>div>span:first-child{flex:1}
.live-query-label{display:block;font-weight:700;margin-bottom:7px}.live-search-panel #liveQuery{font-size:17px;padding:13px}.live-search-panel>p{margin:10px 0}.live-group{border-bottom:1px solid var(--stroke)}.live-group:last-child{border-bottom:0}.live-group-toggle{width:100%;background:transparent;border:0;color:var(--text);padding:17px 6px;text-align:left;display:grid;grid-template-columns:minmax(130px,.8fr) minmax(230px,2fr) auto;align-items:center;gap:12px}.live-group-toggle:hover{background:#203350}.live-group-toggle[aria-expanded="true"]{background:#1c314d}.live-group-title{display:flex;align-items:baseline;gap:8px}.live-group-title b{font-size:17px}.live-group-title small{color:var(--mute)}.live-group-facts{display:flex;gap:7px;flex-wrap:wrap;font-size:12px}.live-group-facts>span{padding:5px 8px;border:1px solid var(--stroke);border-radius:9px;color:var(--mute)}.live-group-facts strong{color:var(--text)}.live-group-chevron{display:flex;gap:7px;align-items:center;color:var(--accent);white-space:nowrap}.live-group-chevron small{font-size:11px}.live-group-content{padding:8px 12px 16px;background:#0e1c30;border-radius:0 0 10px 10px}.live-detail-section{margin-top:10px}.live-detail-section h3{font-size:14px;color:var(--accent);margin:9px 0}.live-detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2b3e5a}.live-detail-row>div:first-child{display:flex;flex-direction:column;min-width:0}.live-detail-type{font-size:11px;color:var(--mute)}.live-detail-row b{font-size:13px}.live-detail-actions{display:flex;gap:5px;flex-wrap:wrap}.live-detail-actions .btn{white-space:nowrap}
@media(max-width:900px){.dashboard-overview{grid-template-columns:1fr}.live-group-toggle{grid-template-columns:1fr auto}.live-group-facts{grid-column:1/-1;grid-row:2}.live-group-chevron{grid-column:2;grid-row:1}}
@media(max-width:600px){.dashboard-panel-head{flex-wrap:wrap}.progress-panel>.actions .btn{flex:1}.set-progress-row{grid-template-columns:minmax(105px,1fr) minmax(65px,.6fr) 12px;gap:8px}.live-group-toggle{padding:12px 4px}.live-group-chevron small{display:none}.live-detail-row{align-items:flex-start;flex-direction:column}.live-detail-actions{width:100%}}

/* v0.9.7: klare Blätter-Navigation und Kaufampel, Bilder mit eigenem Foto zuerst. */
.binder-navigation-row{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:8px 0 12px}
.binder-navigation-row .binder-simple-controls{margin:0}
.binder-page-nav{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.binder-page-nav .btn{min-width:34px;padding:7px 10px}
.binder-page-nav .active-page{background:#467df3;border-color:#467df3;color:white}
.card-thumb img,.live-result-image img,.live-variant-image img{width:100%;height:100%;object-fit:contain;display:block}
.no-image{color:#6d88ae;font-size:19px;display:grid;place-items:center;min-height:100%}
.live-result{margin:15px 0;border:1px solid #3b5472;border-radius:15px;overflow:hidden;background:#102039}
.live-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}
.live-result-name{display:flex;align-items:center;gap:13px;min-width:0}
.live-result-name h2{margin:0 0 3px;font-size:23px}.live-result-name h2 small{font-size:13px;color:var(--mute)}
.live-result-image{display:block;flex:0 0 68px;width:68px;height:74px;border-radius:11px;background:#09172a;border:1px solid #335577;overflow:hidden}
.live-buy-status{font-size:20px;font-weight:900;letter-spacing:.02em;padding:12px 20px;border-radius:11px;border:2px solid;white-space:nowrap}
.live-buy-status.good{color:#b6ffe1;background:#0d503b;border-color:#36bb82}.live-buy-status.bad{color:#ffd0d5;background:#532132;border-color:#ee647b}.live-buy-status.warn{color:#ffe7a0;background:#493a20;border-color:#c99b43}
.live-buy-explanation{margin:0;padding:4px 16px 17px;color:#cfdef1}
.live-result>h3{margin:0 16px 8px;color:#c9deff;font-size:14px}
.live-variants{margin:0 16px;border:1px solid #344b67;border-radius:12px;overflow:hidden}
.live-variant{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border-bottom:1px solid #30445e}
.live-variant:last-child{border-bottom:0}.live-variant-image{display:block;width:46px;height:61px;border-radius:6px;overflow:hidden;border:1px solid #3b5472;background:#071528}
.live-variant-text{display:flex;flex-direction:column;min-width:0;gap:2px}.live-variant-text strong{font-size:14px}.live-variant-text span{font-size:13px}.live-variant-text small{font-size:11px;color:var(--mute)}
.live-variant-status{font-weight:850;font-size:12px;border:1px solid;border-radius:9px;padding:8px 10px;white-space:nowrap}
.live-variant-status.good{color:#aaf6cf;background:#124332;border-color:#2f926a}.live-variant-status.bad{color:#ffb8c6;background:#4a2131;border-color:#a54861}.live-variant-status.warn{color:#fbe19b;background:#40351e;border-color:#997a3c}
.live-unclear{padding:12px 16px;color:#f4d992;font-size:12px}.live-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;flex-wrap:wrap}
.dashboard-search{margin-bottom:16px}.dashboard-search h2{margin-bottom:9px}.dashboard-search-row{display:flex;gap:9px}.dashboard-search-row input{flex:1}
.dashboard-task{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;gap:12px;align-items:center;width:100%;background:transparent;color:var(--text);padding:12px 2px;text-align:left;border:0;border-bottom:1px solid var(--stroke)}.dashboard-task:hover{background:#223751}.dashboard-task>b{font-size:18px}.dashboard-task .fact-bad{color:var(--bad)}.dashboard-task .fact-warn{color:var(--warn)}
@media(max-width:720px){.binder-navigation-row{align-items:stretch}.binder-page-nav{justify-content:center;width:100%}.binder-page-nav .btn{flex:1;max-width:52px}.live-result-head{align-items:flex-start;flex-wrap:wrap}.live-buy-status{font-size:18px;flex:1;text-align:center}.live-variant{grid-template-columns:38px minmax(0,1fr);gap:8px}.live-variant-image{width:38px;height:51px}.live-variant-status{grid-column:2;width:max-content}.dashboard-search-row{flex-direction:column}}

/* v0.9.7: ein Vintage-Sammelziel, getrennte Fachprüfung */
.vintage-status-note{display:block;font-size:11px;color:#b4c9e4;line-height:1.45;margin-top:5px;max-width:280px}
.vintage-notice{margin:13px 0 15px}.vintage-notice .btn{margin-left:9px}.vintage-other{margin-top:10px}.vintage-other summary{cursor:pointer;color:#b5d4ff}.vintage-extra{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--stroke)}.vintage-extra img{width:34px;height:47px;object-fit:contain}.vintage-extra .btn{margin-left:auto}
.vintage-link-choices{border:0;padding:0;margin:14px 0;max-height:45vh;overflow:auto}.vintage-link-choices legend{font-weight:750;padding-bottom:8px}.vintage-link-choice{display:flex;gap:13px;align-items:center;border:1px solid var(--stroke);border-radius:9px;padding:9px;margin-bottom:7px;cursor:pointer}.vintage-link-choice:has(input:checked){border-color:#5c99eb;background:#1c3455}.vintage-link-choice input{flex:none}.vintage-link-choice .vintage-link-image{display:flex;width:48px;height:62px;flex:none}.vintage-link-choice img{width:100%;height:100%;object-fit:contain}.vintage-link-choice small{display:block;color:var(--mute);margin-top:4px}

.vintage-source-preview{display:flex;align-items:center;gap:12px;margin:10px 0}.vintage-source-preview img{height:100px;max-width:90px;object-fit:contain}

/* v0.9.8: navigation is NOT a sidebar nav. Keep all 8 controls in a compact row. */
.binder-navigation-row{align-items:center;min-height:0}
.binder-page-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;width:max-content;max-width:100%}
.binder-page-nav .btn{flex:0 0 auto;min-width:34px;text-align:center}
@media(max-width:720px){.binder-navigation-row{gap:10px}.binder-page-nav{width:100%;justify-content:center;gap:4px}.binder-page-nav .btn{flex:0 1 auto;min-width:30px;max-width:52px;padding:7px 7px}}

/* v0.9.9: eigene Ordner in der Navigation, auch als Desktop-Drop-Ziele */
.binder-subnav .binder-nav-item{width:100%;min-width:0;text-align:left;cursor:pointer}
.binder-subnav .binder-nav-item:focus-visible{outline:2px solid #88b6ff;outline-offset:2px}

/* v0.9.10: Status im LIVE-Modus je Form sichtbar, auch bei gleicher Pokédex-Nr. */
.live-form-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 16px 13px}
.live-form-summary>span{font-size:12px;font-weight:850;border:1px solid;border-radius:9px;padding:7px 10px}
.live-form-summary .good{color:#b6ffe1;background:#0d503b;border-color:#36bb82}
.live-form-summary .warn{color:#ffe7a0;background:#493a20;border-color:#c99b43}
.live-form-summary .bad{color:#ffd0d5;background:#532132;border-color:#ee647b}
.live-form-summary .check{color:#d5e4f9;background:#263950;border-color:#6287ad}
.live-detail-row.live-detail-missing{border-left:4px solid #ee647b;padding-left:10px;background:#53213223}
.live-detail-row.live-detail-upgrade{border-left:4px solid #c99b43;padding-left:10px;background:#493a2023}
.live-detail-ownstatus{display:block;margin:4px 0}

.pocket.status-missing{border:2px solid #ee647b;background:#2c1628}
.pocket.status-missing .pocket-meta .status{color:#ffb8c6;font-weight:800}

/* v0.9.12: Excel-Abgleichvorschau darf große Listen nicht endlos aufklappen. */
.vintage-match-preview{max-height:350px;overflow:auto;border:1px solid #334963;border-radius:10px;margin:10px 0;padding:8px}.vintage-match-preview .vintage-extra{padding:7px 9px;border-bottom:1px solid #334963}.vintage-match-preview .vintage-extra:last-child{border-bottom:0}.dialog-foot{flex-wrap:wrap}

/* v0.9.13 – kontrastreiche Status-Flaechen; rein visuelles Frontend-Update. */
:root{--status-good-bg:#103b2e;--status-good-light:#174d3a;--status-good-edge:#48dba2;--status-good-text:#d2ffea;--status-warn-bg:#463213;--status-warn-light:#57401b;--status-warn-edge:#ffd064;--status-warn-text:#fff0bd;--status-bad-bg:#4a1d2b;--status-bad-light:#5b2636;--status-bad-edge:#ff7990;--status-bad-text:#ffe1e6;--status-check-bg:#203650;--status-check-edge:#85b5e9;--status-check-text:#e0efff}
/* Status is written in text too – colour is never the only signal. */
.pill{display:inline-flex;align-items:center;gap:3px;min-height:27px;padding:5px 11px;font-size:12px;line-height:1.25;font-weight:800;border:2px solid #526984;background:#283d59;color:#e4edff}
.pill.good{color:var(--status-good-text);background:var(--status-good-bg);border-color:var(--status-good-edge)}
.pill.warn{color:var(--status-warn-text);background:var(--status-warn-bg);border-color:var(--status-warn-edge)}
.pill.bad{color:var(--status-bad-text);background:var(--status-bad-bg);border-color:var(--status-bad-edge)}
.pill.check{color:var(--status-check-text);background:var(--status-check-bg);border-color:var(--status-check-edge)}
.status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:8px 0}
/* A fully tinted table row is easier to scan than an outline around tiny text. */
.table tbody tr.status-good>td{background:#103a2c}
.table tbody tr.status-warn>td{background:#44321b}
.table tbody tr.status-bad>td{background:#49212f}
.table tbody tr.status-check>td{background:#20354c}
.table tbody tr.status-good:hover>td{background:#19513d}
.table tbody tr.status-warn:hover>td{background:#594322}
.table tbody tr.status-bad:hover>td{background:#61293c}
.table tbody tr.status-check:hover>td{background:#2b4a68}
.table tbody tr.status-good>td:first-child{box-shadow:inset 5px 0 var(--status-good-edge)}
.table tbody tr.status-warn>td:first-child{box-shadow:inset 5px 0 var(--status-warn-edge)}
.table tbody tr.status-bad>td:first-child{box-shadow:inset 5px 0 var(--status-bad-edge)}
.table tbody tr.status-check>td:first-child{box-shadow:inset 5px 0 var(--status-check-edge)}
.table tbody tr.status-row>td{border-bottom-color:#53657a;transition:background-color .12s ease}
.table tbody tr.status-row .card-name-text>b{color:#fff;font-weight:800}
.table tbody tr.status-row .numeric-cell{color:#edf4ff}
.table tbody tr.status-row.bulk-row-selected>td{outline:1px solid #80bbff;outline-offset:-1px}
/* Binder: strong status frame + colour behind the card name / status, photos remain visible. */
.pocket.status-good{border:3px solid var(--status-good-edge);background:var(--status-good-bg);box-shadow:0 0 0 1px #0a392b}
.pocket.status-warning{border:3px solid var(--status-warn-edge);background:var(--status-warn-bg);box-shadow:0 0 0 1px #4d3a19}
.pocket.status-missing{border:3px solid var(--status-bad-edge);background:var(--status-bad-bg);box-shadow:0 0 0 1px #5b2636}
.pocket.status-good::after{background:linear-gradient(180deg,transparent 35%,#103b2eeb 76%,#103b2eff 100%)}
.pocket.status-warning::after{background:linear-gradient(180deg,transparent 35%,#463213eb 76%,#463213ff 100%)}
.pocket.status-missing::after{background:linear-gradient(180deg,transparent 35%,#4a1d2beb 76%,#4a1d2bff 100%)}
.pocket.status-good .pocket-meta .status{color:var(--status-good-text);font-weight:850}
.pocket.status-warning .pocket-meta .status{color:var(--status-warn-text);font-weight:850}
.pocket.status-missing .pocket-meta .status{color:var(--status-bad-text);font-weight:850}
.pocket.status-good .pocket-top,.pocket.status-warning .pocket-top,.pocket.status-missing .pocket-top{font-weight:800;color:#fff}
/* LIVE: individual forms / variants, not just a single misleading colour for grouped Pokémon. */
.live-result.status-good{background:#102c25;border:2px solid var(--status-good-edge)}
.live-result.status-warn{background:#342a19;border:2px solid var(--status-warn-edge)}
.live-result.status-bad{background:#37202a;border:2px solid var(--status-bad-edge)}
.live-result.status-check{background:#172942;border:2px solid var(--status-check-edge)}
.live-buy-status.check{background:var(--status-check-bg);border-color:var(--status-check-edge);color:var(--status-check-text)}
.live-form-summary>span{border-width:2px;font-size:13px}
.live-form-summary .good{background:var(--status-good-bg);border-color:var(--status-good-edge);color:var(--status-good-text)}
.live-form-summary .warn{background:var(--status-warn-bg);border-color:var(--status-warn-edge);color:var(--status-warn-text)}
.live-form-summary .bad{background:var(--status-bad-bg);border-color:var(--status-bad-edge);color:var(--status-bad-text)}
.live-form-summary .check{background:var(--status-check-bg);border-color:var(--status-check-edge);color:var(--status-check-text)}
.live-variant.status-good{background:var(--status-good-bg);box-shadow:inset 5px 0 var(--status-good-edge)}
.live-variant.status-warn{background:var(--status-warn-bg);box-shadow:inset 5px 0 var(--status-warn-edge)}
.live-variant.status-bad{background:var(--status-bad-bg);box-shadow:inset 5px 0 var(--status-bad-edge)}
.live-variant.status-check{background:var(--status-check-bg);box-shadow:inset 5px 0 var(--status-check-edge)}
.live-variant-status{border-width:2px}
.live-variant-status.good{background:var(--status-good-light);border-color:var(--status-good-edge);color:var(--status-good-text)}
.live-variant-status.warn{background:var(--status-warn-light);border-color:var(--status-warn-edge);color:var(--status-warn-text)}
.live-variant-status.bad{background:var(--status-bad-light);border-color:var(--status-bad-edge);color:var(--status-bad-text)}
.live-variant-status.check{background:var(--status-check-bg);border-color:var(--status-check-edge);color:var(--status-check-text)}
.live-detail-row.status-good{padding:10px;background:var(--status-good-bg);border-left:5px solid var(--status-good-edge)}
.live-detail-row.status-warn{padding:10px;background:var(--status-warn-bg);border-left:5px solid var(--status-warn-edge)}
.live-detail-row.status-bad{padding:10px;background:var(--status-bad-bg);border-left:5px solid var(--status-bad-edge)}
.live-detail-row.status-check{padding:10px;background:var(--status-check-bg);border-left:5px solid var(--status-check-edge)}
/* Dashboard: coloured progress summaries + task labels, no status changes. */
.dashboard-facts .fact-good{color:var(--status-good-text);background:var(--status-good-bg);border:2px solid var(--status-good-edge);font-weight:750}
.dashboard-facts .fact-warn{color:var(--status-warn-text);background:var(--status-warn-bg);border:2px solid var(--status-warn-edge);font-weight:750}
.dashboard-facts .fact-bad{color:var(--status-bad-text);background:var(--status-bad-bg);border:2px solid var(--status-bad-edge);font-weight:750}
.dashboard-task:has(.fact-bad){background:linear-gradient(90deg,#46202e 0%,#46202e 38%,transparent 100%);border-left:4px solid var(--status-bad-edge);padding-left:10px}
.dashboard-task:has(.fact-warn){background:linear-gradient(90deg,#44331c 0%,#44331c 38%,transparent 100%);border-left:4px solid var(--status-warn-edge);padding-left:10px}
@media(max-width:720px){.pill{font-size:11px;padding:5px 7px;min-height:24px}.table tbody tr.status-row>td{background-clip:padding-box}.live-variant-status{white-space:normal}.live-buy-status{white-space:normal}.status-legend{gap:5px}}

/* v0.9.14 – lesbarer Farbstatus auf der gesamten Karte, einschließlich Fotofläche. */
.custom-pockets .pocket{isolation:isolate;border-width:3px;transition:background-color .12s,border-color .12s}
.custom-pockets .pocket img{z-index:0}
.custom-pockets .pocket::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.custom-pockets .pocket::after{z-index:1;pointer-events:none}
.custom-pockets .pocket span,.custom-pockets .pocket strong{z-index:2}
.custom-pockets .pocket.status-good::before{background:rgba(21,141,92,.21)}
.custom-pockets .pocket.status-warning::before{background:rgba(192,121,12,.30)}
.custom-pockets .pocket.status-missing::before{background:rgba(190,39,69,.31)}
.custom-pockets .pocket.status-good{border-color:#53efab;background:#153c30}
.custom-pockets .pocket.status-warning{border-color:#ffce53;background:#483418}
.custom-pockets .pocket.status-missing{border-color:#ff6687;background:#4b1d2d}
.custom-pockets .pocket .pocket-meta .status{display:inline-flex;align-items:center;gap:3px;padding:5px 9px;font-size:clamp(10px,.94vw,13px);font-weight:850;border:2px solid #7184a0;border-radius:7px;background:#1c2c42;color:#fff;text-shadow:none;line-height:1.25}
.custom-pockets .pocket.status-good .pocket-meta .status{background:#15513a;border-color:#53efab;color:#e1ffec}
.custom-pockets .pocket.status-warning .pocket-meta .status{background:#65491b;border-color:#ffce53;color:#fff2c4}
.custom-pockets .pocket.status-missing .pocket-meta .status{background:#70273b;border-color:#ff6687;color:#ffe6ee}
.custom-pockets .pocket.empty-p{background:#101a29;border:1px dashed #50647e;color:#9eb1cb}
.custom-pockets .pocket.empty-p::before{display:none}
.custom-pockets .pocket.empty-p::after{background:none}
/* Unterschiedliche Formate nutzen ein Raster pro sichtbarer Seite, nicht pro physischem Blatt. */
.binder-layout-summary{background:#13263e;border:1px solid #46607c;padding:14px;border-radius:12px}
#binderLayoutSummary{font-weight:800;font-size:13px;color:#e5f0ff}
.binder-layout-preview{display:grid;grid-template-columns:repeat(var(--binder-preview-cols,3),minmax(0,1fr));gap:5px;width:min(250px,100%);margin:8px 0}
.binder-layout-preview span{display:grid;place-items:center;aspect-ratio:.72;background:#1d3655;border:2px solid #6e98c8;border-radius:5px;font-size:11px;color:#eef5ff}
@media(max-width:720px){.custom-pockets{gap:7px}.custom-pockets .pocket .pocket-meta .status{font-size:10px;padding:4px 5px}.custom-pockets .pocket .pocket-meta strong{font-size:11px}.binder-layout-summary{padding:10px}}

/* v0.9.15: selection must be available in Gigadex AND Vintage checklist. */
.cards-panel.checklist-mode.selection-mode .selection-col{display:table-cell!important}
.cards-panel .simple-search [data-toggle-selection]{display:inline-flex!important;visibility:visible!important}
.linked-evidence{display:block;margin-top:5px;color:#a4f1dc;font-size:11px;font-weight:650;line-height:1.4}
/* Phone: top search remains one row, results fit viewport without the giant status board. */
@media(max-width:720px){
 .live-search-panel{padding:12px!important}.live-query-label{font-size:13px}
 #liveQuery{font-size:16px;min-height:46px}
 .live-result{padding:12px!important;margin-bottom:10px}
 .live-result-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
 .live-result-name{min-width:0;flex:1 1 160px}.live-result-name h2{font-size:17px;line-height:1.25;overflow-wrap:anywhere}
 .live-result-image{width:46px;height:60px;flex:0 0 46px}.live-result-image img{width:100%;height:100%;object-fit:contain}
 .live-buy-status{font-size:12px!important;padding:7px 9px!important;flex:0 0 auto!important;white-space:normal;max-width:100%}
 .live-buy-explanation{font-size:12px;line-height:1.45}
 .live-variants{gap:6px}.live-variant{padding:8px}.live-variant-text{min-width:0;overflow-wrap:anywhere}
 .live-group-content{padding:8px}.live-detail-row{flex-wrap:wrap}.live-detail-actions{width:100%}
 .cards-panel .simple-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .cards-panel .simple-search #searchCards{grid-column:1/-1;min-width:0!important;width:100%}
 .cards-panel .simple-search .btn{min-width:0;min-height:38px;padding:8px 6px}
}

/* v0.9.16: controls at the top of Meine Karten; selection is visible on first visit. */
.cards-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;padding:10px 0}
.cards-pagination-top{border-bottom:1px solid var(--stroke);scroll-margin-top:86px}
.cards-pagination-bottom{border-top:1px solid var(--stroke)}
.cards-pagination-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--mute);font-size:12px}
.cards-pagination-info label{display:inline-flex;align-items:center;gap:8px}
.cards-pagination-info select{width:66px;padding:6px 8px}
.cards-pagination .binder-page-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cards-pagination .binder-page-nav .btn{min-width:33px;min-height:33px;padding:5px 9px}
.cards-pagination .binder-page-nav .btn.active-page{background:#467df3;border-color:#467df3;color:white}
.cards-panel.selection-mode .selection-col{display:table-cell!important;width:42px;min-width:42px;text-align:center!important}
.cards-panel.selection-mode .selection-col input{width:20px;height:20px;accent-color:#6097ff}
@media(max-width:720px){.cards-pagination{align-items:flex-start}.cards-pagination-info{width:100%;justify-content:space-between}.cards-pagination .binder-page-nav{width:100%;justify-content:center;gap:4px}.cards-pagination .binder-page-nav .btn{min-width:32px}}

/* v0.9.17: compact forms, ordered state, centered navigation. */
.cards-pagination,.cards-pagination-info,.cards-pagination .binder-page-nav,.binder-navigation-row,.binder-simple-controls,.binder-page-nav{justify-content:center!important;text-align:center}
.cards-pagination{flex-direction:column;align-items:center!important}
.cards-pagination-info{width:100%}
.binder-navigation-row{flex-wrap:wrap}
.pill.ordered,.status-ordered .pill,.live-variant.status-ordered{color:#ffe1aa;background:#4d3519;border-color:#ffb547}
.pocket.status-ordered{border:3px solid #ffb547;background:#4d3519}
.pocket.status-ordered::before{background:rgba(255,170,40,.22)}
.pocket.status-ordered .status{color:#ffe1aa;background:#4d3519}
.status-row.status-ordered{box-shadow:inset 4px 0 #ffb547;background:#332819}
.first-edition-badge{display:inline-block;padding:3px 9px;border:1px solid #c18aff;border-radius:7px;background:#4d236b;color:#f4e0ff;font-size:12px;font-weight:800;margin:4px 0}
.edition-unconfirmed{display:inline-block;color:#c7b8cf;font-size:12px;margin:4px 0}
.compact-result{padding:12px;margin-top:12px}
.compact-result h2{font-size:18px;margin:0 0 6px}
.compact-result .live-detail-row{padding:9px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke)}
.compact-result .live-detail-row>div:first-child{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 9px}
.compact-result .live-detail-row>div:first-child>.muted,.compact-result .linked-evidence{flex-basis:100%;line-height:1.3}
.compact-result .live-form-rows .live-detail-row{padding:9px;margin:5px 0;border-radius:6px}
.compact-result .live-detail-row .muted{display:block;font-size:11px}
.compact-result .live-detail-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.vintage-variants{margin:10px 0;color:var(--mute)}
.vintage-variants summary{cursor:pointer;font-size:13px;padding:6px 0}
.vintage-variants .live-variant{display:block;padding:8px}
.vintage-variants .live-variant-text{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:7px}
.vintage-variants small{flex-basis:100%}
.field input[type=checkbox]{width:18px;height:18px;vertical-align:middle}
.batch-match-row{display:flex;gap:9px;padding:8px;border-bottom:1px solid var(--stroke);align-items:flex-start}
.batch-match-row input{width:20px;height:20px;flex-shrink:0}
@media(max-width:720px){.compact-result .live-detail-row{flex-wrap:wrap}.compact-result .live-detail-actions{width:100%}.compact-result .btn.sm{min-height:34px}.cards-pagination-info{justify-content:center!important}.binder-navigation-row{flex-direction:column}.table-wrap{max-width:100%;overflow:auto}}