*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:sys;src:local('Inter'),local('SF Pro Text'),local('Segoe UI'),local('Helvetica Neue')}
:root,
:root[data-theme="dark"]{
    --fg:#f0f0f0;
    --fg2:rgba(255,255,255,.7);
    --fg3:rgba(255,255,255,.45);
    --fg4:rgba(255,255,255,.1);
    --bg:#111111;
    --s1:#191919;
    --s2:#222222;
    --s3:#2c2c2c;
    --s4:#363636;
    --s5:#444;
    --row-odd:var(--row-odd);
    --hl:#ffffff;
    --x-blue:#1d9bf0;
    --x-blue-bg:rgba(29,155,240,.15);
    --x-blue-bg-h:rgba(29,155,240,.3);
    --x-blue-bd:rgba(29,155,240,.4);
    --warn-orange:#ffa000;
    --warn-orange-bg:rgba(255,160,0,.15);
    --warn-orange-bg-h:rgba(255,160,0,.3);
    --warn-orange-bd:rgba(255,160,0,.4);
    --top-bg:rgba(17,17,17,.88);
    --overlay:rgba(0,0,0,.6);
    --grn:#4ade80;
    --rd:#f87171;
    --amb:#facc15;
    --blu:#60a5fa;
    --pur:#a78bfa;
    --ac:#60a5fa;
}
:root[data-theme="light"]{
    --fg:#000000;
    --fg2:#000000;
    --fg3:rgba(0,0,0,.78);
    --fg4:rgba(0,0,0,.18);
    --bg:#fafafa;
    --s1:#f1f1f1;
    --s2:#e8e8e8;
    --s3:#dcdcdc;
    --s4:#c8c8c8;
    --s5:#b0b0b0;
    --row-odd:rgba(0,0,0,.02);
    --hl:#0b0b0b;
    --x-blue:#1d9bf0;
    --x-blue-bg:rgba(29,155,240,.12);
    --x-blue-bg-h:rgba(29,155,240,.22);
    --x-blue-bd:rgba(29,155,240,.45);
    --warn-orange:#b45309;
    --warn-orange-bg:rgba(180,83,9,.12);
    --warn-orange-bg-h:rgba(180,83,9,.22);
    --warn-orange-bd:rgba(180,83,9,.45);
    --top-bg:rgba(250,250,250,.88);
    --overlay:rgba(0,0,0,.35);
    --grn:#16a34a;
    --rd:#dc2626;
    --amb:#ca8a04;
    --blu:#2563eb;
    --pur:#7c3aed;
    --ac:#2563eb;
}
html{font-size:13.5px}
body{
    font-family:'Inter',sys,-apple-system,sans-serif;
    background:var(--bg);color:var(--fg);
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
}

/* === GATE === */
#gate{
    position:fixed;inset:0;background:var(--bg);
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    z-index:900;
}
#gate.off{display:none}
#gate h1{font-size:2.4rem;font-weight:300;letter-spacing:8px;text-transform:uppercase;margin-bottom:.3rem}
#gate p{color:var(--fg3);font-size:.9rem;font-weight:400;margin-bottom:2.5rem;letter-spacing:.5px}
#gate input{
    width:260px;padding:.7rem 0;
    background:none;border:none;border-bottom:1px solid var(--fg3);
    color:var(--fg);font-size:1rem;text-align:center;
    outline:none;font-family:inherit;letter-spacing:.5px;
    transition:border-color .2s;
}
#gate input:focus{border-color:var(--fg)}
#gate input::placeholder{color:var(--fg3)}
#gp{margin-top:.8rem}
#gate button{
    margin-top:1.5rem;padding:.55rem 2.8rem;
    background:var(--fg);color:var(--bg);
    border:none;font-size:.75rem;font-weight:600;
    letter-spacing:1.5px;text-transform:uppercase;
    cursor:pointer;transition:opacity .15s;font-family:inherit;
}
#gate button:hover{opacity:.85}

/* === TOP === */
.top{
    position:sticky;top:0;z-index:100;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 2rem;height:52px;
    background:var(--top-bg);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--fg4);
}
.top-l{display:flex;align-items:baseline;gap:1.2rem}
.top-l h1{font-size:.85rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--hl)}
.top-l nav{display:flex;gap:0}
.top-l nav button{
    padding:.25rem .9rem;background:none;border:none;
    color:var(--fg3);font-size:.72rem;font-weight:500;
    cursor:pointer;transition:all .15s;font-family:inherit;
    letter-spacing:.5px;text-transform:uppercase;
    border-right:1px solid var(--fg4);
}
.top-l nav button:last-child{border-right:none}
.top-l nav button:hover{color:var(--fg)}
.top-l nav button.on{color:var(--hl);background:var(--s3)}
.top-r{display:flex;align-items:center;gap:1rem}
.top-r span{font-size:.72rem;color:var(--fg2);letter-spacing:.3px;font-weight:500}
.top-r button{
    background:none;border:none;color:var(--fg3);
    cursor:pointer;font-size:.68rem;font-weight:500;
    letter-spacing:1px;text-transform:uppercase;
    font-family:inherit;transition:color .15s;
}
.top-r button:hover{color:var(--hl)}

/* === SEARCH === */
.search-bar{
    display:flex;align-items:center;
    padding:.6rem 2rem;
    background:var(--bg);
    border-bottom:1px solid var(--fg4);
}
.search-bar input{
    width:100%;padding:.55rem .8rem;
    background:var(--s1);border:1px solid var(--s3);
    color:var(--fg);font-size:.78rem;font-family:inherit;
    outline:none;transition:border-color .2s;
    letter-spacing:.2px;
}
.search-bar input:focus{border-color:var(--s5);background:var(--s2)}
.search-bar input::placeholder{color:var(--fg3)}
.search-count{
    font-size:.62rem;color:var(--fg3);
    margin-left:.8rem;white-space:nowrap;
    letter-spacing:.3px;font-weight:500;
}

