/* CHan Analytics — Shared Features CSS */

/* #1 Help overlay */
.help-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:9999;display:flex;align-items:center;justify-content:center}
.help-overlay.hidden{display:none!important}
.help-box{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px 28px;max-width:520px;width:90%;box-shadow:0 16px 48px rgba(0,0,0,0.15);font-size:12px;font-family:inherit;max-height:80vh;overflow-y:auto}
.help-box h2{font-size:13px;font-weight:700;margin-bottom:8px}
.help-box .hk{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #f0eeea}
.help-box .hk:last-child{border-bottom:none}
.help-box .key{display:inline-block;padding:1px 6px;border-radius:3px;background:#f0eeea;border:1px solid #ddd;font-weight:700;font-size:11px;color:#555}
.help-box .desc{color:#888}

/* #3 Copy toast */
.copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:6px 16px;border-radius:6px;font-size:11px;font-family:inherit;z-index:9999;opacity:0;transition:opacity 0.2s;pointer-events:none}
.copy-toast.show{opacity:1}

/* #8 Column tooltip */
.col-tip{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;white-space:nowrap;z-index:99;pointer-events:none;opacity:0;transition:opacity 0.12s}
th:hover .col-tip{opacity:1}

/* ─── Command Palette ─── */
.cmd-palette-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,140px)}
.cmd-palette-overlay.hidden{display:none!important}
.cmd-palette{
    background:#fff;border:1px solid #e0ddd8;border-radius:12px;
    width:min(560px,92vw);max-height:min(480px,70vh);
    box-shadow:0 20px 60px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.04);
    display:flex;flex-direction:column;overflow:hidden;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    animation:cmdSlideIn 0.12s ease-out;
}
@keyframes cmdSlideIn{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:none}}
.cmd-palette-input{
    padding:14px 18px;border:none;border-bottom:1px solid #f0eeea;
    font-size:14px;font-family:inherit;color:#222;background:transparent;
    outline:none;width:100%;
}
.cmd-palette-input::placeholder{color:#bbb}
.cmd-palette-results{overflow-y:auto;padding:6px;flex:1}
.cmd-palette-results:empty::after{
    content:'Type to search teams and players...';
    display:block;padding:20px 12px;color:#bbb;font-size:12px;text-align:center;font-style:italic
}
.cmd-result{
    display:flex;align-items:center;gap:10px;
    padding:8px 12px;border-radius:8px;cursor:pointer;
    text-decoration:none;color:#222;font-size:12px;
    transition:background 0.08s;
}
.cmd-result:hover,.cmd-result.active{background:#f5f3f0}
.cmd-result .cmd-icon{
    width:28px;height:28px;border-radius:6px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    font-size:13px;font-weight:700;
    background:#f0eeea;color:#888;
}
.cmd-result .cmd-icon img{width:20px;height:20px;object-fit:contain}
.cmd-result .cmd-info{min-width:0;flex:1}
.cmd-result .cmd-name{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmd-result .cmd-meta{font-size:10px;color:#999;margin-top:1px}
.cmd-result .cmd-type{
    font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;
    padding:2px 6px;border-radius:4px;flex-shrink:0;
}
.cmd-type-team{background:rgba(37,99,235,0.08);color:#2563eb}
.cmd-type-player{background:rgba(22,163,74,0.08);color:#16a34a}
.cmd-type-page{background:rgba(124,58,237,0.08);color:#7c3aed}
.cmd-palette-footer{
    padding:6px 14px;border-top:1px solid #f0eeea;
    font-size:10px;color:#bbb;display:flex;gap:12px;align-items:center
}
.cmd-palette-footer kbd{
    display:inline-block;padding:1px 5px;border-radius:3px;
    background:#f0eeea;border:1px solid #ddd;font-size:9px;font-weight:700;color:#888;
    font-family:inherit
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── POWER USER FEATURES ─── */
/* ═══════════════════════════════════════════════════════════ */

/* ─── Vim Navigation (#6) ─── */
tr.vim-active>td{outline:2px solid #2563eb;outline-offset:-2px}
tr.vim-active>td:first-child{border-left:3px solid #2563eb}

/* ─── Row Selection (#5) ─── */
tr.pw-selected>td{background:rgba(37,99,235,0.06)!important}
tr.pw-selected>td:first-child{border-left:3px solid #2563eb}

/* Bulk Action Bar */
.pw-bulk-bar{
    position:fixed;bottom:60px;left:50%;transform:translateX(-50%);
    background:#222;color:#fff;padding:8px 16px;border-radius:8px;
    font-size:11px;font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    display:flex;align-items:center;gap:12px;
    box-shadow:0 8px 32px rgba(0,0,0,0.25);z-index:9000;
    animation:bulkSlideIn 0.15s ease-out;
}
.pw-bulk-bar.hidden{display:none!important}
@keyframes bulkSlideIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%)}}
.pw-bulk-count{font-weight:700;color:#fff}
.pw-bulk-bar button{
    background:rgba(255,255,255,0.12);border:none;color:#fff;
    padding:4px 12px;border-radius:4px;font-size:10px;font-weight:600;
    cursor:pointer;font-family:inherit;transition:background 0.1s;
}
.pw-bulk-bar button:hover{background:rgba(255,255,255,0.2)}

/* ─── Watchlist (#7) ─── */
.pw-watchlist{
    position:fixed;top:52px;right:12px;width:200px;
    background:#fff;border:1px solid #e0ddd8;border-radius:8px;
    box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:100;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    font-size:11px;overflow:hidden;
}
.pw-watchlist.hidden{display:none!important}
.pw-wl-header{
    display:flex;justify-content:space-between;align-items:center;
    padding:6px 10px;border-bottom:1px solid #f0eeea;
    font-size:9px;font-weight:700;text-transform:uppercase;
    letter-spacing:0.08em;color:#999;
}
.pw-wl-body{max-height:280px;overflow-y:auto}
.pw-wl-item{
    display:flex;align-items:center;gap:6px;
    padding:5px 10px;text-decoration:none;color:#222;
    border-bottom:1px solid #f8f7f5;transition:background 0.08s;
}
.pw-wl-item:hover{background:#f8f7f5}
.pw-wl-name{flex:1;font-weight:600;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-wl-stat{font-size:9px;color:#999;white-space:nowrap}
.pw-wl-remove{
    background:none;border:none;color:#ccc;cursor:pointer;
    font-size:14px;line-height:1;padding:0 2px;transition:color 0.1s;
}
.pw-wl-remove:hover{color:#dc2626}

/* ─── Context Menu (#14) ─── */
.pw-context-menu{
    position:fixed;z-index:10001;
    background:#fff;border:1px solid #e0ddd8;border-radius:8px;
    box-shadow:0 8px 32px rgba(0,0,0,0.15);
    min-width:180px;padding:4px;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    font-size:11px;animation:ctxIn 0.08s ease-out;
}
@keyframes ctxIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:none}}
.pw-ctx-header{
    padding:6px 10px 4px;font-weight:700;font-size:11px;color:#222;
    border-bottom:1px solid #f0eeea;margin-bottom:2px;
}
.pw-ctx-item{
    display:block;padding:5px 10px;border-radius:5px;cursor:pointer;
    color:#555;text-decoration:none;transition:background 0.06s;
}
.pw-ctx-item:hover{background:#f5f3f0;color:#222}
.pw-ctx-sep{height:1px;background:#f0eeea;margin:2px 6px}

/* ─── Stat Inspector (#8) ─── */
.pw-inspector{
    position:fixed;z-index:10002;
    background:#fff;border:1px solid #e0ddd8;border-radius:6px;
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
    padding:8px 12px;min-width:180px;max-width:240px;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    font-size:11px;line-height:1.6;
}

/* ─── Density Modes (#12) ─── */
.pw-density-compact table tbody td{padding:3px 8px!important;font-size:10px!important}
.pw-density-compact table thead th{padding:4px 8px!important;font-size:8px!important}
.pw-density-compact .rk-margin{font-size:9px!important}
.pw-density-compact .rk-sup,.pw-density-compact span[style*="font-size:9px"]{font-size:7px!important}
.pw-density-compact .rec-pill{font-size:9px!important;padding:1px 4px!important}

.pw-density-comfortable table tbody td{padding:10px 16px!important;font-size:13px!important}
.pw-density-comfortable table thead th{padding:10px 16px!important;font-size:10px!important}
.pw-density-comfortable .rk-margin{font-size:12px!important}

/* ─── Focus Mode (#13) ─── */
.pw-focus-mode nav.site-nav,
.pw-focus-mode nav.sticky,
.pw-focus-mode nav:first-of-type,
.pw-focus-mode .block-label,
.pw-focus-mode .ctrl-bar,
.pw-focus-mode .cmd,
.pw-focus-mode #mobile-menu,
.pw-focus-mode .pw-watchlist,
.pw-focus-mode .pw-trail,
.pw-focus-mode .topbar{display:none!important}
.pw-focus-mode .console-wrap,.pw-focus-mode .page{padding-top:8px!important;max-width:100%!important}
.pw-focus-mode .tbl-card,.pw-focus-mode .out{border-radius:0!important;border-left:none!important;border-right:none!important}

/* ─── Session Trail (#18) ─── */
.pw-trail{
    position:fixed;bottom:12px;left:50%;transform:translateX(-50%);
    display:flex;gap:4px;padding:4px 8px;
    background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);
    border:1px solid #e0ddd8;border-radius:8px;
    box-shadow:0 2px 12px rgba(0,0,0,0.06);z-index:8999;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    max-width:90vw;overflow-x:auto;
}
.pw-trail:empty{display:none}
.pw-trail-chip{
    display:inline-block;padding:3px 8px;border-radius:4px;
    font-size:9px;font-weight:600;color:#888;text-decoration:none;
    background:#f5f3f0;white-space:nowrap;transition:all 0.1s;
}
.pw-trail-chip:hover{background:#e8e6e1;color:#222}

/* ─── Conditional Highlight (#17) ─── */
tr.pw-highlight>td{background:rgba(217,119,6,0.05)!important;border-top:1px solid rgba(217,119,6,0.15)!important;border-bottom:1px solid rgba(217,119,6,0.15)!important}
tr.pw-highlight>td:first-child{border-left:3px solid #d97706!important}

/* ─── Diff Mode (#15) ─── */
.pw-diff-up{color:#16a34a!important;font-size:9px;font-weight:700;margin-left:3px}
.pw-diff-down{color:#dc2626!important;font-size:9px;font-weight:700;margin-left:3px}
.pw-diff-neutral{color:#999!important;font-size:9px;margin-left:3px}

/* ─── Annotations (#19) ─── */
.pw-note-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:14px;height:14px;border-radius:3px;
    background:rgba(217,119,6,0.1);color:#d97706;
    font-size:8px;font-weight:700;cursor:pointer;
    margin-left:4px;flex-shrink:0;
}
.pw-note-tooltip{
    position:fixed;z-index:10002;
    background:#222;color:#fff;padding:5px 10px;border-radius:4px;
    font-size:10px;font-weight:400;white-space:nowrap;max-width:240px;
    overflow:hidden;text-overflow:ellipsis;pointer-events:none;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

/* ─── Column Presets (#4) ─── */
.pw-preset-bar{
    display:flex;gap:4px;padding:4px 6px;border-bottom:1px solid #f0eeea;margin-bottom:4px;
    flex-wrap:wrap;
}
.pw-preset-btn{
    font-size:9px;font-weight:600;font-family:inherit;
    color:#2563eb;background:rgba(37,99,235,0.06);
    border:1px solid rgba(37,99,235,0.15);border-radius:3px;
    padding:2px 8px;cursor:pointer;transition:all 0.1s;
    white-space:nowrap;
}
.pw-preset-btn:hover{background:rgba(37,99,235,0.12)}
.pw-preset-save{color:#16a34a!important;background:rgba(22,163,74,0.06)!important;border-color:rgba(22,163,74,0.15)!important}
.pw-preset-save:hover{background:rgba(22,163,74,0.12)!important}
.pw-preset-del{
    color:#dc2626;background:none;border:none;cursor:pointer;
    font-size:10px;font-weight:700;padding:0 2px;margin-left:2px;
}

/* ─── Custom Columns (#11) ─── */
.pw-custom-col-header{background:rgba(22,163,74,0.05)!important;border-top:2px solid #16a34a!important;color:#16a34a!important}

/* ─── Multi-Sort Indicators (#2) ─── */
th.sort-secondary::after{content:" ↕";color:#999;font-size:8px}

/* ─── Similarity Mode ─── */
.pw-sim-delta{
    font-size:0.55rem;line-height:1;margin-top:2px;
    font-weight:700;font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
}
.pw-sim-target-row>td{background:#eef3fc!important;border-top:2px solid rgba(37,99,235,0.2)!important;border-bottom:2px solid rgba(37,99,235,0.2)!important}
.pw-sim-target-row>.td-rk{border-left:3px solid #2563eb!important;background:#eef3fc!important}
.pw-sim-target-row>.td-player{font-weight:800!important;background:#eef3fc!important}
.pw-sim-badge{
    position:fixed;top:44px;left:50%;transform:translateX(-50%);z-index:9000;
    padding:6px 14px;border-radius:6px;
    background:#fff;border:1px solid rgba(37,99,235,0.25);
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    font-size:11px;color:#2563eb;display:inline-flex;align-items:center;gap:4px;
    font-family:ui-monospace,'SF Mono','Cascadia Code','Consolas',monospace;
}

/* ─── Responsive adjustments ─── */
@media(max-width:768px){
    .pw-watchlist{display:none!important}
    .pw-trail{bottom:8px;max-width:95vw}
    .pw-bulk-bar{bottom:50px;max-width:90vw}
    .pw-context-menu{min-width:160px}
}