/* ── STICKY TOP ── */
#sticky-top{position:sticky;top:0;z-index:200}

/* ── HEADER ── */
.dash-hdr{background:var(--bg2);border-bottom:1px solid var(--bdr);padding:.8rem 1.75rem;display:flex;align-items:center;justify-content:space-between;transition:background .2s,border-color .2s}
.hdr-logo{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--blue)}
.hdr-right{display:flex;align-items:center;gap:.7rem;font-size:.82rem;color:var(--t2)}
.hdr-badge{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:var(--blue);padding:3px 12px;border-radius:20px;font-size:.77rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-reset{background:transparent;border:1px solid var(--bdr);color:var(--t2);padding:5px 12px;border-radius:6px;font-size:.78rem;cursor:pointer;transition:all .2s}
.btn-reset:hover{border-color:var(--blue);color:var(--blue)}

/* ── FILTER BAR ── */
#filter-bar{background:var(--bg2);border-bottom:1px solid var(--bdr);padding:.65rem 1.75rem;display:none;transition:background .2s,border-color .2s}
#filter-bar.visible{display:block}
.filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.filter-group{display:flex;flex-direction:column;gap:3px}
.filter-lbl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3)}
.date-pair{display:flex;align-items:center;gap:5px}
.date-inp{background:var(--bg);border:1px solid var(--bdr);border-radius:6px;padding:5px 8px;color:var(--t1);font-size:.8rem;outline:none;transition:border-color .2s;width:132px}
.date-inp:focus{border-color:var(--blue)}
.date-sep{color:var(--t3);font-size:.8rem}
.filter-divider{width:1px;height:32px;background:var(--bdr);flex-shrink:0;margin:0 .25rem}
.filter-text-inp{background:var(--bg);border:1px solid var(--bdr);border-radius:6px;padding:5px 10px;color:var(--t1);font-size:.8rem;outline:none;width:170px;transition:border-color .2s}
.filter-text-inp:focus{border-color:var(--blue)}
.filter-text-inp::placeholder{color:var(--t3)}
.btn-apply{background:linear-gradient(135deg,var(--blue),var(--blue3));color:#fff;border:none;padding:6px 16px;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(59,130,246,.3);white-space:nowrap}
.btn-apply:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(59,130,246,.4)}
.btn-clear-f{background:transparent;border:1px solid var(--bdr);color:var(--t2);padding:6px 12px;border-radius:7px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-clear-f:hover{border-color:var(--red);color:var(--red)}
.filter-count-badge{font-size:.78rem;color:var(--t3);white-space:nowrap;margin-left:auto}
.filter-count-badge strong{color:var(--t1)}
.filter-count-badge .filtered-warn{color:var(--amber);font-weight:700}

/* ── ACTIVE CHIPS ── */
#active-chips{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.4rem 0 0;min-height:0}
#active-chips:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:5px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);color:var(--blue2);padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;transition:all .15s}
.chip .chip-x{cursor:pointer;opacity:.7;font-size:.8rem;line-height:1;margin-left:2px}
.chip .chip-x:hover{opacity:1}

/* ── MULTISELECT ── */
.ms-wrap{position:relative}
.ms-trigger{background:var(--bg);border:1px solid var(--bdr);border-radius:6px;padding:5px 10px;color:var(--t1);font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s;min-width:130px;justify-content:space-between}
.ms-trigger:hover,.ms-trigger.ms-open{border-color:var(--blue)}
.ms-trigger.ms-active{border-color:var(--blue);background:rgba(59,130,246,.08);color:var(--blue2)}
.ms-badge{background:var(--blue);color:#fff;border-radius:10px;padding:1px 6px;font-size:.66rem;font-weight:700}
.ms-arrow{font-size:.65rem;opacity:.6;transition:transform .2s}
.ms-trigger.ms-open .ms-arrow{transform:rotate(180deg)}
.ms-panel{position:fixed;background:var(--card);border:1px solid var(--bdr);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:9000;width:300px;display:none;flex-direction:column;max-height:380px;overflow:hidden}
.ms-panel.open{display:flex}
.ms-search-wrap{padding:.6rem .6rem .3rem;border-bottom:1px solid var(--bdr)}
.ms-search-inp{width:100%;background:var(--bg);border:1px solid var(--bdr);border-radius:6px;padding:5px 9px;color:var(--t1);font-size:.8rem;outline:none}
.ms-search-inp:focus{border-color:var(--blue)}
.ms-search-inp::placeholder{color:var(--t3)}
.ms-actions{display:flex;gap:.5rem;padding:.4rem .6rem;border-bottom:1px solid var(--bdr)}
.ms-act-btn{background:transparent;border:1px solid var(--bdr);color:var(--t2);padding:3px 10px;border-radius:5px;font-size:.72rem;cursor:pointer;transition:all .15s;flex:1}
.ms-act-btn:hover{border-color:var(--blue);color:var(--blue)}
.ms-list{overflow-y:auto;flex:1}
.ms-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(30,58,95,.2)}
.ms-item:hover{background:rgba(59,130,246,.06)}
.ms-item.checked{background:rgba(59,130,246,.08)}
.ms-item input[type=checkbox]{accent-color:var(--blue);width:14px;height:14px;flex-shrink:0;cursor:pointer}
.ms-item-text{flex:1;font-size:.78rem;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-item-cnt{font-size:.7rem;color:var(--t3);flex-shrink:0}
.ms-overflow{padding:6px 10px;font-size:.72rem;color:var(--t3);font-style:italic;text-align:center}