/* === SUMMARY === */
.summary{
    display:flex;gap:0;
    background:var(--s1);
    border-bottom:1px solid var(--fg4);
}
.summary .s{
    flex:1;padding:1rem 2rem;
    border-right:1px solid var(--fg4);
}
.summary .s:last-child{border-right:none}
.summary .s label{
    display:block;font-size:.58rem;font-weight:600;
    color:var(--fg3);text-transform:uppercase;letter-spacing:1.5px;
    margin-bottom:.3rem;
}
.summary .s .v{font-size:1.7rem;font-weight:300;letter-spacing:-1px;color:var(--hl)}
.summary .s.sent .v{color:var(--grn)}
.summary .s.fail .v{color:var(--rd)}
.summary .s.pend .v{color:var(--amb)}

/* === TABLE === */
.tbl{width:100%}
.tbl-head{
    display:grid;
    grid-template-columns:2.5fr 1fr .7fr .6fr .7fr 1.2fr;
    padding:.65rem 2rem;
    background:var(--s2);
    border-bottom:1px solid var(--fg4);
    font-size:.58rem;font-weight:600;
    color:var(--fg3);text-transform:uppercase;letter-spacing:1.5px;
}
.row{
    display:grid;
    grid-template-columns:2.5fr 1fr .7fr .6fr .7fr 1.2fr;
    align-items:center;
    padding:.85rem 2rem;
    border-bottom:1px solid var(--fg4);
    transition:background .12s;
}
.row:nth-child(odd){background:var(--row-odd)}
.row:hover{background:var(--s2)}

/* col: creator */
.c-info{}
.c-name{font-size:.88rem;font-weight:600;letter-spacing:-.2px}
.c-name a{color:var(--hl);text-decoration:none}
.c-name a:hover{text-decoration:underline;text-underline-offset:2px}
.c-sub{font-size:.72rem;color:var(--fg3);margin-top:.15rem;display:flex;align-items:center;gap:.5rem}
.c-sub .tag{
    font-size:.52rem;font-weight:700;
    padding:2px 5px;
    border:1px solid var(--s5);
    color:var(--fg2);
    letter-spacing:.8px;text-transform:uppercase;
}
.c-sub .tag.rp{border-color:var(--s5);color:var(--fg2)}
.c-sub .tag.sc{border-color:var(--s5);color:var(--fg2)}
.c-sub .email-dim{color:var(--fg3);font-size:.68rem}
.c-bio{font-size:.68rem;color:var(--s5);margin-top:.25rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* col: metric */
.c-metric{font-size:.82rem;font-weight:500;color:var(--fg2)}
.c-metric .met-label{font-size:.58rem;color:var(--fg3);display:block;margin-top:.1rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}

/* col: score */
.c-score{font-size:.88rem;font-weight:500;font-variant-numeric:tabular-nums}
.c-score.hi{color:var(--hl)}
.c-score.md{color:var(--fg2)}
.c-score.lo{color:var(--fg3)}
.c-score .score-bar{display:block;height:2px;margin-top:.35rem;background:var(--s3)}
.c-score .score-bar .fill{display:block;height:100%}
.c-score.hi .fill{background:var(--grn)}
.c-score.md .fill{background:var(--amb)}
.c-score.lo .fill{background:var(--s5)}

/* col: found */
.c-found{font-size:.7rem;color:var(--fg3);font-variant-numeric:tabular-nums}

/* col: status */
.c-status{font-size:.68rem;font-weight:500;letter-spacing:.3px;display:flex;align-items:center;gap:.4rem}
.c-status .st-dot{width:5px;height:5px;flex-shrink:0}
.c-status.st-sent{color:var(--grn)}
.c-status.st-sent .st-dot{background:var(--grn)}
.c-status.st-fail{color:var(--rd)}
.c-status.st-fail .st-dot{background:var(--rd)}
.c-status.st-none{color:var(--fg3)}
.c-status.st-none .st-dot{background:var(--s4)}
.c-status.st-sheet{color:var(--fg3)}
.c-status.st-sheet .st-dot{background:var(--amb)}

/* col: actions */
.c-acts{display:flex;gap:.3rem}
.act{
    padding:.4rem .7rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg2);font-size:.62rem;font-weight:600;
    letter-spacing:.8px;text-transform:uppercase;
    cursor:pointer;transition:all .12s;font-family:inherit;
}
.act:hover:not(:disabled){background:var(--s4);border-color:var(--s5);color:var(--hl)}
.act:active:not(:disabled){background:var(--hl);color:var(--bg)}
.act:disabled{opacity:.25;cursor:default}
.act.done{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.25);color:var(--grn)}
.act.fail{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.25);color:var(--rd)}
.act.lock{opacity:.1}
.act.busy{opacity:.35;cursor:wait}

/* === PANEL (action sheet) === */
.panel-bg{
    position:fixed;inset:0;background:var(--overlay);
    z-index:800;opacity:0;pointer-events:none;
    transition:opacity .2s;
}
.panel-bg.on{opacity:1;pointer-events:all}
.panel{
    position:fixed;right:0;top:0;bottom:0;
    width:440px;background:var(--s1);
    border-left:1px solid var(--fg4);
    z-index:801;
    transform:translateX(100%);
    transition:transform .3s cubic-bezier(.32,.72,0,1);
    display:flex;flex-direction:column;
}
.panel-bg.on .panel{transform:translateX(0)}

.panel-top{
    padding:1.5rem 1.5rem 1.2rem;
    border-bottom:1px solid var(--fg4);
    background:var(--s2);
}
.panel-top .pt-label{
    font-size:.58rem;font-weight:600;color:var(--fg3);
    text-transform:uppercase;letter-spacing:1.5px;
    margin-bottom:.6rem;
}
.panel-top .pt-name{font-size:1.15rem;font-weight:600;letter-spacing:-.3px;margin-bottom:.15rem;color:var(--hl)}
.panel-top .pt-type{font-size:.68rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.8px;font-weight:500}

