*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#0a0a0f;--bg2:#13131a;--bg3:#1c1c26;--border:#252535;--border2:#32324a;
  --text:#f0f0f8;--text2:#8888aa;--text3:#555570;
  --red:#e63946;--green:#22c55e;--amber:#f59e0b;--blue:#6366f1;
  --ebay:#86b817;--green-bg:#0d2318;--amber-bg:#2a1a05;--blue-bg:#0e0e2a;--ebay-bg:#172608;
  --radius:12px;--radius-sm:8px;
  --accent:#e63946;--accent2:#6366f1;
  font-family:'Segoe UI',system-ui,sans-serif;
}
body{background:var(--bg);color:var(--text);min-height:100vh;padding:1.5rem;background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(230,57,70,.04) 0%,transparent 60%);}
input,select,textarea{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px;font-family:inherit;font-size:13px;outline:none;transition:border-color .15s;}
input:focus,select:focus,textarea:focus{border-color:var(--red);}
button{cursor:pointer;font-family:inherit;transition:all .15s;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg);}}
@keyframes slideIn{from{transform:translateX(100px);opacity:0;}to{transform:translateX(0);opacity:1;}}
@keyframes fadeIn{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}

/* CONFIG */
.config-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1.25rem;}
.config-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}
.config-title .arrow{font-size:10px;transition:transform .2s;color:var(--text3);}
.config-title .arrow.open{transform:rotate(90deg);}
.config-body{display:none;margin-top:.9rem;}.config-body.open{display:block;}
.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.cfg-field label{display:block;font-size:11px;color:var(--text2);margin-bottom:4px;font-weight:500;}
.cfg-field input{width:100%;font-family:monospace;font-size:12px;}
.cfg-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.btn-cfg{padding:7px 14px;border-radius:var(--radius-sm);border:none;font-size:12px;font-weight:600;}
.btn-save{background:var(--red);color:white;}.btn-connect{background:var(--ebay);color:white;}.btn-test{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);}
.status-row{display:flex;gap:16px;flex-wrap:wrap;}
.status-item{display:flex;align-items:center;gap:6px;font-size:12px;}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text3);}
.status-dot.ok{background:var(--green);}.status-dot.err{background:var(--red);}
.ebay-steps{background:var(--bg3);border-radius:var(--radius-sm);padding:.9rem 1rem;margin-top:10px;font-size:12px;color:var(--text2);line-height:1.8;}
.ebay-steps strong{color:var(--text);}.ebay-steps a{color:var(--blue);}

/* HEADER */
.header{display:flex;align-items:center;gap:14px;padding:1.1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;}
.hicon{width:40px;height:40px;background:linear-gradient(135deg,var(--red),#c1121f);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(230,57,70,.3);}
.htitle{font-size:20px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text) 60%,var(--text2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hsub{font-size:11px;color:var(--text3);margin-top:2px;letter-spacing:.02em;}
.hsync{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2);}
.sdot{width:8px;height:8px;border-radius:50%;background:var(--green);}

/* STATS */
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:1.25rem;}
.stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;transition:border-color .2s,transform .15s;position:relative;overflow:hidden;}
.stat::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);pointer-events:none;}
.stat:hover{border-color:var(--border2);transform:translateY(-1px);}
.slbl{font-size:10px;color:var(--text3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.sval{font-size:20px;font-weight:700;letter-spacing:-.02em;}
.sval.g{color:var(--green);}.sval.a{color:var(--amber);}.sval.b{color:var(--blue);}
.stat.pot{background:linear-gradient(135deg,#0d2318,#091a10);border-color:#1a4a28;}
.stat.pot .slbl{color:#4a9a6a;}.stat.pot .sval{color:#4ade80;}

/* TABS */
.panel{display:none;}.panel.active{display:block;}

/* ADD SECTION */
.add-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.4rem;margin-bottom:1.25rem;position:relative;overflow:hidden;}
.add-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent);}
.add-section h2{font-size:13px;font-weight:700;margin-bottom:.9rem;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;}
.card-search-wrap{position:relative;margin-bottom:6px;}
.card-search-input{width:100%;font-size:14px;padding:10px 40px 10px 14px;border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--border2);color:var(--text);}
.card-search-input:focus{border-color:var(--red);}
.card-search-hint{font-size:11px;color:var(--text3);margin-bottom:8px;}
.card-search-spinner{display:none;position:absolute;right:12px;top:50%;width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--red);border-radius:50%;animation:spin .6s linear infinite;transform:translateY(-50%);}
.card-results{position:absolute;top:100%;left:0;right:0;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-sm);z-index:300;max-height:300px;overflow-y:auto;margin-top:4px;box-shadow:0 12px 40px rgba(0,0,0,.6);display:none;}
.card-result-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border);}
.card-result-item:last-child{border-bottom:none;}
.card-result-item:hover,.card-result-item.selected{background:var(--bg3);}
.card-thumb{width:36px;height:50px;object-fit:contain;border-radius:3px;flex-shrink:0;}
.card-thumb-ph{width:36px;height:50px;background:var(--bg3);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;}
.card-result-info{flex:1;min-width:0;}
.card-result-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-result-sub{font-size:11px;color:var(--text2);margin-top:2px;}
.card-result-num{font-size:11px;color:var(--amber);font-weight:600;}
.card-result-no-results{padding:1rem;text-align:center;color:var(--text3);font-size:13px;}
.selected-card-preview{display:none;background:var(--bg3);border:1px solid var(--green);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:10px;align-items:center;gap:12px;}
.preview-img{width:40px;height:56px;object-fit:contain;border-radius:3px;}
.preview-img-ph{width:40px;height:56px;background:var(--bg2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.preview-info{flex:1;}.preview-name{font-size:14px;font-weight:700;}.preview-details{font-size:12px;color:var(--text2);margin-top:3px;}
.preview-clear{background:none;border:none;color:var(--text3);font-size:18px;padding:4px;}.preview-clear:hover{color:var(--red);}
.add-row-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end;}
.fg label{display:block;font-size:11px;color:var(--text2);margin-bottom:4px;}
.fg input,.fg select{width:100%;}
.ci{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text2);}
.ci input{width:15px;height:15px;accent-color:var(--red);}
.btn-add{background:var(--red);color:white;border:none;border-radius:var(--radius-sm);padding:0 16px;height:36px;font-size:13px;font-weight:600;}
.btn-add:hover{opacity:.85;}
.hint{margin-top:8px;padding:7px 10px;background:var(--bg3);border-radius:var(--radius-sm);font-size:11px;color:var(--text2);}

/* FILTERS */
.filters{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap;align-items:center;}
.fbtn{font-size:12px;padding:6px 14px;border-radius:20px;border:1px solid var(--border2);background:transparent;color:var(--text3);font-weight:500;transition:all .15s;}
.fbtn.active{background:var(--red);color:white;border-color:var(--red);box-shadow:0 2px 8px rgba(230,57,70,.3);}
.fbtn:hover:not(.active){color:var(--text);border-color:var(--text3);}
.fsearch{flex:1;min-width:150px;}

