/* xb-team.css — Team Builder v2.3 — Xixou Dark/Gold Theme */
:root {
    --xbt-bg: #0a0a14;
    --xbt-surface: #12121e;
    --xbt-surface2: #1a1a2e;
    --xbt-surface3: #222238;
    --xbt-gold: #d4af37;
    --xbt-gold-dim: #b8962e;
    --xbt-text: #e0dcd0;
    --xbt-text-dim: #8a8678;
    --xbt-border: #2a2a3e;
    --xbt-danger: #e74c3c;
    --xbt-good: #27ae60;
    --xbt-warn: #f39c12;
    --xbt-info: #3498db;
}
/* ============= WELCOME MODAL OVERRIDES ============= */
.xb-welcome-options{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
@media(max-width:768px){
    .xb-welcome-options{grid-template-columns:1fr!important;gap:10px!important}
}
.xb-tag-team{background:linear-gradient(135deg,#d4af37,#b8962e)!important;color:#0a0a14!important}
/* ============= HEADER ============= */
.xbt-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:10px;margin-bottom:16px}
.xbt-header-left{display:flex;align-items:center;gap:12px}
.xbt-title-icon{font-size:28px}
.xbt-title{font-size:22px;font-weight:700;color:var(--xbt-gold);letter-spacing:.5px}
.xbt-subtitle{font-size:13px;color:var(--xbt-text-dim);margin-top:1px}
.xbt-count-badge{background:var(--xbt-surface3);color:var(--xbt-text);font-size:14px;font-weight:600;padding:4px 14px;border-radius:20px;border:1px solid var(--xbt-border)}
.xbt-header-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.xbt-btn-group{display:flex;gap:2px;background:var(--xbt-surface2);border-radius:8px;border:1px solid var(--xbt-border);padding:2px}
/* ============= BUTTONS ============= */
.xbt-btn{padding:7px 12px;border-radius:6px;border:1px solid var(--xbt-border);background:var(--xbt-surface2);color:var(--xbt-text);font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;line-height:1.2}
.xbt-btn:hover{border-color:var(--xbt-gold);color:var(--xbt-gold)}
.xbt-btn-group .xbt-btn{border:none;border-radius:6px;padding:6px 10px;font-size:16px}
.xbt-btn-gold{background:linear-gradient(135deg,var(--xbt-gold),var(--xbt-gold-dim));color:#0a0a14;border-color:var(--xbt-gold);font-weight:600}
.xbt-btn-gold:hover{filter:brightness(1.15)}
.xbt-btn-danger{border-color:var(--xbt-danger)44;color:var(--xbt-danger)}
.xbt-btn-danger:hover{background:var(--xbt-danger)22}
/* ============= LAYOUT (dashboard below cards) ============= */
#xbt-container{display:flex;gap:16px;align-items:flex-start}
#xbt-main{flex:1;min-width:0}
#xbt-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}
#xbt-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.xbt-dash-col{display:flex;flex-direction:column;gap:12px}
/* ============= CARDS GRID ============= */
#xbt-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
/* ============= CARD ============= */
.xbt-card{background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:10px;overflow:hidden;transition:all .25s}
.xbt-card:hover{border-color:var(--xbt-gold)60;box-shadow:0 4px 20px rgba(212,175,55,.08)}
.xbt-card-top{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 6px;min-height:32px}
.xbt-card-order{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:700;color:#fff}
.xbt-card-actions{display:flex;gap:2px}
.xbt-card-mv,.xbt-card-rm{width:24px;height:24px;border-radius:4px;border:none;background:0 0;color:var(--xbt-text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.xbt-card-mv:hover{color:var(--xbt-gold);background:var(--xbt-surface3)}
.xbt-card-rm:hover{color:var(--xbt-danger);background:var(--xbt-danger)18}
.xbt-card-identity{display:flex;align-items:center;gap:10px;padding:10px 12px 8px}
.xbt-card-avatar{width:52px;height:52px;border-radius:10px;border:2px solid var(--xbt-border);overflow:hidden;flex-shrink:0;background:var(--xbt-surface2);display:flex;align-items:center;justify-content:center}
.xbt-card-avatar img{width:100%;height:100%;object-fit:cover}
.xbt-card-id-text{flex:1;min-width:0}
.xbt-card-name{font-size:15px;font-weight:700;color:var(--xbt-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbt-card-class{font-size:13px;font-weight:600;margin-top:1px}
.xbt-card-lvl{font-weight:400;color:var(--xbt-text-dim);font-size:12px;margin-left:4px}
.xbt-card-elem{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;margin-top:2px}
.xbt-elem-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.xbt-card-role{margin:0 12px;padding:5px 10px;border-radius:6px;border:1px solid;font-size:12px;font-weight:600;text-align:center;letter-spacing:.3px}
.xbt-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:8px 12px 0;background:var(--xbt-border);border-radius:6px;overflow:hidden}
.xbt-cs{display:flex;flex-direction:column;align-items:center;padding:6px 2px;background:var(--xbt-surface2)}
.xbt-cs-l{display:flex;align-items:center;justify-content:center;height:18px}
.xbt-cs-ic{width:16px;height:16px;object-fit:contain}
.xbt-cs-v{font-size:15px;font-weight:700;color:var(--xbt-text);margin-top:2px}
.xbt-card-bars{padding:8px 12px 6px}
.xbt-bar-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}
.xbt-bar-label{font-size:11px;font-weight:700;min-width:30px;flex-shrink:0}
.xbt-bar-ic{width:16px;height:16px;flex-shrink:0;object-fit:contain}
.xbt-bar-row .xbt-bar-label[style],.xbt-bar-row .xbt-bar-val[style]{color:inherit}/* allow inline */
.xbt-bar-label{width:16px;font-size:11px;font-weight:700;text-align:right;flex-shrink:0}
.xbt-bar-bg{flex:1;height:7px;background:var(--xbt-surface3);border-radius:3px;overflow:hidden}
.xbt-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}
.xbt-bar-val{width:36px;font-size:12px;text-align:right;font-weight:600}
.xbt-card-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 10px;border-top:1px solid var(--xbt-border)40;margin-top:4px}
.xbt-card-equip{font-size:12px;color:var(--xbt-text-dim)}
.xbt-card-edit{padding:4px 12px;border-radius:4px;border:1px solid var(--xbt-gold)40;background:0 0;color:var(--xbt-gold);font-size:12px;cursor:pointer;font-family:inherit}
.xbt-card-edit:hover{background:var(--xbt-gold)15}
.xbt-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;cursor:pointer;border-style:dashed;border-color:var(--xbt-border)}
.xbt-card-add:hover{border-color:var(--xbt-gold);background:var(--xbt-gold)08}
.xbt-ce-icon{font-size:32px;color:var(--xbt-gold);margin-bottom:6px}
.xbt-ce-txt{font-size:14px;color:var(--xbt-text-dim)}
.xbt-card-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;position:relative}
/* ============= EQUIPMENT SUGGESTION ============= */
.xbt-card-equip-sug{margin:4px 12px 0;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--xbt-gold);background:var(--xbt-gold)08;border:1px solid var(--xbt-gold)20;cursor:pointer;text-align:center;transition:all .2s}
.xbt-card-equip-sug:hover{background:var(--xbt-gold)15;border-color:var(--xbt-gold)40}
.xbt-es-icon{margin-right:4px}
.xbt-eq-title{font-size:16px;font-weight:700;color:var(--xbt-gold);margin-bottom:12px}
.xbt-eq-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.xbt-eq-item{padding:8px 10px;border-radius:6px;background:var(--xbt-surface2);border:1px solid var(--xbt-border);display:flex;flex-direction:column}
.xbt-eq-slot{font-size:10px;color:var(--xbt-text-dim);text-transform:capitalize;margin-bottom:2px}
.xbt-eq-name{font-size:13px;font-weight:600;color:var(--xbt-text)}
.xbt-eq-tips{padding:10px;border-radius:6px;background:var(--xbt-info)10;border:1px solid var(--xbt-info)20;font-size:13px;color:var(--xbt-text-dim);line-height:1.4}
.xbt-eq-tips strong{color:var(--xbt-info)}
/* ============= SIDEBAR PANELS ============= */
.xbt-panel{background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:10px;overflow:hidden}
.xbt-panel-head{padding:10px 14px;font-size:14px;font-weight:700;color:var(--xbt-gold);border-bottom:1px solid var(--xbt-border);background:var(--xbt-surface2)}
.xbt-panel-body{padding:12px 14px}
#xbt-radar-svg{display:block;margin:0 auto}
#xbt-radar-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.xbt-leg-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--xbt-text-dim)}
.xbt-leg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* ============= STAT ROWS with real icons — PREMIUM ============= */
.xbt-sec{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--xbt-border)}.xbt-sec:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.xbt-sec-title{font-size:13px;font-weight:700;color:var(--xbt-gold);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;display:flex;align-items:center;gap:6px;padding-bottom:4px}
.xbt-sec-title .xbt-si{width:18px;height:18px}
.xbt-sr{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;font-size:15px;border-radius:6px;transition:background .15s}
.xbt-sr:hover{background:var(--xbt-surface3)}
.xbt-sr-l{color:var(--xbt-text-dim);display:flex;align-items:center;gap:8px;font-size:14px}
img.xbt-si{width:20px;height:20px;flex-shrink:0;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 2px rgba(212,175,55,.15))}
.xbt-sr-v{color:var(--xbt-text);font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.xbt-sr-sep{color:var(--xbt-text-dim);font-weight:400;font-size:13px;margin:0 2px}
/* Colored stat values */
.xbt-v-vita{color:#e74c3c}
.xbt-v-init{color:#f39c12}
.xbt-v-sag{color:#3498db}
.xbt-v-pp{color:#9b59b6}
.xbt-v-pa{color:#d4af37}
.xbt-v-pm{color:#27ae60}
.xbt-v-dom{color:#e74c3c}
.xbt-v-cc{color:#f39c12}
.xbt-v-soin{color:#2ecc71}
.xbt-v-xp{color:#9b59b6}
/* Stats panel 2-column layout */
.xbt-panel-stats .xbt-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.xbt-panel-stats .xbt-sec{break-inside:avoid}
@media(max-width:700px){.xbt-panel-stats .xbt-panel-body{grid-template-columns:1fr}}
/* Cost row special */
.xbt-sr-cost{margin-top:6px;padding:8px;border-radius:8px;background:var(--xbt-warn)08;border:1px solid var(--xbt-warn)15}
.xbt-v-cost{color:var(--xbt-warn)}
/* ============= ROLES ============= */
#xbt-roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.xbt-role{text-align:center;padding:8px 4px;border-radius:6px;border:1px solid var(--xbt-border);transition:all .2s}
.xbt-role-on{background:var(--xbt-good)15;border-color:var(--xbt-good)40}
.xbt-role-off{background:var(--xbt-danger)08;border-color:var(--xbt-danger)20;opacity:.5}
.xbt-role-nm{display:block;font-size:12px;color:var(--xbt-text-dim)}
.xbt-role-ct{display:block;font-size:18px;font-weight:700;color:var(--xbt-text);margin-top:2px}
.xbt-role-on .xbt-role-ct{color:var(--xbt-good)}
/* ============= ALERTS ============= */
.xbt-alert{padding:8px 10px;border-radius:6px;font-size:13px;margin-bottom:6px;line-height:1.4;display:flex;align-items:flex-start}
.xbt-alert:last-child{margin-bottom:0}
.xbt-al-warn{background:var(--xbt-warn)12;color:var(--xbt-warn);border:1px solid var(--xbt-warn)25}
.xbt-al-info{background:var(--xbt-info)12;color:var(--xbt-info);border:1px solid var(--xbt-info)25}
.xbt-al-good{background:var(--xbt-good)12;color:var(--xbt-good);border:1px solid var(--xbt-good)25}
.xbt-al-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;margin-right:6px;flex-shrink:0}
.xbt-al-warn .xbt-al-ic{background:var(--xbt-warn)30;color:var(--xbt-warn)}
.xbt-al-info .xbt-al-ic{background:var(--xbt-info)30;color:var(--xbt-info)}
.xbt-al-good .xbt-al-ic{background:var(--xbt-good)30;color:var(--xbt-good)}
.xbt-empty{text-align:center;padding:24px;color:var(--xbt-text-dim);font-size:14px}
/* ============= SOCIAL ============= */
.xbt-panel-social .xbt-panel-head{color:var(--xbt-info)}
.xbt-social-item{margin-bottom:10px}.xbt-social-item:last-child{margin-bottom:0}
.xbt-discord-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#5865F215;border:1px solid #5865F230;color:#5865F2;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s}
.xbt-discord-link:hover{background:#5865F225;border-color:#5865F250}
.xbt-social-cta{display:block;padding:10px 14px;border-radius:8px;background:var(--xbt-gold)12;border:1px solid var(--xbt-gold)25;color:var(--xbt-gold);text-decoration:none;font-size:14px;font-weight:600;text-align:center;transition:all .2s}
.xbt-social-cta:hover{background:var(--xbt-gold)20}
.xbt-social-desc{font-size:12px;color:var(--xbt-text-dim);margin-top:4px;line-height:1.3}
/* ============= SHARE ============= */
.xbt-share-row{display:flex;gap:8px}
.xbt-share-input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--xbt-border);background:var(--xbt-surface2);color:var(--xbt-text);font-size:13px;font-family:monospace}
.xbt-share-discord{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--xbt-border);background:var(--xbt-surface2);color:var(--xbt-text);font-size:12px;font-family:monospace;resize:none;line-height:1.4;box-sizing:border-box}
.xbt-share-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
/* ============= MODALS ============= */
.xbt-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.75);align-items:center;justify-content:center;padding:20px}
.xbt-modal{background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:12px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}
.xbt-modal-lg{max-width:860px}
.xbt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--xbt-border);background:var(--xbt-surface2)}
.xbt-modal-title{font-size:17px;font-weight:700;color:var(--xbt-gold)}
.xbt-modal-close{width:28px;height:28px;border-radius:6px;border:none;background:0 0;color:var(--xbt-text-dim);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.xbt-modal-close:hover{color:var(--xbt-danger);background:var(--xbt-danger)18}
.xbt-modal-body{padding:16px 18px;overflow-y:auto;flex:1}
.xbt-modal-tabs{display:flex;border-bottom:1px solid var(--xbt-border)}
.xbt-mtab{padding:10px 16px;font-size:14px;color:var(--xbt-text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}
.xbt-mtab:hover{color:var(--xbt-text)}
.xbt-mtab.active{color:var(--xbt-gold);border-bottom-color:var(--xbt-gold)}
.xbt-tab-c{display:none}.xbt-tab-c.active{display:block}
/* ============= ADD LIST ============= */
.xbt-add-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--xbt-border);margin-bottom:6px;cursor:pointer;transition:all .2s}
.xbt-add-item:hover{border-color:var(--xbt-gold)60;background:var(--xbt-gold)06}
.xbt-add-off{opacity:.45;cursor:default}.xbt-add-off:hover{border-color:var(--xbt-border);background:0 0}
.xbt-add-img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:var(--xbt-surface2)}
.xbt-add-info{flex:1;min-width:0}
.xbt-add-name{font-size:14px;font-weight:600;color:var(--xbt-text)}
.xbt-add-meta{font-size:12px;margin-top:1px}
.xbt-add-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.xbt-ok{background:var(--xbt-gold)18;color:var(--xbt-gold)}
.xbt-in{background:var(--xbt-good)18;color:var(--xbt-good);font-size:12px}
.xbt-import-row{display:flex;gap:8px}
.xbt-import-input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--xbt-border);background:var(--xbt-surface2);color:var(--xbt-text);font-size:14px;font-family:inherit}
.xbt-import-input:focus{outline:none;border-color:var(--xbt-gold)}
.xbt-err{color:var(--xbt-danger);font-size:13px}
.xbt-loading{color:var(--xbt-info);font-size:13px}
/* ============= PRESETS ============= */
.xbt-presets-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;border-bottom:1px solid var(--xbt-border)}
.xbt-pf-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--xbt-border);background:var(--xbt-surface2);color:var(--xbt-text-dim);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}
.xbt-pf-btn:hover{border-color:var(--xbt-gold)60;color:var(--xbt-text)}
.xbt-pf-btn.active{background:var(--xbt-gold);color:#0a0a14;border-color:var(--xbt-gold);font-weight:600}
#xbt-presets-grid{display:grid;grid-template-columns:1fr;gap:12px}
.xbt-preset-card{border:1px solid var(--xbt-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s;background:var(--xbt-surface2)}
.xbt-preset-card:hover{border-color:var(--xbt-gold)60;box-shadow:0 2px 12px rgba(212,175,55,.1)}
.xbt-pc-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
.xbt-pc-info{flex:1;min-width:0}
.xbt-pc-name{font-size:16px;font-weight:700;color:var(--xbt-text)}
.xbt-pc-desc{font-size:13px;color:var(--xbt-text-dim);margin-top:2px;line-height:1.4}
.xbt-pc-size{width:28px;height:28px;border-radius:50%;background:var(--xbt-gold)18;color:var(--xbt-gold);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.xbt-pc-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px 8px}
.xbt-pc-tag{padding:3px 10px;border-radius:10px;font-size:12px;font-weight:600;background:var(--xbt-surface3);color:var(--xbt-text-dim);border:1px solid var(--xbt-border)}
.xbt-pc-members{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px}
.xbt-pm{text-align:center;width:50px}
.xbt-pm-avatar{width:36px;height:36px;border-radius:8px;border:2px solid var(--xbt-border);overflow:hidden;margin:0 auto 3px;background:var(--xbt-surface)}
.xbt-pm-avatar img{width:100%;height:100%;object-fit:cover}
.xbt-pm-name{font-size:11px;font-weight:600;color:var(--xbt-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbt-pm-elem{font-size:10px;font-weight:600}
.xbt-pc-cta{padding:8px 14px;text-align:center;font-size:14px;font-weight:600;color:var(--xbt-gold);border-top:1px solid var(--xbt-border);background:var(--xbt-gold)06}
/* ============= DOSSIERS ============= */
.xbt-dos-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--xbt-border);margin-bottom:8px;background:var(--xbt-surface2)}
.xbt-dos-info{flex:1;min-width:0}
.xbt-dos-name{font-size:15px;font-weight:700;color:var(--xbt-text)}
.xbt-dos-meta{font-size:12px;color:var(--xbt-text-dim);margin-top:2px}
.xbt-dos-icons{display:flex;gap:2px;margin-top:4px}
.xbt-dos-icon{width:24px;height:24px;border-radius:4px;object-fit:cover;background:var(--xbt-surface)}
.xbt-dos-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
/* ============= TOAST ============= */
.xbt-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;z-index:99999;opacity:0;transition:all .3s;pointer-events:none}
.xbt-t-show{opacity:1;transform:translateX(-50%) translateY(0)}
.xbt-t-good{background:var(--xbt-good);color:#fff}
.xbt-t-warn{background:var(--xbt-warn);color:#0a0a14}
.xbt-t-info{background:var(--xbt-info);color:#fff}
/* ============= SYNERGIES ============= */
.xbt-syn{padding:8px 10px;border-radius:6px;margin-bottom:6px;border:1px solid var(--xbt-border)}
.xbt-syn:last-child{margin-bottom:0}
.xbt-syn-high{background:var(--xbt-gold)08;border-color:var(--xbt-gold)30}
.xbt-syn-medium{background:var(--xbt-info)08;border-color:var(--xbt-info)20}
.xbt-syn-low{background:var(--xbt-surface2);border-color:var(--xbt-border)}
.xbt-syn-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.xbt-syn-ic{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}
.xbt-syn-high .xbt-syn-ic{background:var(--xbt-gold)25;color:var(--xbt-gold)}
.xbt-syn-medium .xbt-syn-ic{background:var(--xbt-info)25;color:var(--xbt-info)}
.xbt-syn-low .xbt-syn-ic{background:var(--xbt-surface3);color:var(--xbt-text-dim)}
.xbt-syn-name{font-size:14px;font-weight:700;color:var(--xbt-text)}
.xbt-syn-val{font-size:16px;font-weight:700;color:var(--xbt-gold);margin-bottom:3px}
.xbt-syn-desc{font-size:13px;color:var(--xbt-text-dim);line-height:1.4}
/* ============= COMPARISON ============= */
.xbt-cmp-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.xbt-cmp-row label{font-size:14px;font-weight:600;color:var(--xbt-text);width:65px;flex-shrink:0}
.xbt-cmp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.xbt-cmp-name{font-size:17px;font-weight:700;text-align:center;flex:1}
.xbt-cmp-name small{font-size:12px;color:var(--xbt-text-dim);font-weight:400}
.xbt-cmp-a{color:var(--xbt-info)}
.xbt-cmp-b{color:var(--xbt-warn)}
.xbt-cmp-vs{font-size:15px;font-weight:800;color:var(--xbt-text-dim);padding:0 12px}
.xbt-cmp-table,.xbt-cmp-roles{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.xbt-cmp-stat,.xbt-cmp-role{display:flex;align-items:center;padding:5px 10px;border-radius:4px;background:var(--xbt-surface2);border:1px solid var(--xbt-border)}
.xbt-cmp-label{flex:1;text-align:center;font-size:12px;font-weight:600;color:var(--xbt-text-dim);text-transform:uppercase;letter-spacing:.5px}
.xbt-cmp-v{width:70px;text-align:center;font-size:15px;font-weight:600;color:var(--xbt-text)}
.xbt-cmp-win{color:var(--xbt-good);font-weight:800}
.xbt-cmp-classes{display:flex;justify-content:space-between;gap:20px;margin-top:8px}
.xbt-cmp-side{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;flex:1}
/* ============= VOTES ============= */
.xbt-vote-col{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:36px;flex-shrink:0}
.xbt-vote-btn{width:28px;height:20px;border:1px solid var(--xbt-border);border-radius:4px;background:var(--xbt-surface);color:var(--xbt-text-dim);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}
.xbt-vote-btn:hover{border-color:var(--xbt-gold);color:var(--xbt-gold)}
.xbt-vote-active{background:var(--xbt-gold)18;border-color:var(--xbt-gold);color:var(--xbt-gold)}
.xbt-vote-dn.xbt-vote-active{background:var(--xbt-danger)18;border-color:var(--xbt-danger);color:var(--xbt-danger)}
.xbt-vote-score{font-size:15px;font-weight:800;color:var(--xbt-text)}
/* ============= DOFUSBOOK HELP ============= */
.xbt-dofusbook-help{margin-top:14px;padding:12px;border-radius:8px;background:var(--xbt-surface2);border:1px solid var(--xbt-border);font-size:13px;color:var(--xbt-text-dim);line-height:1.5}
.xbt-dofusbook-help p{margin:0 0 6px;font-weight:600;color:var(--xbt-text)}
.xbt-dofusbook-help ol{margin:0;padding-left:20px}
.xbt-dofusbook-help li{margin-bottom:4px}
/* ============= SELECT FIX — ultra specificity for theme override ============= */
#xb-wrapper select,
#view-team select,
#view-explorer select,
.xbt-modal select,
.xb-explorer-container select,
body select.xb-xpl-sel,
select.xbt-import-input,
.entry-content select.xb-xpl-sel,
.entry-content #view-explorer select{
    -webkit-appearance:none!important;appearance:none!important;
    background:#1a1a2e!important;color:#e0dcd0!important;border:1px solid #2a2a3e!important;
    border-radius:6px!important;padding:8px 32px 8px 12px!important;font-size:14px!important;font-family:inherit!important;
    cursor:pointer!important;min-width:120px;line-height:1.4!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8678' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px 8px!important;
}
#xb-wrapper select:focus,#view-team select:focus,#view-explorer select:focus,.xbt-modal select:focus,body select.xb-xpl-sel:focus{outline:none!important;border-color:#d4af37!important}
#xb-wrapper select option,#view-team select option,#view-explorer select option,.xbt-modal select option,body select.xb-xpl-sel option,.entry-content select option{background:#1a1a2e!important;color:#e0dcd0!important;padding:6px!important}
/* ============= RESPONSIVE ============= */
@media(max-width:1200px){
    #xbt-container{flex-direction:column}
    #xbt-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;position:static}
    #xbt-sidebar .xbt-panel{flex:1;min-width:260px}
}
@media(max-width:900px){
    #xbt-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
    #xbt-dashboard{grid-template-columns:1fr}
}
@media(max-width:600px){
    .xbt-header{flex-direction:column;align-items:flex-start}
    .xbt-header-actions{width:100%}
    .xbt-btn-group{flex:1}
    .xbt-btn-group .xbt-btn{flex:1;justify-content:center}
    #xbt-cards-grid{grid-template-columns:1fr}
    .xbt-card-stats{grid-template-columns:repeat(4,1fr)}
    #xbt-sidebar{flex-direction:column}
    #xbt-sidebar .xbt-panel{min-width:auto}
    #xbt-dashboard{grid-template-columns:1fr}
    .xbt-modal{max-height:92vh;margin:10px}
    .xbt-eq-grid{grid-template-columns:1fr}
    .xbt-mtab{padding:8px 10px;font-size:12px}
}

/* ============= WELCOME MODAL SCROLL FIX ============= */
#xb-welcome-modal{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    align-items:flex-start!important;
}
#xb-welcome-modal .xb-welcome-content{
    max-height:none!important;
    overflow:visible!important;
    flex-shrink:0!important;
}

/* ============= SUBSCRIPTION TIERS ============= */
.xbt-sub-tiers{margin-top:8px;padding:8px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid var(--xbt-border)}
.xbt-sub-title{font-size:13px;font-weight:600;color:var(--xbt-gold);margin-bottom:8px}
.xbt-sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.xbt-sub-tier{background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:6px;padding:8px 6px;text-align:center;transition:border-color .2s}
.xbt-sub-tier:hover{border-color:var(--xbt-gold)}
.xbt-sub-best{border-color:var(--xbt-gold);background:rgba(212,175,55,.08)}
.xbt-sub-label{font-size:11px;color:var(--xbt-text-dim);margin-bottom:4px;font-weight:600}
.xbt-sub-total{font-size:16px;font-weight:700;color:var(--xbt-text)}
.xbt-sub-detail{font-size:9px;color:var(--xbt-text-dim);margin-top:2px}
.xbt-sub-badge{font-size:8px;font-weight:700;color:#0a0a14;background:var(--xbt-gold);border-radius:10px;padding:1px 6px;margin-top:4px;display:inline-block}
@media(max-width:600px){
    .xbt-sub-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============= PRESET CARDS IMPROVED ============= */
.xbt-pf-count{font-size:10px;opacity:.6;margin-left:2px}
.xbt-pc-badges{display:flex;gap:6px;align-items:center;margin-top:4px;flex-wrap:wrap}
.xbt-pc-cat-badge{font-size:10px;padding:2px 8px;border-radius:10px;background:rgba(212,175,55,.15);color:var(--xbt-gold);border:1px solid rgba(212,175,55,.3);font-weight:600}
.xbt-pc-diff{font-size:10px;font-weight:600}
.xbt-pc-size-badge{font-size:11px;font-weight:700;color:var(--xbt-text);background:var(--xbt-surface3);padding:2px 8px;border-radius:10px}
.xbt-pc-size-badge small{font-weight:400;opacity:.7;font-size:9px}
.xbt-pc-desc{font-size:11px;color:var(--xbt-text-dim);line-height:1.4;padding:6px 12px 4px;border-top:1px solid var(--xbt-border)}
.xbt-preset-card{cursor:pointer;background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:10px;overflow:hidden;transition:all .2s}
.xbt-preset-card:hover{border-color:var(--xbt-gold);transform:translateY(-2px);box-shadow:0 4px 16px rgba(212,175,55,.15)}
.xbt-pc-head{padding:10px 12px 6px;display:flex;align-items:flex-start;justify-content:space-between}
.xbt-pc-name{font-size:14px;font-weight:700;color:var(--xbt-text)}
.xbt-pc-members{padding:6px 12px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.xbt-pc-tags{padding:4px 12px 6px;display:flex;flex-wrap:wrap;gap:3px}
.xbt-pc-tag{font-size:9px;padding:1px 6px;border-radius:8px;background:var(--xbt-surface3);color:var(--xbt-text-dim)}
.xbt-pc-cta{text-align:center;padding:8px;font-size:12px;font-weight:600;color:var(--xbt-gold);border-top:1px solid var(--xbt-border);transition:background .2s}
.xbt-preset-card:hover .xbt-pc-cta{background:rgba(212,175,55,.1)}

/* ============= DOSSIER CARDS IMPROVED ============= */
.xbt-dos-empty{text-align:center;padding:40px 20px}
.xbt-dos-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}
.xbt-dos-empty-title{font-size:16px;font-weight:600;color:var(--xbt-text);margin-bottom:6px}
.xbt-dos-empty-desc{font-size:13px;color:var(--xbt-text-dim);line-height:1.5}
.xbt-dos-card{background:var(--xbt-surface);border:1px solid var(--xbt-border);border-radius:10px;overflow:hidden;margin-bottom:10px;transition:border-color .2s}
.xbt-dos-card:hover{border-color:var(--xbt-gold)}
.xbt-dos-card-head{padding:12px 14px 8px}
.xbt-dos-card-title{font-size:15px;font-weight:700;color:var(--xbt-gold)}
.xbt-dos-card-meta{display:flex;gap:10px;margin-top:4px;font-size:11px;color:var(--xbt-text-dim)}
.xbt-dos-count{background:var(--xbt-surface3);padding:1px 8px;border-radius:8px;font-weight:600}
.xbt-dos-date{opacity:.7}
.xbt-dos-card-desc{font-size:12px;color:var(--xbt-text-dim);margin-top:4px;font-style:italic}
.xbt-dos-card-members{display:flex;flex-wrap:wrap;gap:4px;padding:6px 14px;align-items:center}
.xbt-dos-member{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--xbt-border);transition:border-color .2s}
.xbt-dos-member:hover{border-color:var(--xbt-gold)}
.xbt-dos-member img{width:100%;height:100%;object-fit:cover}
.xbt-dos-card-elems{padding:4px 14px;font-size:10px;display:flex;gap:8px;flex-wrap:wrap}
.xbt-dos-card-actions{display:flex;gap:6px;padding:8px 14px;border-top:1px solid var(--xbt-border);flex-wrap:wrap}
.xbt-dos-card-actions .xbt-btn{font-size:12px;padding:5px 12px}
.xbt-btn-danger{background:rgba(231,76,60,.15)!important;color:#e74c3c!important;border-color:rgba(231,76,60,.3)!important}
.xbt-btn-danger:hover{background:rgba(231,76,60,.3)!important}

/* ============= SYNERGY TIPS + IMPACT TAGS ============= */
.xbt-syn-tip{font-size:11px;color:var(--xbt-gold);padding:4px 8px;margin-top:4px;background:rgba(212,175,55,.08);border-radius:6px;border-left:2px solid var(--xbt-gold);line-height:1.4}
.xbt-syn-impact{font-size:9px;padding:1px 6px;border-radius:8px;margin-left:auto;font-weight:600}
.xbt-syn-high-tag{background:rgba(231,76,60,.15);color:#e74c3c}
.xbt-syn-medium-tag{background:rgba(241,196,15,.15);color:#f1c40f}
.xbt-syn-low-tag{background:rgba(149,165,166,.15);color:#95a5a6}
.xbt-syn-msg{font-style:italic;color:var(--xbt-text-dim)}

/* ============= XP DETAIL ROWS ============= */
.xbt-sr-detail{font-size:10px;color:var(--xbt-text-dim);padding:2px 12px 6px;line-height:1.5;border-left:2px solid var(--xbt-border);margin-left:12px}
.xbt-sr-highlight{background:rgba(212,175,55,.06);border-radius:6px}