.panel-body{flex:1;padding:1.25rem 1.5rem}
.panel-body .pb-label{
    font-size:.58rem;font-weight:600;color:var(--fg3);
    text-transform:uppercase;letter-spacing:1.5px;
    margin-bottom:.85rem;
}
.ch-opt{
    display:flex;align-items:center;gap:1rem;
    padding:.9rem 1rem;margin-bottom:.5rem;
    background:var(--s2);
    border:1px solid var(--s3);
    cursor:pointer;transition:all .12s;
}
.ch-opt:hover:not(.off){border-color:var(--s5);background:var(--s3)}
.ch-opt:active:not(.off){background:var(--hl);color:var(--bg)}
.ch-opt:active:not(.off) .co-d{color:var(--bg)}
.ch-opt.off{opacity:.25;cursor:not-allowed}
.co-ic{font-size:.72rem;font-weight:700;color:var(--fg2);width:28px;text-align:center;flex-shrink:0;font-family:monospace}
.co-bd{flex:1}
.co-l{font-size:.82rem;font-weight:600;color:var(--hl)}
.co-d{font-size:.65rem;color:var(--fg3);margin-top:.1rem}
.co-off{font-size:.65rem;color:var(--rd);font-weight:500}
.co-arr{color:var(--s5);font-size:1rem;font-weight:200}

.panel-bottom{padding:1.25rem 1.5rem;border-top:1px solid var(--fg4)}
.panel-close{
    width:100%;padding:.6rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg2);font-size:.68rem;font-weight:600;
    letter-spacing:1px;text-transform:uppercase;
    cursor:pointer;font-family:inherit;transition:all .12s;
}
.panel-close:hover{background:var(--s3);color:var(--hl)}

/* panel steps */
.p-step{display:none}
.p-step.active{display:block}
.p-step-back{
    display:inline-flex;align-items:center;gap:.3rem;
    background:none;border:none;color:var(--fg3);
    font-size:.65rem;font-weight:500;cursor:pointer;
    font-family:inherit;letter-spacing:.5px;text-transform:uppercase;
    margin-bottom:.8rem;transition:color .15s;padding:0;
}
.p-step-back:hover{color:var(--hl)}
.p-step-back .arr{font-size:.8rem}

/* template editor */
.tpl-section{margin-bottom:1rem}
.tpl-label{
    font-size:.55rem;font-weight:600;color:var(--fg3);
    text-transform:uppercase;letter-spacing:1.2px;
    margin-bottom:.4rem;
    display:flex;align-items:center;justify-content:space-between;
}
.tpl-label .tpl-reset{
    font-size:.55rem;color:var(--fg3);cursor:pointer;
    background:none;border:none;font-family:inherit;
    letter-spacing:.5px;transition:color .15s;
}
.tpl-label .tpl-reset:hover{color:var(--hl)}
.tpl-subject{
    width:100%;padding:.5rem .7rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg);font-size:.75rem;font-family:inherit;
    outline:none;transition:border-color .15s;
    resize:none;
}
.tpl-subject:focus{border-color:var(--s5)}
.tpl-body{
    width:100%;padding:.6rem .7rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg);font-size:.72rem;font-family:inherit;
    outline:none;transition:border-color .15s;
    resize:vertical;min-height:120px;line-height:1.5;
}
.tpl-body:focus{border-color:var(--s5)}
.tpl-hint{font-size:.55rem;color:var(--fg3);margin-top:.3rem;font-style:italic}
.tpl-method-tag{
    display:inline-block;padding:2px 6px;
    font-size:.55rem;font-weight:700;letter-spacing:.8px;
    text-transform:uppercase;color:var(--fg2);
    border:1px solid var(--s5);margin-left:.5rem;
}
.panel-send{
    width:100%;padding:.65rem;
    background:var(--hl);border:none;
    color:var(--bg);font-size:.7rem;font-weight:600;
    letter-spacing:1px;text-transform:uppercase;
    cursor:pointer;font-family:inherit;transition:opacity .15s;
    margin-bottom:.5rem;
}
.panel-send:hover{opacity:.85}
.panel-send:disabled{opacity:.3;cursor:default}

/* === TOAST === */
.toast-area{
    position:fixed;bottom:1.5rem;left:2rem;
    z-index:999;display:flex;flex-direction:column;gap:.35rem;
}
.toast-item{
    padding:.55rem .9rem;
    background:var(--s2);border:1px solid var(--s3);
    font-size:.72rem;font-weight:500;color:var(--fg);
    display:flex;align-items:center;gap:.5rem;
    animation:tIn .25s ease;
}
.toast-item .t-mark{font-weight:700;font-size:.65rem;letter-spacing:.5px}
.toast-item.err{border-left:3px solid var(--rd)}
.toast-item.err .t-mark{color:var(--rd)}
.toast-item.ok{border-left:3px solid var(--grn)}
.toast-item.ok .t-mark{color:var(--grn)}
@keyframes tIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

/* === PAGINATION === */
.pager{
    display:flex;align-items:center;justify-content:center;
    gap:.3rem;padding:.8rem 2rem;
    background:var(--s1);
    border-top:1px solid var(--fg4);
}
.pager button{
    padding:.35rem .65rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg2);font-size:.68rem;font-weight:500;
    cursor:pointer;font-family:inherit;transition:all .12s;
    min-width:32px;text-align:center;
}
.pager button:hover:not(:disabled){background:var(--s4);color:var(--hl)}
.pager button.on{background:var(--s4);color:var(--hl);border-color:var(--s5)}
.pager button:disabled{opacity:.25;cursor:default}
.pager .pager-info{
    font-size:.62rem;color:var(--fg3);margin:0 .5rem;
    letter-spacing:.3px;
}
.pager .pager-jump{
    display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;
}
.pager .pager-jump-input{
    width:3.2rem;padding:.25rem .35rem;
    background:var(--s2);border:1px solid var(--s3);border-radius:4px;
    color:var(--fg1);font-size:.7rem;text-align:center;
}
.pager .pager-jump-input:focus{outline:none;border-color:var(--s5)}
.pager .pager-jump-input::-webkit-inner-spin-button,
.pager .pager-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pager .pager-jump-input{-moz-appearance:textfield}
.pager .pager-jump-btn{
    padding:.25rem .5rem;font-size:.65rem;
    background:var(--s3);border:1px solid var(--s4);border-radius:4px;
    color:var(--fg2);cursor:pointer;
}
.pager .pager-jump-btn:hover{background:var(--s4);color:var(--hl)}

/* === EMPTY === */
.empty{padding:5rem 2rem;text-align:center;color:var(--fg3);font-size:.8rem;font-weight:400}

/* === LOADING === */
.loading{padding:5rem 2rem;text-align:center;color:var(--fg3);font-size:.8rem;font-weight:400}