/* FETCH PROGRESS */
.fetch-progress{display:none;margin-bottom:1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;}
.fp-label{font-size:12px;color:var(--text2);margin-bottom:6px;}
.fp-bar-wrap{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden;}
.fp-bar{height:6px;background:linear-gradient(90deg,var(--blue),#818cf8);border-radius:4px;transition:width .3s;box-shadow:0 0 8px rgba(99,102,241,.4);}

/* CARD TABLE — avec colonne image */
.card-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.2);}
.card-item{background:var(--bg2);padding:8px 12px;display:grid;grid-template-columns:46px minmax(120px,1.5fr) minmax(100px,1fr) 60px 60px 72px 60px 72px 80px;gap:6px;align-items:center;min-height:62px;border-bottom:1px solid var(--border);transition:background .1s;}
.card-item>div:nth-child(n+4){display:flex;align-items:center;justify-content:center;}
.card-item:last-child{border-bottom:none;}
.card-item:hover{background:var(--bg3);}
.card-item.header-row{background:linear-gradient(90deg,var(--bg3),var(--bg2));padding:7px 12px;border-bottom:1px solid var(--border2);}
.col-h{font-size:10px;font-weight:700;color:var(--text3);text-align:center;text-transform:uppercase;letter-spacing:.05em;}
.col-h.left{text-align:left;}
.col-h.sortable{cursor:pointer;user-select:none;transition:color .15s;}
.col-h.sortable:hover{color:var(--text);}
.col-h.sort-active{color:var(--red);}
.sort-arrow{display:inline-block;margin-left:3px;font-size:9px;opacity:.5;vertical-align:middle;}
.col-h.sort-active .sort-arrow{opacity:1;}

/* Miniature carte cliquable */

.card-mini-ph{width:38px;height:53px;background:var(--bg3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text3);}
/* Set symbol overlay on card thumbnail */
.card-img-wrap{position:relative;width:38px;height:53px;flex-shrink:0;display:block;}
.card-mini-img{width:38px;height:53px;object-fit:contain;border-radius:4px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:block;}
.card-mini-img:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(0,0,0,.6);}
.card-set-symbol{position:absolute;bottom:2px;right:2px;width:13px;height:13px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));z-index:2;pointer-events:none;}
div[id^="imgcell-"]{position:relative;width:38px;height:53px;}

/* IMAGE ZOOM MODAL */
.img-zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2000;display:none;align-items:center;justify-content:center;padding:2rem;}
.img-zoom-overlay.visible{display:flex;}
.img-zoom-content{position:relative;animation:fadeIn .2s ease;}
.img-zoom-img{max-width:min(400px,90vw);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.8);}
.img-zoom-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:var(--red);color:white;border:none;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.img-zoom-name{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font-size:13px;font-weight:600;color:var(--text2);}

.card-name-cell{display:flex;flex-direction:column;gap:3px;min-width:0;}
.cname{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cmeta{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.set-cell{min-width:0;}
.set-nm{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.set-rar{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:3px;margin-top:2px;}
.qc{display:flex;align-items:center;gap:3px;justify-content:center;}
.qb{width:20px;height:20px;border-radius:50%;border:1px solid var(--border2);background:transparent;font-size:13px;color:var(--text);display:flex;align-items:center;justify-content:center;}
.qb:hover{background:var(--bg);border-color:var(--text3);}
.qn{font-size:13px;font-weight:600;min-width:20px;text-align:center;}
.qn.sell{color:var(--amber);}
.rev-cell{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;}
.rev-check{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);}
.rev-check input{width:13px;height:13px;accent-color:#8b5cf6;}
.price-inp{width:62px;font-size:12px;text-align:right;}
.pot-val{font-size:12px;font-weight:600;color:var(--green);text-align:center;}
.pot-none{font-size:12px;color:var(--text3);text-align:center;}
.searching-price{font-size:11px;color:var(--amber);text-align:center;animation:pulse 1s infinite;}
.act-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-end;justify-content:center;}
.b2{font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:transparent;color:var(--text3);width:72px;text-align:center;font-weight:500;}
.b2:hover{background:var(--bg3);border-color:var(--text3);color:var(--text);}
.b2.annonce{border-color:rgba(230,57,70,.5);color:var(--red);}.b2.annonce:hover{background:rgba(230,57,70,.12);border-color:var(--red);}
.b2.sold2{border-color:rgba(34,197,94,.4);color:var(--green);}.b2.sold2:hover{background:var(--green-bg);}
.b2.ebay-list{border-color:rgba(134,184,23,.5);color:var(--ebay);font-weight:600;}.b2.ebay-list:hover{background:var(--ebay-bg);border-color:var(--ebay);}.b2.price-cmp{border-color:rgba(34,197,94,.4);color:var(--green);}.b2.price-cmp:hover{background:var(--green);color:white;}.b2.grading-btn{border-color:rgba(167,139,250,.4);color:#a78bfa;}.b2.grading-btn:hover{background:#a78bfa;color:white;}
.b2.del:hover{border-color:var(--red);color:var(--red);background:rgba(230,57,70,.1);}

.badge{display:inline-flex;align-items:center;font-size:10px;padding:2px 6px;border-radius:6px;font-weight:600;white-space:nowrap;}
.bboth{background:#1a3020;color:#6dbf6d;}.bsold{background:#0d2e22;color:#4ade80;}.binv{background:#222;color:#888;}.btrack{background:#1a2a3a;color:#5b9bd5;cursor:help;}
.bh{background:#1e1a3e;color:#a78bfa;}.bl{background:#0f2040;color:#60a5fa;}.bebay{background:#1a2e0a;color:#86b817;}
.rdot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px;vertical-align:middle;flex-shrink:0;}
.rc{background:#666;}.ru{background:#3b82f6;}.rr{background:#eab308;}.rur{background:#ef4444;}.rs{background:#8b5cf6;}.rp{background:#10b981;}

.ebar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid var(--border);}
.ebar-btn{font-size:12px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);color:var(--text3);font-weight:500;transition:all .15s;}
.ebar-btn:hover{border-color:var(--text3);color:var(--text);background:var(--bg3);}
.ebar-btn.fetch{border-color:rgba(99,102,241,.5);color:var(--blue);background:var(--blue-bg);}
.ebar-btn.fetch:disabled{opacity:.4;cursor:not-allowed;}
.ebar-dropdown{position:relative;display:inline-block;}
.ebar-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:1000;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:200px;overflow:hidden;}
.ebar-dropdown-item{display:block;width:100%;text-align:left;padding:9px 14px;font-size:12px;background:none;border:none;color:var(--text2);cursor:pointer;}
.ebar-dropdown-item:hover{background:var(--bg3);color:var(--text);}

.notif{position:fixed;bottom:1.5rem;right:1.5rem;padding:11px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:9999;animation:slideIn .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.5);backdrop-filter:blur(8px);}
.notif.ok{background:rgba(20,45,28,.95);color:#4ade80;border:1px solid rgba(34,197,94,.25);}
.notif.err{background:rgba(40,10,10,.95);color:#f87171;border:1px solid rgba(230,57,70,.25);}
.notif.info{background:rgba(14,14,40,.95);color:#818cf8;border:1px solid rgba(99,102,241,.25);}

/* SUMMARY */
.set-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:8px;transition:border-color .15s,box-shadow .15s;}
.set-card:hover{border-color:var(--border2);box-shadow:0 4px 16px rgba(0,0,0,.3);}
.set-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px;}
.set-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;}
.set-name-logo{height:20px;max-width:60px;object-fit:contain;opacity:.9;}
.set-meta{font-size:11px;color:var(--text2);}
.pw{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden;margin-bottom:6px;}
.pb{height:6px;border-radius:4px;transition:width .4s;}
.sd{display:flex;gap:6px;flex-wrap:wrap;}
.era-lbl{font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;padding:.85rem 0 .3rem;border-top:1px solid var(--border);margin-top:.2rem;}
.era-lbl:first-child{border-top:none;padding-top:0;}
.empty{text-align:center;padding:2.5rem;color:var(--text3);font-size:13px;}

/* MODAL ANNONCE */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;}
.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:540px;max-height:88vh;overflow-y:auto;padding:1.5rem;box-shadow:0 24px 80px rgba(0,0,0,.8);backdrop-filter:blur(4px);}
.modal-title{font-size:15px;font-weight:600;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;}
.modal-close{background:none;border:none;font-size:20px;color:var(--text2);}
.modal-section{margin-bottom:1rem;}
.modal-section label{display:block;font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.modal-text{width:100%;font-size:12px;padding:9px 11px;border:1px solid var(--border2);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text);resize:vertical;min-height:60px;font-family:inherit;}
.platform-btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem;}
.plat-btn{flex:1;min-width:90px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid;background:transparent;font-size:12px;font-weight:600;text-align:center;}
.plat-btn.ebay{border-color:var(--red);color:var(--red);}.plat-btn.tcg{border-color:var(--blue);color:var(--blue);}
.plat-btn.kijiji{border-color:var(--amber);color:var(--amber);}.plat-btn.fb{border-color:#8b5cf6;color:#8b5cf6;}
.copy-btn{float:right;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:3px 9px;font-size:11px;color:var(--text2);}
.copy-btn.ok{color:var(--green);border-color:var(--green);}
.ebay-publish-btn{width:100%;padding:10px;background:var(--ebay);color:white;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;margin-top:.5rem;}
.ebay-publish-btn:disabled{opacity:.4;cursor:not-allowed;}
.ebay-result{margin-top:.75rem;padding:10px 12px;border-radius:var(--radius-sm);font-size:12px;}
.ebay-result.ok{background:var(--ebay-bg);color:var(--ebay);border:1px solid #2d5a0a;}
.ebay-result.err{background:#2e0d0d;color:#f87171;border:1px solid #5a1a1a;}

/* PHOTO UPLOAD SECTION */
.photo-section{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:1rem;}
.photo-section-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.photo-grid{display:grid;gap:8px;}
.photo-grid.cols-2{grid-template-columns:1fr 1fr;}
.photo-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr;}
.photo-slot{position:relative;border:1.5px dashed var(--border2);border-radius:var(--radius-sm);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s;}
.photo-slot:hover{border-color:var(--ebay);background:rgba(134,184,23,.07);}
.photo-slot.has-img{border-style:solid;border-color:var(--ebay);}
.photo-slot input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.photo-slot img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);}
.photo-slot-label{font-size:10px;color:var(--text3);text-align:center;margin-top:5px;pointer-events:none;}
.photo-slot-icon{font-size:22px;pointer-events:none;}
.photo-slot-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(230,57,70,.85);border:none;border-radius:50%;color:white;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.photo-required-notice{font-size:11px;color:var(--amber);margin-top:6px;display:flex;align-items:center;gap:5px;}
.corner-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);}
.corner-section-title{font-size:11px;color:var(--text2);margin-bottom:6px;display:flex;align-items:center;gap:5px;}
.corner-badge{background:#1e1a3e;color:#a78bfa;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;}

/* CONDITION & GRADING */
.condition-section{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:.75rem;}
.condition-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;}
.condition-row.single{grid-template-columns:1fr;}
.cond-field label{display:block;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-weight:700;}
.cond-field select,.cond-field input{width:100%;font-size:13px;}
.grade-toggle{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--border);margin-top:4px;}
.grade-toggle label{font-size:12px;color:var(--text2);cursor:pointer;user-select:none;}
.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;inset:0;background:var(--border2);border-radius:20px;cursor:pointer;transition:.2s;}
.toggle-slider:before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;}
.toggle-switch input:checked+.toggle-slider{background:var(--ebay);}
.toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px);}
.grade-options{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);display:none;}
.grade-options.visible{display:block;}
.grade-slider-wrap{margin-top:6px;}
.grade-slider{width:100%;accent-color:var(--ebay);}
.grade-value{text-align:center;font-size:22px;font-weight:700;color:var(--ebay);margin:4px 0;}
.grade-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text3);}

