/* ==========================================
   GLOBAL WORKSPACE FILTER SCOPE
========================================== */

.atlas-filter-scope{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:7px 24px;
    border-bottom:1px solid var(--border);
    background:rgba(15,18,27,.94);
}

.atlas-filter-scope-summary{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}

.atlas-filter-scope-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:9px;
    background:rgba(var(--workspace-accent-rgb),.13);
    color:var(--workspace-accent);
    font-size:12px;
}

.atlas-filter-scope-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.atlas-filter-scope-copy small{
    color:var(--text-light);
    font-size:12px;
    line-height:1;
}

.atlas-filter-scope-copy strong{
    max-width:240px;
    overflow:hidden;
    margin-top:3px;
    color:var(--text);
    font-size:12px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.atlas-filter-scope-count{
    padding-left:10px;
    border-left:1px solid var(--border);
    color:var(--text-light);
    font-size:12px;
    white-space:nowrap;
}

.atlas-filter-chips{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
}

.atlas-filter-chips::-webkit-scrollbar{ display:none; }

.atlas-filter-chips button,
.atlas-filter-clear{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:30px;
    padding:6px 9px;
    border:1px solid rgba(var(--workspace-accent-rgb),.3);
    border-radius:999px;
    background:rgba(var(--workspace-accent-rgb),.09);
    color:var(--text);
    font-family:inherit;
    font-size:12px;
    cursor:pointer;
    white-space:nowrap;
}

.atlas-filter-chips button:hover,
.atlas-filter-chips button:focus-visible,
.atlas-filter-clear:hover,
.atlas-filter-clear:focus-visible{
    border-color:var(--workspace-accent);
    background:rgba(var(--workspace-accent-rgb),.16);
    outline:none;
}

.atlas-filter-chips button > i:first-child{ color:var(--workspace-accent); }
.atlas-filter-chips button > i:last-child{ color:var(--text-light); }

.atlas-filter-clear{
    margin-left:auto;
    flex:0 0 auto;
    border-color:var(--border);
    background:rgba(255,255,255,.025);
    color:var(--text-light);
}

html[data-theme="light"] .atlas-filter-scope{
    background:rgba(247,248,252,.96);
}

@media (max-width:920px){
    .atlas-filter-scope{
        flex-wrap:wrap;
        padding:8px 18px;
    }

    .atlas-filter-chips{
        order:3;
        width:100%;
    }
}

@media (max-width:600px){
    .atlas-filter-scope-count{ display:none; }
    .atlas-filter-scope-copy strong{ max-width:180px; }
}