/* === ALL TAB (Sheet View) === */
.sheet-tbl{width:100%;border-collapse:collapse}
.sheet-tbl th{
    padding:.7rem 1rem;
    background:var(--s2);
    border-bottom:1px solid var(--fg4);
    font-size:.58rem;font-weight:600;
    color:var(--fg3);text-transform:uppercase;letter-spacing:1.5px;
    text-align:left;white-space:nowrap;
}
.sheet-tbl td{
    padding:.7rem 1rem;
    border-bottom:1px solid var(--fg4);
    font-size:.75rem;color:var(--fg2);
    white-space:nowrap;
}
.sheet-tbl tbody tr:nth-child(odd){background:var(--row-odd)}
.sheet-tbl tbody tr:hover{background:var(--s2)}
.sheet-tbl .st-badge{
    display:inline-block;padding:2px 6px;
    font-size:.6rem;font-weight:600;letter-spacing:.5px;
    text-transform:uppercase;
}
.st-reached{color:var(--grn);border:1px solid rgba(74,222,128,.25)}
.st-negotiation{color:var(--amb);border:1px solid rgba(250,204,21,.25)}
.st-onboarded{color:var(--blu);border:1px solid rgba(96,165,250,.25)}
.st-noresponse{color:var(--fg3);border:1px solid var(--s4)}
.st-declined{color:var(--rd);border:1px solid rgba(248,113,113,.25)}

/* === RESPONSIVE === */
@media(max-width:768px){
    .tbl-head{display:none}
    .row{
        grid-template-columns:1fr;
        gap:.5rem;padding:1rem 1.5rem;
    }
    .c-acts{margin-top:.3rem}
    .top{padding:0 1rem}
    .search-bar{padding:.5rem 1rem}
    .summary .s{padding:.75rem 1rem}
    .panel{width:100%}
    .pager{padding:.7rem 1rem}
    .sheet-tbl td,.sheet-tbl th{padding:.5rem .6rem;font-size:.68rem}
}