/* PAGINATION */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:1rem;flex-wrap:wrap;}
.page-btn{min-width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:transparent;color:var(--text2);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;}
.page-btn:hover{border-color:var(--text3);color:var(--text);}
.page-btn.active{background:var(--red);color:white;border-color:var(--red);}
.page-btn.prev-next{padding:0 12px;font-size:12px;}
.page-btn:disabled{opacity:.3;cursor:not-allowed;}
.page-info{font-size:12px;color:var(--text2);padding:0 8px;}

/* SET BROWSER */
.set-browser-header{display:flex;align-items:center;gap:14px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
.set-browser-logo{height:48px;max-width:80px;object-fit:contain;}
.set-browser-logo-ph{width:60px;height:48px;background:var(--bg3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;}
.set-browser-info{flex:1;}
.set-browser-title{font-size:18px;font-weight:700;color:var(--text);}
.set-browser-meta{font-size:12px;color:var(--text2);margin-top:3px;}
.set-browser-progress{display:flex;align-items:center;gap:10px;margin-top:8px;}
.set-browser-bar-wrap{flex:1;background:var(--bg3);border-radius:4px;height:8px;overflow:hidden;}
.set-browser-bar{height:8px;border-radius:4px;background:var(--green);transition:width .4s;}
.set-browser-pct{font-size:13px;font-weight:700;color:var(--green);min-width:36px;text-align:right;}
.set-browser-back{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:6px 14px;font-size:12px;color:var(--text2);display:flex;align-items:center;gap:6px;}
.set-browser-back:hover{color:var(--text);border-color:var(--text3);}
.set-browser-loading{text-align:center;padding:3rem;color:var(--text2);font-size:13px;}
.set-browser-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--red);border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle;}

.set-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;}
.set-card-tile{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--bg2);border:1px solid var(--border);transition:transform .15s,box-shadow .15s;}
.set-card-tile:hover{transform:scale(1.04);box-shadow:0 6px 20px rgba(0,0,0,.5);border-color:var(--border2);}
.set-card-tile.owned{border-color:var(--green);box-shadow:0 0 0 1px var(--green);}
.set-card-tile.owned:hover{box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 0 1px var(--green);}
.set-card-tile:not(.owned) img{filter:grayscale(100%) brightness(0.6);}
.set-card-tile:not(.owned):hover img{filter:grayscale(30%) brightness(0.85);transition:filter .2s;}
.set-card-tile:not(.owned){opacity:0.75;}
.set-card-tile:not(.owned):hover{opacity:1;}
.set-card-tile img{width:100%;display:block;border-radius:7px 7px 0 0;}
.set-card-tile-ph{width:100%;aspect-ratio:2.5/3.5;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text3);border-radius:7px 7px 0 0;}
.set-card-tile-info{padding:5px 6px;text-align:center;}
.set-card-tile-name{font-size:10px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.set-card-tile-num{font-size:10px;color:var(--text3);}
.set-card-tile-owned-badge{position:absolute;top:5px;right:5px;background:var(--green);color:white;font-size:10px;font-weight:700;border-radius:10px;padding:2px 6px;box-shadow:0 1px 4px rgba(0,0,0,.4);}
.set-card-tile-sell-badge{position:absolute;top:5px;left:5px;background:var(--amber);color:#000;font-size:10px;font-weight:700;border-radius:10px;padding:2px 6px;box-shadow:0 1px 4px rgba(0,0,0,.4);}
.set-card-tile-rev-badge{position:absolute;bottom:22px;left:3px;background:linear-gradient(135deg,#534AB7,#8b5cf6);color:white;font-size:9px;font-weight:700;border-radius:8px;padding:2px 5px;box-shadow:0 1px 4px rgba(0,0,0,.5);}
.set-card-tile-rev-only{position:absolute;bottom:22px;left:3px;background:linear-gradient(135deg,#72243E,#a855f7);color:white;font-size:9px;font-weight:700;border-radius:8px;padding:2px 5px;box-shadow:0 1px 4px rgba(0,0,0,.5);}
.set-card-tile-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(230,57,70,.9);color:white;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:700;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.5);z-index:5;line-height:1;}
.set-card-tile:not(.owned):hover .set-card-tile-add{display:flex;}
.set-card-tile:not(.owned):hover .set-card-tile-add:hover{background:var(--red);transform:translate(-50%,-50%) scale(1.1);}

/* Summary cards — clickable */
.set-card{cursor:pointer;transition:border-color .15s,transform .1s;}
.set-card:hover{border-color:var(--border2);transform:translateY(-1px);}
.set-card-click-hint{font-size:11px;color:var(--text3);margin-top:6px;text-align:right;}

  /* Searchable set dropdown */
  .set-search-wrap{position:relative;display:inline-block;font-size:12px;}
  .set-search-trigger{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;font-size:12px;font-weight:500;min-width:160px;max-width:200px;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .set-search-trigger:hover{border-color:var(--accent);}
  .set-search-arrow{margin-left:auto;font-size:10px;opacity:.6;flex-shrink:0;}
  .set-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:220px;overflow:hidden;}
  .set-search-input{width:100%;box-sizing:border-box;padding:8px 12px;border:none;border-bottom:1px solid var(--border2);background:var(--bg3,var(--bg2));color:var(--text2);font-size:12px;outline:none;}
  .set-search-list{max-height:260px;overflow-y:auto;}
  .set-search-list::-webkit-scrollbar{width:4px;}
  .set-search-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}
  .set-option{padding:7px 14px;cursor:pointer;font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .set-option:hover,.set-option.active{background:var(--accent);color:#fff;}
  .set-option.selected{font-weight:700;}

  /* DASHBOARD */
  .dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.25rem;}
  .dash-kpi{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;position:relative;overflow:hidden;}
  .dash-kpi::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);pointer-events:none;}
  .dash-kpi-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:6px;}
  .dash-kpi-val{font-size:22px;font-weight:700;letter-spacing:-.02em;}
  .dash-kpi-sub{font-size:11px;color:var(--text3);margin-top:4px;}
  .dash-row{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;margin-bottom:1.25rem;}
  .dash-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;}
  .dash-card-title{font-size:12px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.9rem;display:flex;align-items:center;gap:6px;}
  .dash-card-title span{color:var(--text3);font-weight:400;}
  .top5-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);}
  .top5-item:last-child{border-bottom:none;}
  .top5-rank{font-size:11px;font-weight:700;color:var(--text3);min-width:18px;text-align:center;}
  .top5-name{flex:1;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .top5-set{font-size:11px;color:var(--text3);}
  .top5-price{font-size:13px;font-weight:700;color:var(--green);white-space:nowrap;}
  .dash-empty{text-align:center;padding:2rem;color:var(--text3);font-size:13px;}
  .dash-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;}
  .dash-no-data-icon{font-size:48px;opacity:.3;}
  .dash-no-data-txt{font-size:14px;color:var(--text3);}
  .dash-no-data-sub{font-size:12px;color:var(--text3);opacity:.7;text-align:center;}
  .conv-bar-wrap{display:flex;flex-direction:column;gap:8px;}
  .conv-row{display:flex;align-items:center;gap:8px;font-size:12px;}
  .conv-label{min-width:80px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .conv-bar-bg{flex:1;background:var(--bg3);border-radius:3px;height:8px;overflow:hidden;}
  .conv-bar-fill{height:8px;border-radius:3px;transition:width .4s;}
  .conv-pct{min-width:36px;text-align:right;font-weight:600;}
  .dash-stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px;}
  .dash-stat-row:last-child{border-bottom:none;}
  .dash-stat-lbl{color:var(--text2);}
  .dash-stat-val{font-weight:600;color:var(--text);}

  