/* Pipeline badges */
.pipe-badge{
    display:inline-block;padding:1px 5px;
    font-size:.55rem;font-weight:700;letter-spacing:.5px;
    border-radius:3px;vertical-align:middle;margin-right:4px;
}
.pipe-rp{background:rgba(139,92,246,.25);color:#a78bfa;border:1px solid rgba(139,92,246,.4)}
.pipe-sc{background:rgba(59,130,246,.25);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}

/* Discovery controls */
.discovery-controls{
    display:flex;align-items:center;gap:6px;margin-left:8px;
}
.discovery-controls select{
    background:var(--s2);color:var(--fg2);border:1px solid var(--s4);
    border-radius:4px;padding:4px 8px;font-size:.72rem;cursor:pointer;
    outline:none;
}
.discovery-controls select:focus{border-color:var(--blu)}

/* Discovery modal — centered dialog */
.disc-panel{
    position:fixed !important;right:auto !important;top:50% !important;left:50% !important;
    bottom:auto !important;transform:translate(-50%,-50%) scale(.95) !important;
    width:400px;max-width:90vw;border-radius:12px;border-left:none !important;
    border:1px solid var(--s4);opacity:0;transition:transform .2s,opacity .2s;
}
.panel-bg.on .disc-panel{transform:translate(-50%,-50%) scale(1) !important;opacity:1}
.disc-body{padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
.disc-row{display:flex;flex-direction:column;gap:4px}
.disc-row label{font-size:.75rem;color:var(--fg3);font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.disc-row select{
    background:var(--s2);color:var(--fg);border:1px solid var(--s4);
    border-radius:6px;padding:8px 12px;font-size:.85rem;cursor:pointer;outline:none;
}
.disc-row select:focus{border-color:var(--blu)}
.disc-count-wrap{display:flex;gap:8px;align-items:center}
.disc-count-wrap select{flex:1}
.disc-custom-input{
    width:90px;background:var(--s2);color:var(--fg);border:1px solid var(--s4);
    border-radius:6px;padding:8px 12px;font-size:.85rem;outline:none;
}
.disc-custom-input:focus{border-color:var(--blu)}
.disc-hint{font-size:.72rem;color:var(--fg3);line-height:1.4}
.disc-btn{
    background:none;border:1px solid var(--s4);
    color:var(--fg3);padding:4px 10px;font-size:.68rem;font-weight:600;
    letter-spacing:.8px;text-transform:uppercase;
    cursor:pointer;white-space:nowrap;transition:all .15s;font-family:inherit;
}
.disc-btn:hover:not(:disabled){background:var(--s3);border-color:var(--s5);color:var(--hl)}
.disc-btn:disabled{opacity:.4;cursor:not-allowed}
.disc-cancel{
    color:var(--rd) !important;border-color:rgba(248,113,113,.3) !important;
}
.disc-cancel:hover:not(:disabled){
    background:rgba(248,113,113,.1) !important;border-color:rgba(248,113,113,.5) !important;color:var(--hl) !important;
}
.disc-status{
    font-size:.65rem;white-space:nowrap;color:var(--fg3);
    max-width:280px;overflow:hidden;text-overflow:ellipsis;
}
.disc-status.active{color:var(--amb);font-weight:500}
.disc-status.ok{color:var(--grn)}
.disc-status.err{color:var(--rd)}
.disc-status.warn{color:var(--amb)}
.disc-status.dim{color:var(--fg3);font-style:italic}

/* DM button */
.dm-btn{
    background:var(--x-blue-bg) !important;
    color:var(--x-blue) !important;
    border:1px solid var(--x-blue-bd) !important;
}
.dm-btn:hover{
    background:var(--x-blue-bg-h) !important;
    border-color:var(--x-blue-bd) !important;
}
.rst-sep{display:inline-block;width:12px}
.act-sep{display:inline-block;width:1px;height:18px;background:var(--s4);margin:0 8px;vertical-align:middle}
.rst-btn{
    background:var(--warn-orange-bg) !important;
    color:var(--warn-orange) !important;
    border:1px solid var(--warn-orange-bd) !important;
    font-size:.6rem !important;
}
.rst-btn:hover{
    background:var(--warn-orange-bg-h) !important;
    border-color:var(--warn-orange-bd) !important;
}

/* DM Chat Panel */
.chat-panel{width:480px}
.chat-body{
    flex:1;overflow-y:auto;padding:1rem 1.25rem;
    display:flex;flex-direction:column;gap:.5rem;
}
.chat-msg{display:flex}
.chat-msg.me{justify-content:flex-end}
.chat-msg.them{justify-content:flex-start}
.chat-bubble{
    max-width:75%;padding:.6rem .9rem;border-radius:12px;
    font-size:.82rem;line-height:1.45;word-break:break-word;
    position:relative;
}
.chat-msg.me .chat-bubble{
    background:rgba(29,155,240,.2);color:var(--fg);
    border-bottom-right-radius:4px;
}
.chat-msg.them .chat-bubble{
    background:var(--s3);color:var(--fg);
    border-bottom-left-radius:4px;
}
.chat-time{
    display:block;font-size:.6rem;color:var(--fg3);
    margin-top:.3rem;text-align:right;
}
.chat-empty,.chat-loading{
    text-align:center;color:var(--fg3);padding:2rem;font-size:.82rem;
}
.chat-loading{color:var(--amb)}
.chat-input-area{
    padding:.75rem 1.25rem;border-top:1px solid var(--fg4);
    display:flex;gap:.5rem;align-items:flex-end;
}
.chat-input-area textarea{
    flex:1;background:var(--s2);border:1px solid var(--s4);
    border-radius:8px;padding:.5rem .75rem;color:var(--hl);
    font-size:.82rem;font-family:inherit;resize:none;
    outline:none;
}
.chat-input-area textarea:focus{border-color:rgba(29,155,240,.5)}
.chat-input-area button{
    background:var(--x-blue);color:#ffffff;border:none;
    border-radius:8px;padding:.5rem 1rem;font-size:.78rem;
    font-weight:600;cursor:pointer;white-space:nowrap;
}
.chat-input-area button:hover{opacity:.85}
.chat-input-area button:disabled{opacity:.4;cursor:default}

/* Emoji picker */
.chat-input-wrap{flex:1;position:relative;display:flex;align-items:flex-end}
.chat-input-wrap textarea{flex:1;padding-right:2.2rem}
.emoji-toggle{
    position:absolute;right:6px;bottom:6px;
    background:none;border:none;color:var(--fg3);
    font-size:1.1rem;cursor:pointer;padding:2px 4px;
    transition:color .15s;line-height:1;
}
.emoji-toggle:hover{color:var(--hl)}
.chat-input-area{position:relative}
.emoji-picker{
    position:absolute;bottom:calc(100% + 4px);right:.75rem;
    width:320px;max-height:220px;overflow-y:auto;
    background:var(--s2);border:1px solid var(--s4);border-radius:8px;
    padding:.5rem;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;
    z-index:10;
}
.emoji-picker .ep-cat{
    grid-column:1/-1;font-size:.55rem;font-weight:600;color:var(--fg3);
    text-transform:uppercase;letter-spacing:1px;padding:.3rem .2rem .1rem;
}
.emoji-picker button{
    background:none;border:none;font-size:1.15rem;
    cursor:pointer;padding:4px;border-radius:4px;
    transition:background .1s;line-height:1;
}
.emoji-picker button:hover{background:var(--s4)}

/* DM reply notification dot */
.reply-dot{
    display:inline-block;width:7px;height:7px;border-radius:50%;
    background:var(--blu);margin-left:5px;vertical-align:middle;
    animation:replyPulse 2s ease-in-out infinite;
}
@keyframes replyPulse{0%,100%{opacity:1}50%{opacity:.4}}

@media(max-width:768px){
    .chat-panel{width:100%}
}

/* ADD CREATOR PANEL */
.add-panel{width:420px}
.add-body{padding:1rem 1.25rem;overflow-y:auto;max-height:60vh}
.add-row{margin-bottom:.75rem}
.add-row label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);margin-bottom:.25rem}
.add-row input,.add-row textarea,.add-row select{
    width:100%;background:var(--s2);border:1px solid var(--s4);
    border-radius:6px;padding:.45rem .6rem;color:var(--hl);
    font-size:.82rem;font-family:inherit;outline:none;
}
.add-row input:focus,.add-row textarea:focus{border-color:var(--ac)}
.add-row select{cursor:pointer}
.add-row.two{display:flex;gap:.75rem}
.add-row.two > div{flex:1}
.add-hint{font-size:.72rem;color:var(--rd);min-height:1.2em;margin-top:.25rem}

/* SETTINGS PANEL */
.settings-panel{width:560px}
.settings-body{padding:1rem 1.25rem;overflow-y:auto;max-height:65vh}
.settings-body h3{
    font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;
    color:var(--fg2);margin:1rem 0 .35rem;font-weight:600;
}
.settings-body h3:first-child{margin-top:0}
.settings-body textarea,.settings-body input[type="text"]{
    width:100%;background:var(--s2);border:1px solid var(--s4);
    border-radius:6px;padding:.45rem .6rem;color:var(--hl);
    font-size:.78rem;font-family:monospace;outline:none;resize:vertical;
}
.settings-body textarea:focus,.settings-body input[type="text"]:focus{border-color:var(--ac)}
.settings-sep{border-top:1px solid var(--fg4);margin:1.25rem 0}
.settings-hint{
    font-size:.68rem;color:var(--fg3);margin-top:.75rem;
    padding:.5rem .6rem;background:var(--s1);border-radius:6px;
}

/* SORTABLE TABLE HEADERS */
.th-sort{cursor:pointer;user-select:none;transition:color .15s}
.th-sort:hover{color:var(--fg)}
.th-sort.th-active{color:var(--ac)}
.th-arrow{font-size:.6rem;margin-left:.2rem;opacity:0;transition:opacity .15s}

/* SETTINGS EXTRA */
.settings-row{margin-bottom:.75rem}
.settings-row label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);margin-bottom:.25rem}
.settings-row select,.settings-row input[type="number"]{
    background:var(--s2);border:1px solid var(--s4);
    border-radius:6px;padding:.4rem .6rem;color:var(--hl);
    font-size:.82rem;outline:none;width:200px;
}
.settings-hint-inline{font-size:.65rem;color:var(--fg3);margin-left:.5rem}
.settings-hint.err-hint{color:var(--rd)}

/* === PIPELINE DROPDOWN === */
.pipe-dropdown-wrap{margin-left:.8rem}
.pipe-dropdown-wrap select,.listing-filter-wrap select{
    background:var(--s2);color:var(--fg2);border:1px solid var(--s4);
    border-radius:4px;padding:5px 10px;font-size:.72rem;cursor:pointer;
    outline:none;font-family:inherit;
}
.pipe-dropdown-wrap select:focus,.listing-filter-wrap select:focus{border-color:var(--blu)}
.listing-filter-wrap{margin-left:.5rem}

/* === SPLIT VIEW (Double Window) === */
.split-container{
    display:flex;width:100%;min-height:calc(100vh - 160px);
}
.split-pane{
    flex:1;min-width:0;overflow-x:auto;
}
.split-divider{
    width:1px;background:var(--s4);flex-shrink:0;
}
.split-header{
    padding:.6rem 1rem;
    background:var(--s2);
    border-bottom:1px solid var(--fg4);
    font-size:.65rem;font-weight:700;
    letter-spacing:1.5px;text-transform:uppercase;
    color:var(--fg2);
}
.split-count{
    font-weight:400;color:var(--fg3);margin-left:.4rem;
}

/* Summary in split view (smaller) */
.summary-sm .s{padding:.6rem 1rem}
.summary-sm .s .v{font-size:1.2rem}
.summary-sm .s label{font-size:.5rem;letter-spacing:1px}

/* Table head in split view (smaller) */
.tbl-head-sm{
    grid-template-columns:2fr 1fr .8fr 1.2fr !important;
    padding:.5rem 1rem !important;
    font-size:.52rem !important;
}

/* Rows in split pane */
.split-pane .row{
    grid-template-columns:2fr 1fr .8fr 1.2fr;
    padding:.65rem 1rem;
}
.split-pane .c-name{font-size:.78rem}
.split-pane .c-sub{font-size:.65rem}
.split-pane .c-bio{display:none}
.split-pane .c-metric{font-size:.72rem}
.split-pane .c-score{font-size:.78rem}
.split-pane .act{padding:.3rem .5rem;font-size:.55rem}

/* Sheet table in split view */
.sheet-tbl-sm th{padding:.5rem .6rem;font-size:.52rem}
.sheet-tbl-sm td{padding:.5rem .6rem;font-size:.68rem}

@media(max-width:1200px){
    .split-container{flex-direction:column}
    .split-divider{width:100%;height:1px}
}

/* === STAR / DELETE / CHECKBOX === */
.star-btn{
    background:none;border:none;cursor:pointer;
    font-size:.95rem;color:var(--s5);padding:0 3px;
    transition:color .15s;line-height:1;
}
.star-btn:hover{color:var(--amb)}
.star-btn.on{color:var(--amb)}
.del-btn{
    background:none;border:1px solid var(--s4);
    color:var(--fg3);font-size:.58rem;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;padding:3px 7px;
    cursor:pointer;transition:all .12s;font-family:inherit;
}
.del-btn:hover{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.4);color:var(--rd)}
.bl-btn{
    background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);
    color:var(--rd);font-size:.58rem;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;padding:3px 7px;
    cursor:pointer;transition:all .12s;font-family:inherit;
}
.bl-btn:hover{background:rgba(248,113,113,.2);border-color:rgba(248,113,113,.5);color:var(--rd)}
.cand-chk{
    accent-color:var(--blu);width:14px;height:14px;
    cursor:pointer;margin-right:4px;vertical-align:middle;
}

/* Candidate filter & bulk actions */
.cand-filter-wrap{margin-left:.5rem}
.cand-filter-wrap select{
    background:var(--s2);color:var(--fg2);border:1px solid var(--s4);
    border-radius:4px;padding:5px 10px;font-size:.72rem;cursor:pointer;
    outline:none;font-family:inherit;
}
.cand-filter-wrap select:focus{border-color:var(--blu)}
.bulk-btn{
    background:none;border:1px solid var(--s4);
    color:var(--fg3);font-size:.62rem;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;
    cursor:pointer;transition:all .12s;font-family:inherit;margin-left:.4rem;
}
.bulk-btn:hover{background:var(--s3);border-color:var(--s5);color:var(--hl)}
.bulk-btn.danger:hover{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.4);color:var(--rd)}

/* === FOLDER CARDS === */
.fld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:2rem}
.fld-card{
    background:var(--s1);border:1px solid var(--fg4);
    padding:1.2rem 1.5rem;cursor:pointer;
    transition:all .15s;
}
.fld-card:hover{background:var(--s2);border-color:var(--s5)}
.fld-card-name{
    font-size:.92rem;font-weight:600;color:var(--hl);
    margin-bottom:.4rem;letter-spacing:-.2px;
}
.fld-card-count{
    font-size:.65rem;color:var(--fg3);font-weight:500;
    text-transform:uppercase;letter-spacing:.5px;
}
.fld-card-acts{
    display:flex;gap:.3rem;margin-top:.8rem;
}
.fld-card-acts button{
    background:none;border:1px solid var(--s4);
    color:var(--fg3);font-size:.55rem;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;
    cursor:pointer;transition:all .12s;font-family:inherit;
}
.fld-card-acts button:hover{background:var(--s3);border-color:var(--s5);color:var(--hl)}
.fld-new-btn{
    background:none;border:2px dashed var(--s4);
    color:var(--fg3);display:flex;align-items:center;justify-content:center;
    font-size:.78rem;font-weight:500;cursor:pointer;
    transition:all .15s;min-height:100px;
}
.fld-new-btn:hover{border-color:var(--s5);color:var(--fg2);background:var(--s1)}
.fld-detail-back{
    display:inline-flex;align-items:center;gap:.3rem;
    background:none;border:none;color:var(--fg3);
    font-size:.68rem;font-weight:500;cursor:pointer;
    font-family:inherit;letter-spacing:.5px;text-transform:uppercase;
    padding:.8rem 2rem;transition:color .15s;
}
.fld-detail-back:hover{color:var(--hl)}
.fld-detail-title{
    font-size:1rem;font-weight:600;color:var(--hl);
    padding:0 2rem .8rem;border-bottom:1px solid var(--fg4);
    letter-spacing:-.2px;
}