/* ================= MYBINDER REDESIGN ================= */
:root{
  --mb-green:#64e632;--mb-green2:#26b94d;--mb-black:#070a0d;--mb-panel:#0d1115;
  --mb-panel2:#11171c;--mb-line:#263038;--mb-text:#eef4f1;--mb-muted:#7f8b86;
  --bg:#070a0d;--bg2:#0d1115;--bg3:#12181d;--border:#20292f;--border2:#313d45;
  --text:#eef4f1;--text2:#9ba7a1;--text3:#66716c;--red:#e63946;--accent:#55d92f;
  --accent2:#2ebd54;--green:#60e72f;--green-bg:#0d2615;
}
html{background:#050709;}
body{
  padding:22px 24px 32px 292px!important;
  background:
    radial-gradient(circle at 48% -10%,rgba(95,229,48,.08),transparent 28%),
    linear-gradient(135deg,#07090b 0%,#0b0f12 50%,#06080a 100%)!important;
  color:var(--mb-text);max-width:none!important;
}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);z-index:-1}
.mb-sidebar{position:fixed;z-index:900;left:18px;top:18px;bottom:18px;width:248px;border-radius:22px;background:linear-gradient(180deg,#0f1418,#080b0e);border:1px solid #293239;box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025);padding:16px 14px;display:flex;flex-direction:column;overflow:hidden}
.mb-sidebar:after{content:'';position:absolute;inset:8px;border:1px dashed rgba(94,230,49,.35);border-radius:16px;pointer-events:none}
.mb-brand{height:170px;display:flex;align-items:center;justify-content:center;padding:4px 8px 10px;position:relative;z-index:1}
.mb-brand-logo{width:205px;height:160px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.mb-nav{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;margin-top:6px}
.mb-nav-btn{border:1px solid transparent;background:transparent;color:#aab5af;text-align:left;padding:12px 14px;border-radius:11px;font-size:13px;font-weight:650;display:flex;gap:12px;align-items:center;transition:.18s}
.mb-nav-btn span{font-size:18px;width:20px;text-align:center;color:#87938d}
.mb-nav-btn:hover{background:#12181c;color:#fff;border-color:#263138;transform:translateX(2px)}
.mb-nav-btn.active{color:white;background:linear-gradient(90deg,rgba(92,225,44,.22),rgba(92,225,44,.07));border-color:rgba(99,229,50,.42);box-shadow:inset 3px 0 #62e532,0 5px 16px rgba(0,0,0,.22)}
.mb-nav-btn.active span{color:#66ef37}
.mb-sidebar-foot{margin-top:auto;position:relative;z-index:2;padding:8px 4px}
.mb-sync-card{display:flex;align-items:center;gap:10px;border:1px solid #253038;background:#0a0f12;border-radius:12px;padding:10px 12px;font-size:11px;color:#bdc6c1}
.mb-sync-card small{display:block;color:#66726c;margin-top:2px}.mb-live-dot{width:8px;height:8px;border-radius:50%;background:#5be633;box-shadow:0 0 10px #5be633}
.header{background:linear-gradient(180deg,#0f1418,#0a0e11);border:1px solid #263138!important;border-radius:16px;padding:10px 14px!important;margin:0 0 14px!important;box-shadow:0 8px 24px rgba(0,0,0,.28);position:relative;overflow:hidden}
.header:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#5be633,transparent);opacity:.55}
.hicon{width:44px!important;height:44px!important;background:transparent!important;box-shadow:none!important;overflow:hidden}.hicon img{width:58px;height:58px;object-fit:contain;transform:translate(-7px,-7px)}
.htitle{font-size:18px!important;background:none!important;-webkit-text-fill-color:#fff!important}.hsub{color:#738079!important}
.hsync button{border-color:#2a363d!important;background:#10161a!important;color:#b9c2bd!important}.hsync button:hover{border-color:#5be633!important;color:#fff!important}
.stats-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:8px!important;margin-bottom:14px!important}
.stat,.dash-kpi{background:linear-gradient(180deg,#10161a,#0b1013)!important;border-color:#263239!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.stat:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,230,50,.35),transparent)}
.sval.g,.sval.a,.sval.b,.stat.pot .sval{color:#65e637!important}.stat.pot{background:linear-gradient(135deg,#0e1b12,#0b1110)!important;border-color:#2f5831!important}
.panel{animation:mbFade .18s ease}@keyframes mbFade{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
.add-section,.config-panel,.card-list,.set-card,.dash-card,#server-panel{background:linear-gradient(180deg,#101519,#0b1013)!important;border-color:#263138!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.add-section{border-radius:16px!important}.add-section:before{background:linear-gradient(90deg,#5de532,transparent)!important}
input:focus,select:focus,textarea:focus,.card-search-input:focus{border-color:#5de532!important;box-shadow:0 0 0 2px rgba(93,229,50,.08)}
.btn-add,.btn-save,.fbtn.active,.page-btn.active{background:linear-gradient(180deg,#69ea39,#39b82f)!important;color:#061008!important;box-shadow:0 4px 12px rgba(75,220,50,.2)!important}
.card-list{border-radius:16px!important;overflow:hidden}.card-item{background:#0e1317!important;border-color:#202a30!important}.card-item:hover{background:#141b20!important}.card-item.header-row{background:#12191d!important}
.set-card-tile{background:#0c1114!important;border-color:#273239!important}.set-card-tile.owned{border-color:#4ccc35!important;box-shadow:0 0 0 1px #4ccc35,0 8px 20px rgba(0,0,0,.25)!important}
.modal{background:linear-gradient(180deg,#11171b,#0a0e11)!important;border-color:#314049!important}

/* Home dashboard */
.mb-home-panel{padding-bottom:20px}.mb-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 4px 14px}
.mb-eyebrow{font-size:10px;letter-spacing:.28em;font-weight:800;color:#63e633;margin-bottom:5px}.mb-home-head h1{font-size:24px;margin:0 0 3px;letter-spacing:-.03em}.mb-home-head p{font-size:12px;color:#79867f;margin:0}
.mb-primary{border:none;border-radius:10px;padding:10px 15px;background:linear-gradient(180deg,#6aeb3b,#38b82e);color:#071008;font-weight:800;box-shadow:0 5px 16px rgba(62,210,43,.24)}
.mb-home-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background:#0c1114;border:1px solid #273239;border-radius:14px;padding:8px;margin-bottom:14px;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.mb-kpi{padding:10px 13px;border-right:1px solid #202a30;min-width:0}.mb-kpi:last-child{border-right:none}.mb-kpi-label{font-size:10px;color:#7b8982;text-transform:uppercase;letter-spacing:.05em}.mb-kpi-value{font-size:20px;font-weight:800;margin-top:4px;color:#f2f6f3}.mb-kpi-value.green{color:#66e938}.mb-kpi-sub{font-size:10px;color:#66736c;margin-top:3px}
.mb-binder-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:0;background:#05080a;border:1px solid #263139;border-radius:22px;padding:12px;box-shadow:0 22px 55px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.025);min-height:885px}
.mb-binder-shell:before{content:'';position:absolute;inset:7px;border:1px dashed rgba(90,224,48,.32);border-radius:17px;pointer-events:none}
.mb-page{position:relative;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 45%),linear-gradient(180deg,#11171b,#0a0f12);border:1px solid #29343b;box-shadow:inset 0 0 24px rgba(0,0,0,.42);padding:18px;overflow:hidden}
.mb-page-left{border-radius:15px 4px 4px 15px}.mb-page-right{border-radius:4px 15px 15px 4px}.mb-page:after{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.025);border-radius:12px;pointer-events:none}
.mb-page-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:14px;position:relative;z-index:2}.mb-page-title>span{color:#60e635}.mb-page-title small{margin-left:auto;font-size:10px;color:#66726c;font-weight:500}
.mb-binder-spine{position:relative;background:linear-gradient(90deg,#070a0c,#171d20 48%,#050709);border-left:1px solid #283238;border-right:1px solid #283238;box-shadow:inset 0 0 18px #000;z-index:3}.mb-binder-spine:before,.mb-binder-spine:after{content:'';position:absolute;left:4px;right:4px;height:2px;background:#2b3338}.mb-binder-spine:before{top:8px}.mb-binder-spine:after{bottom:8px}.mb-binder-spine i{position:absolute;width:64px;height:25px;border:5px solid #a9b0b1;border-radius:50%;left:50%;transform:translateX(-50%);background:transparent;box-shadow:inset 0 0 0 2px #3e4548,0 4px 7px #000;filter:saturate(.5)}.mb-binder-spine i:nth-child(1){top:17%}.mb-binder-spine i:nth-child(2){top:49%}.mb-binder-spine i:nth-child(3){top:81%}
.mb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;position:relative;z-index:1;align-content:start}
.mb-card-pocket{position:relative;border-radius:13px;padding:8px 8px 10px;background:linear-gradient(180deg,#111612,#0c100d);border:1px solid #303832;box-shadow:0 8px 18px rgba(0,0,0,.34);min-width:0;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.mb-card-pocket:hover{transform:translateY(-2px);border-color:#46544a;box-shadow:0 12px 24px rgba(0,0,0,.42)}
.mb-card-visual{position:relative;width:100%;aspect-ratio:2.5/3.5;margin:0 auto 7px;display:flex;align-items:center;justify-content:center}
.mb-sleeve-img{position:absolute;inset:-2.5%;width:105%;height:105%;object-fit:fill;z-index:1;pointer-events:none;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42));opacity:.98}
.mb-card-art{position:absolute;z-index:2;left:6.2%;right:6.2%;top:5.6%;bottom:5.6%;width:87.6%!important;height:88.8%!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:6px!important;background:#050706!important;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.48)}
.mb-card-visual:after{content:'';position:absolute;z-index:3;left:7%;right:7%;top:6.3%;height:17%;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 55%);opacity:.25;pointer-events:none}
.mb-pocket-name{font-size:11px;font-weight:800;color:#f3f5f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;padding:0 2px}
.mb-pocket-set{font-size:9px;color:#aeb7b1;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;margin-top:3px}
.mb-pocket-detail{font-size:9px;color:#8b9890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;margin-top:3px}
.mb-pocket-cond{font-size:9px;color:#8b9890;padding:0 2px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-pocket-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0 2px;margin-top:8px}
.mb-pocket-price-block{min-width:0}.mb-pocket-price{display:flex;align-items:center;gap:4px;color:#f0f4f1;font-weight:900;font-size:12px;white-space:nowrap}.mb-pocket-price{font-size:13px!important}.mb-pocket-price .trend{font-size:8px}.mb-pocket-price .trend.up{color:#2ed071}.mb-pocket-price .trend.down{color:#ff5a69}.mb-pocket-price .trend.flat{color:#66736c}
.mb-pocket-delta{font-size:10px;font-weight:600;color:#7e8b84;margin-top:2px;white-space:nowrap}.mb-pocket-delta.pos{color:#4ade80}.mb-pocket-delta.neg{color:#ff727e}
.mb-pocket-qty{font-size:9px;color:#5eead4;white-space:nowrap;font-weight:700}
.mb-card-pocket.tier-green{--tier:#31d65b}.mb-card-pocket.tier-blue{--tier:#2d8dff}.mb-card-pocket.tier-gold{--tier:#f2b72f}.mb-card-pocket.tier-purple{--tier:#a764ff}.mb-card-pocket.tier-rainbow{--tier:#fb5cc8}
.mb-card-pocket:after{content:'';position:absolute;inset:0;border-radius:13px;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 18%,transparent)}
.mb-card-pocket.tier-rainbow:after{box-shadow:none;border:1px solid transparent;background:linear-gradient(#0d120f,#0d120f) padding-box,linear-gradient(135deg,#31d6ff,#8f6fff,#ff55b8,#ffd43c,#5eea70) border-box;opacity:.62}

.mb-top10{display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.mb-top-row{display:grid;grid-template-columns:30px 42px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #263138;background:#0d1316;border-radius:9px;padding:6px 9px;min-height:50px}.mb-top-rank{font-weight:900;color:#5fe236;text-align:center;font-size:11px}.mb-top-row img{width:38px;height:48px;object-fit:contain;border-radius:4px;background:#07090b;box-shadow:0 3px 8px rgba(0,0,0,.45)}.mb-top-name{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-top-set{font-size:9px;color:#718078;margin-top:2px}.mb-top-price{font-size:12px;font-weight:900;color:#66e837;white-space:nowrap}.mb-empty-home{grid-column:1/-1;text-align:center;padding:60px 15px;color:#64716b;font-size:12px}.mb-tier-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 8px 0;color:#6f7d76;font-size:10px}.mb-tier-legend span{display:flex;align-items:center;gap:5px}.mb-tier-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.t-green{background:#31d65b}.t-blue{background:#2d8dff}.t-gold{background:#f2b72f}.t-purple{background:#a764ff}.t-rainbow{background:linear-gradient(135deg,#31d6ff,#8f6fff,#ff55b8,#ffd43c,#5eea70)}

/* Binder page navigation + page-turn animation */
.mb-binder-stage{position:relative}
.mb-binder-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;position:relative;z-index:8}
.mb-page-nav{width:34px;height:34px;border-radius:50%;border:1px solid #324039;background:linear-gradient(180deg,#121a17,#0a0f0d);color:#c9d3cc;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(0,0,0,.28);transition:.16s transform,.16s border-color,.16s color,.16s background}
.mb-page-nav:hover:not(:disabled){transform:translateY(-1px) scale(1.04);border-color:#61e635;color:#72ef48;background:#101b12}
.mb-page-nav:disabled{opacity:.28;cursor:default}
.mb-page-indicator{min-width:126px;text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6f7d76;font-weight:700}
.mb-page-indicator strong{display:block;color:#dfe7e1;font-size:12px;letter-spacing:.02em;text-transform:none;margin-bottom:1px}
.mb-page-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px}
.mb-page-dot{width:6px;height:6px;border-radius:50%;background:#29332e;border:1px solid #3d4b44}.mb-page-dot.active{background:#63e638;border-color:#63e638;box-shadow:0 0 7px rgba(99,230,56,.55)}
.mb-page-title{transition:opacity .18s ease,transform .18s ease}
.mb-page-body{position:relative;z-index:2;height:100%}
.mb-page-content-fade{animation:mbContentIn .28s ease both}
@keyframes mbContentIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Flip leaf overlays the open binder and rotates around the ring spine.
   v3: GPU-friendly + translucent sleeve-style page for a smoother turn. */
.mb-binder-stage{perspective:2400px;perspective-origin:50% 48%}
.mb-flip-leaf{position:absolute;top:12px;bottom:12px;width:calc((100% - 46px - 24px)/2);pointer-events:none;z-index:20;display:none;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;contain:paint}
.mb-flip-leaf.next{right:12px;transform-origin:left center}
.mb-flip-leaf.prev{left:12px;transform-origin:right center}
.mb-flip-face{position:absolute;inset:0;border:1px solid rgba(122,148,137,.34);background:linear-gradient(180deg,rgba(34,45,49,.28),rgba(9,15,18,.18));box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.035);backface-visibility:hidden;overflow:hidden}
.mb-flip-leaf.next .mb-flip-face{border-radius:4px 15px 15px 4px}
.mb-flip-leaf.prev .mb-flip-face{border-radius:15px 4px 4px 15px}
.mb-flip-face:before{content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.045);border-radius:11px}
.mb-flip-face:after{content:'';position:absolute;top:0;bottom:0;width:48%;opacity:.34;background:linear-gradient(90deg,rgba(255,255,255,.01),rgba(255,255,255,.13),rgba(96,230,53,.035),transparent)}
.mb-flip-leaf.next .mb-flip-face:after{left:0}.mb-flip-leaf.prev .mb-flip-face:after{right:0;transform:scaleX(-1)}
.mb-flip-leaf.turn-next{display:block;animation:mbTurnNext .68s cubic-bezier(.22,.78,.24,1) both}
.mb-flip-leaf.turn-prev{display:block;animation:mbTurnPrev .68s cubic-bezier(.22,.78,.24,1) both}
@keyframes mbTurnNext{0%{transform:translateZ(0) rotateY(0deg);opacity:.92}18%{opacity:.98}52%{opacity:.82}100%{transform:translateZ(0) rotateY(-179.5deg);opacity:.72}}
@keyframes mbTurnPrev{0%{transform:translateZ(0) rotateY(0deg);opacity:.92}18%{opacity:.98}52%{opacity:.82}100%{transform:translateZ(0) rotateY(179.5deg);opacity:.72}}
.mb-binder-shell.mb-turning .mb-page{transition:opacity .22s ease}.mb-binder-shell.mb-turning .mb-page{opacity:.96}
@media (prefers-reduced-motion:reduce){.mb-flip-leaf.turn-next,.mb-flip-leaf.turn-prev{animation-duration:.01ms!important}}

/* Page 2 / 3 widgets */
.mb-set-progress-list,.mb-sale-list,.mb-recent-list{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
.mb-set-progress-item{padding:10px 11px;border:1px solid #253139;border-radius:9px;background:#0d1316}
.mb-set-progress-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;margin-bottom:7px}.mb-set-progress-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-set-progress-count{font-size:10px;color:#7d8b84;white-space:nowrap}.mb-set-progress-track{height:7px;border-radius:99px;background:#080c0e;border:1px solid #1c262b;overflow:hidden}.mb-set-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#32b72c,#71eb3c);box-shadow:0 0 9px rgba(94,230,49,.22)}
.mb-sale-row,.mb-recent-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 9px;border:1px solid #263138;background:#0d1316;border-radius:9px}.mb-sale-row img,.mb-recent-row img{width:38px;height:50px;object-fit:contain;border-radius:5px;background:#07090b}.mb-sale-name,.mb-recent-name{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-sale-meta,.mb-recent-meta{font-size:9px;color:#728078;margin-top:2px}.mb-sale-price{font-size:11px;font-weight:900;color:#69e63d;white-space:nowrap}.mb-sale-qty{display:block;color:#839087;font-size:9px;text-align:right;margin-top:2px}
.mb-value-bars{display:flex;flex-direction:column;gap:12px;padding:6px 2px}.mb-value-bar-row{display:grid;grid-template-columns:86px minmax(0,1fr) 54px;gap:9px;align-items:center}.mb-value-label{font-size:10px;color:#8a9890}.mb-value-track{height:10px;border-radius:99px;background:#080c0e;border:1px solid #202a30;overflow:hidden}.mb-value-fill{height:100%;border-radius:99px}.mb-value-count{font-size:10px;color:#c2cdc6;text-align:right;font-weight:800}
.mb-insight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mb-insight{padding:14px 12px;border:1px solid #263138;border-radius:10px;background:#0d1316;min-height:96px}.mb-insight-label{font-size:9px;color:#718078;text-transform:uppercase;letter-spacing:.07em}.mb-insight-value{font-size:21px;font-weight:900;color:#eef4f0;margin-top:7px}.mb-insight-value.green{color:#67e738}.mb-insight-sub{font-size:9px;color:#66746d;margin-top:4px}
@media(max-width:1200px){.mb-flip-leaf{display:none!important}.mb-binder-toolbar{margin-top:12px}}
@media(max-width:1200px){body{padding-left:230px!important}.mb-sidebar{width:200px}.mb-brand-logo{width:175px}.mb-home-kpis{grid-template-columns:repeat(3,1fr)}.mb-binder-shell{grid-template-columns:1fr}.mb-binder-spine{display:none}.mb-page{border-radius:14px!important}.mb-page-right{margin-top:12px}.stats-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:780px){body{padding:12px!important}.mb-sidebar{position:relative;inset:auto;width:auto;height:auto;bottom:auto;margin-bottom:12px}.mb-brand{height:105px}.mb-brand-logo{height:100px}.mb-nav{display:grid;grid-template-columns:repeat(2,1fr)}.mb-sidebar-foot{display:none}.header{margin-top:0!important}.mb-home-head{align-items:flex-start;flex-direction:column}.mb-home-kpis{grid-template-columns:repeat(2,1fr)}.mb-card-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}



/* v8 FIX — stable dashboard + refined Gold/Rainbow sleeves
   Green, Blue and Purple keep the proven PNG sleeve artwork from v6. */
.mb-card-pocket.tier-gold .mb-sleeve-img,
.mb-card-pocket.tier-rainbow .mb-sleeve-img{display:none!important}

.mb-card-pocket.tier-gold .mb-card-visual::before,
.mb-card-pocket.tier-rainbow .mb-card-visual::before{
  content:'';
  position:absolute;
  inset:-1.3%;
  z-index:1;
  pointer-events:none;
  border-radius:12px;
  box-sizing:border-box;
}

/* Gold: warmer / metallic, without the white washed-out center */
.mb-card-pocket.tier-gold .mb-card-visual::before{
  border:4px solid #e2a414;
  background:linear-gradient(135deg,rgba(255,220,84,.16),transparent 22%,transparent 77%,rgba(188,116,0,.10));
  box-shadow:
    inset 0 0 0 2px rgba(255,231,132,.75),
    inset 0 0 13px rgba(255,176,0,.24),
    0 0 0 1px #795000,
    0 0 13px rgba(238,174,26,.45),
    0 5px 9px rgba(0,0,0,.40);
}
.mb-card-pocket.tier-gold .mb-card-visual::after{
  content:'';
  position:absolute;
  left:5%;right:5%;top:5%;height:17%;
  z-index:3;
  pointer-events:none;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,246,194,.25),rgba(255,218,90,.07) 38%,transparent 65%);
}

/* Rainbow: only the colored rim. Center stays fully clear, no checker/frame image. */
.mb-card-pocket.tier-rainbow .mb-card-visual::before{
  border:4px solid transparent;
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(135deg,#23d8ff 0%,#5f91ff 17%,#9b63ff 34%,#ef55d1 51%,#ff765a 67%,#ffd43b 83%,#55e881 100%) border-box;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.26),
    0 0 11px rgba(52,205,255,.24),
    0 0 15px rgba(233,82,211,.18),
    0 5px 9px rgba(0,0,0,.40);
}
.mb-card-pocket.tier-rainbow .mb-card-visual::after{
  content:'';
  position:absolute;
  left:5%;right:5%;top:5%;height:16%;
  z-index:3;
  pointer-events:none;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.05) 40%,transparent 66%);
}

/* Keep the card positioned like the working v6 dashboard. */
.mb-card-pocket.tier-gold .mb-card-art,
.mb-card-pocket.tier-rainbow .mb-card-art{
  left:6.2%!important;right:6.2%!important;top:5.6%!important;bottom:5.6%!important;
  width:87.6%!important;height:88.8%!important;
  border-radius:6px!important;
}
/* v9 — softer blue + more transparent rainbow */
.mb-card-pocket.tier-blue .mb-sleeve-img{opacity:.72!important;filter:saturate(.90) brightness(1.03)!important}
.mb-card-pocket.tier-blue .mb-card-visual::before{
  content:'';position:absolute;inset:-1.1%;z-index:2;pointer-events:none;border-radius:12px;
  border:2px solid rgba(74,160,255,.72);
  box-shadow:inset 0 0 0 1px rgba(190,224,255,.32),0 0 7px rgba(45,141,255,.30);
}
.mb-card-pocket.tier-rainbow .mb-card-visual::before{
  border:3px solid transparent!important;
  background:linear-gradient(transparent,transparent) padding-box,
    linear-gradient(135deg,rgba(35,216,255,.66) 0%,rgba(95,145,255,.62) 17%,rgba(155,99,255,.60) 34%,rgba(239,85,209,.58) 51%,rgba(255,118,90,.58) 67%,rgba(255,212,59,.62) 83%,rgba(85,232,129,.62) 100%) border-box!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 7px rgba(52,205,255,.14),0 0 9px rgba(233,82,211,.10),0 4px 8px rgba(0,0,0,.34)!important;
}
.mb-card-pocket.tier-rainbow .mb-card-visual::after{
  opacity:.48!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.025) 40%,transparent 66%)!important;
}


/* v10 — deeper blue + seamless gold */
.mb-card-pocket.tier-blue .mb-sleeve-img{opacity:.90!important;filter:saturate(1.32) brightness(.88) contrast(1.08)!important}
.mb-card-pocket.tier-blue .mb-card-visual::before{
  border:2px solid rgba(20,112,255,.94)!important;
  box-shadow:inset 0 0 0 1px rgba(92,172,255,.34),0 0 8px rgba(16,104,255,.44)!important;
}
/* Gold: let the card fill the inner opening so no dark gap is visible. */
.mb-card-pocket.tier-gold .mb-card-art{
  left:3.3%!important;right:3.3%!important;top:3.1%!important;bottom:3.1%!important;
  width:93.4%!important;height:93.8%!important;
  border-radius:8px!important;background:transparent!important;box-shadow:none!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::before{
  inset:-.5%!important;border:3px solid #e5a80f!important;
  background:linear-gradient(135deg,rgba(255,206,45,.12),transparent 18%,transparent 82%,rgba(177,103,0,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,105,.72),inset 0 0 8px rgba(255,172,0,.18),0 0 0 1px #8a5b00,0 0 10px rgba(238,174,26,.38)!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::after{left:3.8%!important;right:3.8%!important;top:3.6%!important;height:14%!important;}

/* v11 — thicker gold sleeve to match green/purple visual weight */
.mb-card-pocket.tier-gold .mb-card-visual::before{
  inset:-1.7%!important;
  border:6px solid #e8aa12!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(255,225,92,.22),rgba(255,194,20,.08) 22%,transparent 42%,transparent 72%,rgba(176,100,0,.15))!important;
  box-shadow:inset 0 0 0 2px rgba(255,239,157,.78),inset 0 0 12px rgba(255,172,0,.28),0 0 0 1px #8b5b00,0 0 13px rgba(238,174,26,.50),0 4px 8px rgba(0,0,0,.34)!important;
}
.mb-card-pocket.tier-gold .mb-card-art{
  left:4.8%!important;right:4.8%!important;top:4.6%!important;bottom:4.6%!important;
  width:90.4%!important;height:90.8%!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::after{left:5.1%!important;right:5.1%!important;top:4.9%!important;height:15%!important;}

/* v12 — Gold now uses the SAME sleeve geometry as Green/Purple.
   Only its hue/lighting is changed, so all tiers have consistent thickness. */
.mb-card-pocket.tier-gold .mb-sleeve-img{
  display:block!important;
  opacity:.94!important;
  filter:hue-rotate(38deg) saturate(1.55) brightness(.90) contrast(1.08) drop-shadow(0 5px 8px rgba(0,0,0,.42))!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::before{display:none!important;}
.mb-card-pocket.tier-gold .mb-card-visual::after{
  left:7%!important;right:7%!important;top:6.3%!important;height:17%!important;
  background:linear-gradient(135deg,rgba(255,244,190,.18),transparent 55%)!important;
  opacity:.28!important;
}
.mb-card-pocket.tier-gold .mb-card-art{
  left:6.2%!important;right:6.2%!important;top:5.6%!important;bottom:5.6%!important;
  width:87.6%!important;height:88.8%!important;
  border-radius:6px!important;
  background:#050706!important;
  box-shadow:0 3px 10px rgba(0,0,0,.48)!important;
}
.mb-missing .mb-pocket-name,.mb-missing .mb-pocket-set,.mb-missing .mb-pocket-detail{opacity:.6}
.mb-add-btn{margin-top:6px;width:100%;padding:5px;border-radius:6px;border:1px solid #4ade80;background:#4ade8018;color:#4ade80;font-size:12px;font-weight:700;cursor:pointer}
.mb-add-btn:hover{background:#4ade8033}
.mb-add-mini{position:absolute;top:6px;right:6px;z-index:3;width:24px;height:24px;border-radius:50%;border:1px solid #4ade80;background:#0b1013cc;color:#4ade80;font-weight:700;cursor:pointer;line-height:1;padding:0}
.mb-add-mini:hover{background:#4ade8033}

/* ── Slabs gradés (PSA / CGC / BGS / TAG) ── */
.slab{position:relative;width:100%;container-type:inline-size;}
.slab-window{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.slab-window .slab-card-img{width:100%;height:100%;object-fit:contain;border-radius:3cqi;cursor:pointer;}
.slab-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.slab-label{position:absolute;display:flex;align-items:center;justify-content:center;font:800 9cqi/1 system-ui,sans-serif;letter-spacing:.02em;pointer-events:none;white-space:nowrap;}
.slab-tag .slab-label{font-size:8cqi;}
.slab-psa .slab-label{font-size:7cqi;}
.mb-slab-visual{width:93%;margin:0 auto 7px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42));}
.img-zoom-slab{width:min(400px,90vw,calc(90vh*0.66));filter:drop-shadow(0 24px 60px rgba(0,0,0,.8));}
.img-zoom-slab .slab-card-img{cursor:default;}

/* v13 — darker, richer Gold sleeve while preserving the same geometry as the other tiers */
.mb-card-pocket.tier-gold .mb-sleeve-img{
  display:block!important;
  opacity:.98!important;
  filter:hue-rotate(35deg) saturate(2.15) brightness(.72) contrast(1.20) drop-shadow(0 5px 9px rgba(0,0,0,.46))!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::after{
  left:7%!important;right:7%!important;top:6.3%!important;height:17%!important;
  background:linear-gradient(135deg,rgba(255,224,95,.12),transparent 58%)!important;
  opacity:.20!important;
}
.mb-card-pocket.tier-gold .mb-card-art{
  left:6.2%!important;right:6.2%!important;top:5.6%!important;bottom:5.6%!important;
  width:87.6%!important;height:88.8%!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:0 3px 9px rgba(0,0,0,.34)!important;
}

/* v14 — true saturated gold: use the original gold sleeve hue, no hue rotation. */
.mb-card-pocket.tier-gold .mb-sleeve-img{
  display:block!important;
  opacity:.98!important;
  filter:saturate(1.75) brightness(.86) contrast(1.16) drop-shadow(0 5px 9px rgba(242,183,47,.24))!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::after{
  left:7%!important;right:7%!important;top:6.3%!important;height:17%!important;
  background:linear-gradient(135deg,rgba(255,239,150,.16),transparent 58%)!important;
  opacity:.24!important;
}

/* v15 — clean transparent gold sleeve asset; no baked checkerboard */
.mb-card-pocket.tier-gold .mb-sleeve-img{
  display:block!important;
  opacity:1!important;
  filter:drop-shadow(0 5px 9px rgba(255,184,0,.28))!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::before{display:none!important;}
.mb-card-pocket.tier-gold .mb-card-visual::after{
  left:7%!important;right:7%!important;top:6.3%!important;height:17%!important;
  background:linear-gradient(135deg,rgba(255,248,205,.16),transparent 58%)!important;
  opacity:.20!important;
}
.mb-card-pocket.tier-gold .mb-card-art{
  left:6.2%!important;right:6.2%!important;top:5.6%!important;bottom:5.6%!important;
  width:87.6%!important;height:88.8%!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:0 3px 9px rgba(0,0,0,.34)!important;
}

/* v16 — clean transparent rainbow sleeve asset; no baked checkerboard */
.mb-card-pocket.tier-rainbow .mb-sleeve-img{
  display:block!important;
  opacity:.96!important;
  filter:drop-shadow(0 5px 9px rgba(186,92,255,.20)) drop-shadow(0 0 6px rgba(65,205,255,.16))!important;
}
.mb-card-pocket.tier-rainbow .mb-card-visual::before{display:none!important;}
.mb-card-pocket.tier-rainbow .mb-card-visual::after{
  left:7%!important;right:7%!important;top:6.3%!important;height:17%!important;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 58%)!important;
  opacity:.24!important;
}
.mb-card-pocket.tier-rainbow .mb-card-art{
  left:6.2%!important;right:6.2%!important;top:5.6%!important;bottom:5.6%!important;
  width:87.6%!important;height:88.8%!important;
  border-radius:6px!important;background:transparent!important;
  box-shadow:0 3px 9px rgba(0,0,0,.34)!important;
}

/* v19 — fill the inner gap for Gold and Rainbow sleeves.
   The colored underlay sits behind the card so no black ring shows through. */
.mb-card-pocket.tier-gold .mb-card-visual::before,
.mb-card-pocket.tier-rainbow .mb-card-visual::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:4.7%!important;
  right:4.7%!important;
  top:4.3%!important;
  bottom:4.3%!important;
  border-radius:11px!important;
  pointer-events:none!important;
}
.mb-card-pocket.tier-gold .mb-card-visual::before{
  background:linear-gradient(145deg,#ffd84a 0%,#e5a900 42%,#b87800 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,232,125,.75),0 0 8px rgba(242,183,47,.34)!important;
}
.mb-card-pocket.tier-rainbow .mb-card-visual::before{
  background:linear-gradient(135deg,#38d8ff 0%,#7c70ff 22%,#ef63d4 45%,#ffb13b 68%,#86e765 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 8px rgba(182,105,255,.28)!important;
}
/* Let the card overlap the colored underlay slightly, matching the Green/Purple fit. */
.mb-card-pocket.tier-gold .mb-card-art,
.mb-card-pocket.tier-rainbow .mb-card-art{
  left:5.0%!important;
  right:5.0%!important;
  top:4.7%!important;
  bottom:4.7%!important;
  width:90%!important;
  height:90.6%!important;
}


/* Phase 3 : barre de filtres du Binder (jeu, set, tri) — libellés sur une ligne */
#mb-home-set-filter label{white-space:nowrap}
.mb-nav-btn .nav-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
.mb-nav-btn .nav-ico svg{display:block}