/* === BLACKLIST PAGE === */
.bl-grid{padding:2rem}
.bl-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:.65rem 1rem;border-bottom:1px solid var(--fg4);
}
.bl-row:nth-child(odd){background:var(--row-odd)}
.bl-row:hover{background:var(--s2)}
.bl-name{font-size:.82rem;font-weight:500}
.bl-handle{font-size:.72rem;color:var(--fg3);margin-left:.5rem}
.bl-rm{
    background:none;border:1px solid var(--s4);
    color:var(--fg3);font-size:.55rem;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;
    cursor:pointer;transition:all .12s;font-family:inherit;
}
.bl-rm:hover{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.4);color:var(--rd)}

/* === THEME TOGGLE === */
.top-r .theme-toggle{
    display:inline-flex;align-items:center;justify-content:center;
    padding:.25rem .45rem;font-size:.9rem;line-height:1;
    color:var(--fg2);
}
.top-r .theme-toggle:hover{color:var(--hl)}
.theme-toggle .theme-icon-dark,
.theme-toggle .theme-icon-light{display:inline-block}
[data-theme="dark"] .theme-toggle .theme-icon-light{display:none}
[data-theme="light"] .theme-toggle .theme-icon-dark{display:none}

/* === COLLAPSIBLE SETTINGS SECTIONS === */
.panel-section{
    border:1px solid var(--fg4);
    margin-bottom:.6rem;
    background:var(--s1);
}
.panel-section-head{
    width:100%;display:flex;align-items:center;gap:.5rem;
    padding:.65rem .9rem;background:var(--s2);border:none;
    color:var(--fg);font-size:.72rem;font-weight:600;
    text-transform:uppercase;letter-spacing:1px;
    text-align:left;cursor:pointer;font-family:inherit;
    transition:background .12s;
}
.panel-section-head:hover{background:var(--s3)}
.panel-section-head .ps-arrow{
    display:inline-block;width:.8rem;color:var(--fg3);
    font-size:.7rem;line-height:1;
}
.panel-section-body{padding:.8rem .9rem .9rem}
.panel-section.collapsed .panel-section-body{display:none}
.panel-section .panel-section-body h3:first-child{margin-top:0}

/* Region switcher in top bar (Phase D) */
/* Bulk action buttons */
.bulk-btn{font-size:.62rem !important}

/* Analytics tab */
.analytics-controls{margin-bottom:1rem}
.analytics-controls select{background:var(--s2);color:var(--fg);border:1px solid var(--s3);border-radius:.25rem;padding:.35rem .5rem;font-size:.75rem}
.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
.analytics-card{background:var(--s1);border:1px solid var(--s3);border-radius:.4rem;padding:1rem}
.analytics-card-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);font-weight:600;margin-bottom:.7rem}
.funnel-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.funnel-label{width:90px;font-size:.7rem;color:var(--fg2);text-align:right;flex-shrink:0}
.funnel-bar-wrap{flex:1;height:20px;background:var(--s2);border-radius:4px;overflow:hidden}
.funnel-bar{height:100%;border-radius:4px;transition:width .3s}
.funnel-val{font-size:.75rem;font-weight:600;color:var(--fg);min-width:70px}
.funnel-pct{font-size:.6rem;color:var(--fg3);font-weight:400}
.analytics-stat-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.75rem;color:var(--fg2);border-bottom:1px solid var(--s3)}
.analytics-stat-row:last-child{border-bottom:none}
@media (max-width:800px){.analytics-grid{grid-template-columns:1fr}}
.history-table{width:100%;border-collapse:collapse;font-size:.78rem}
.history-table th{text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);font-weight:600;padding:.5rem .6rem;border-bottom:2px solid var(--s3)}
.history-table td{padding:.45rem .6rem;border-bottom:1px solid var(--s3);color:var(--fg2)}
.history-table tr:hover td{background:var(--s1)}

.region-switcher{position:relative;margin-right:.4rem}
.region-current{
    display:flex;align-items:center;gap:.35rem;
    background:var(--s2);border:1px solid var(--s3);
    color:var(--fg);font-size:.7rem;font-weight:600;
    padding:.35rem .55rem;border-radius:.3rem;cursor:pointer;
    letter-spacing:.04em;
}
.region-current:hover{background:var(--s3)}
.region-flag{
    background:var(--fg);color:var(--bg);
    padding:.05rem .3rem;border-radius:.2rem;
    font-size:.6rem;font-weight:700;letter-spacing:.05em;
}
.region-name{font-weight:500;color:var(--fg2)}
.region-caret{font-size:.55rem;color:var(--fg3);margin-left:.15rem}
.region-menu{
    position:absolute;top:calc(100% + 4px);left:0;z-index:50;
    background:var(--s1);border:1px solid var(--s3);border-radius:.3rem;
    min-width:160px;padding:.25rem;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.region-menu button{
    display:flex;align-items:center;gap:.5rem;width:100%;
    background:none;border:none;color:var(--fg);
    font-size:.72rem;padding:.4rem .5rem;text-align:left;
    cursor:pointer;border-radius:.2rem;
}
.region-menu button:hover{background:var(--s3)}

/* Login page region picker */
.gate-region-wrap{
    margin-top:1rem;display:flex;flex-direction:column;align-items:center;
    gap:.3rem;width:260px;
}
.gate-region-wrap label{
    font-size:.6rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;
}
.gate-region-wrap select{
    width:100%;background:var(--s2);color:var(--fg);
    border:1px solid var(--fg3);border-radius:.25rem;
    padding:.45rem .55rem;font-size:.85rem;text-align:center;
    cursor:pointer;
}

/* Regions editable cards (Phase C) */
.regions-loading,.regions-empty{font-size:.75rem;color:var(--fg3);padding:.5rem 0}
.rg-ok{color:var(--ok,#4ade80)}
.rg-bad{color:var(--bad,#f87171)}
.rg-dim{color:var(--fg3)}
.rg-optional{color:var(--fg3);font-weight:400;font-size:.65rem;text-transform:none;letter-spacing:0}

#settings-regions-cards{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}
.region-card{
    border:1px solid var(--s3);border-radius:.4rem;background:var(--s1);
}
.region-card-head{
    display:flex;align-items:center;gap:.6rem;
    padding:.55rem .7rem;border-bottom:1px solid var(--s3);
    font-size:.75rem;
}
.region-card-head strong{font-size:.85rem}
.region-card-key{color:var(--fg3);font-size:.65rem;font-family:ui-monospace,Menlo,monospace}
.rg-badge{
    margin-left:auto;font-size:.6rem;padding:.15rem .45rem;
    border-radius:.25rem;background:var(--s3);text-transform:uppercase;letter-spacing:.04em;
}
.rg-badge.rg-ok{background:rgba(74,222,128,.15)}
.rg-badge.rg-bad{background:rgba(248,113,113,.12)}

.region-card-body{padding:.6rem .8rem .8rem}
.region-card-body h4{
    margin:.7rem 0 .35rem;font-size:.65rem;text-transform:uppercase;
    letter-spacing:.05em;color:var(--fg3);font-weight:600;
}
.region-card-body h4:first-child{margin-top:0}
.region-card-body textarea{
    width:100%;font-family:ui-monospace,Menlo,monospace;font-size:.7rem;
    background:var(--s2);color:var(--fg);border:1px solid var(--s3);
    border-radius:.25rem;padding:.4rem .5rem;resize:vertical;
}
.region-card-body input[type="text"],.region-card-body input[type="password"]{
    width:100%;background:var(--s2);color:var(--fg);
    border:1px solid var(--s3);border-radius:.25rem;
    padding:.35rem .5rem;font-size:.7rem;
}
.settings-hint-inline{display:inline-block;margin-top:.25rem;font-size:.6rem;color:var(--fg3)}

/* Google Sheet linking guide box */
.sheet-link-guide{
    margin-top:.6rem;padding:.6rem .7rem;
    background:var(--s2);border:1px solid var(--s3);border-radius:.3rem;
    font-size:.68rem;color:var(--fg2);
}
.sheet-link-title{font-weight:600;font-size:.7rem;margin-bottom:.4rem;color:var(--fg)}
.sheet-link-steps{margin:0;padding-left:1.3rem}
.sheet-link-steps li{margin-bottom:.3rem;line-height:1.4}
.sheet-link-steps code{font-size:.62rem;background:var(--s3);padding:.1rem .3rem;border-radius:.15rem;word-break:break-all}
.sheet-link-email{
    display:flex;align-items:center;gap:.4rem;
    margin:.5rem 0 .3rem;padding:.35rem .5rem;
    background:var(--s1);border:1px solid var(--s3);border-radius:.25rem;
}
.sheet-link-email code{
    flex:1;font-size:.7rem;font-family:ui-monospace,Menlo,monospace;
    color:var(--fg);word-break:break-all;user-select:all;
}
.sheet-link-email .copy-btn{
    flex-shrink:0;padding:.2rem .5rem;font-size:.6rem;
    background:var(--s3);border:1px solid var(--s4,var(--s3));color:var(--fg);
    border-radius:.2rem;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;
}
.sheet-link-email .copy-btn:hover{background:var(--fg4,var(--s3));color:var(--fg)}
.sheet-link-note{font-size:.6rem;color:var(--fg3);font-style:italic}

/* Creator profile panel */
.profile-panel{max-width:500px;width:90vw}
.profile-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--s3)}
.profile-identity{display:flex;align-items:center;gap:.7rem}
.profile-score{
    font-size:1.2rem;font-weight:700;
    background:var(--s3);color:var(--fg);
    width:2.5rem;height:2.5rem;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
}
.profile-name{font-size:.9rem;font-weight:600;color:var(--fg)}
.profile-display{font-size:.72rem;color:var(--fg3)}
.profile-close{background:none;border:none;color:var(--fg3);font-size:1.4rem;cursor:pointer;padding:.2rem .4rem}
.profile-close:hover{color:var(--fg)}
.profile-links{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem}
.prof-link{
    font-size:.65rem;padding:.25rem .6rem;
    border:1px solid var(--s3);border-radius:.2rem;
    color:var(--fg2);text-decoration:none;
}
.prof-link:hover{background:var(--s3);color:var(--fg)}
.prof-link-x{border-color:rgba(29,155,240,.3);color:rgba(29,155,240,.9)}
.prof-link-yt{border-color:rgba(255,0,0,.2);color:rgba(255,60,60,.9)}
.prof-link-em{border-color:var(--s3)}
.profile-bio{padding:.5rem 1rem;font-size:.75rem;color:var(--fg2);line-height:1.5;max-height:120px;overflow-y:auto}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.6rem 1rem}
.prof-stat{text-align:center}
.prof-stat-val{font-size:.9rem;font-weight:600;color:var(--fg)}
.prof-stat-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);margin-top:.15rem}
.profile-section{padding:.4rem 1rem}
.profile-section-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);font-weight:600;margin-bottom:.4rem}
.prof-bd-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.68rem}
.prof-bd-label{width:110px;color:var(--fg3);flex-shrink:0;text-align:right}
.prof-bd-bar{height:6px;background:var(--ok,#4ade80);border-radius:3px;min-width:2px}
.prof-bd-bar.neg{background:var(--bad,#f87171)}
.prof-bd-val{color:var(--fg2);font-weight:500;min-width:30px}
.prof-event{font-size:.7rem;color:var(--fg2);padding:.2rem 0}
.prof-dim{font-size:.68rem;color:var(--fg3);font-style:italic}
.profile-history{max-height:100px;overflow-y:auto}
.profile-actions{display:flex;gap:.4rem;padding:.6rem 1rem;border-top:1px solid var(--s3);flex-wrap:wrap}
.profile-actions .act{padding:.35rem .7rem;font-size:.7rem}

.region-card-actions{margin-top:.8rem;display:flex;align-items:center;gap:.6rem}
.region-card-actions .panel-send{padding:.4rem .9rem;font-size:.7rem;width:auto}
.region-save-status{font-size:.65rem;color:var(--fg3)}
.region-save-status.ok{color:var(--ok,#4ade80)}
.region-save-status.err{color:var(--bad,#f87171)}
.region-save-status.dim{color:var(--fg3)}