/* _content/ARCHER.Web.Client.Controls/Components/WcGrid/WcGrid.razor.rz.scp.css */
/* ── Shared  -----─────────────────────────────────────── */
[b-61zmpkbims] .col-options-button,
[b-61zmpkbims] .col-options {
    --col-icon-size: 20px;
    --col-icon-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' width='20px' viewBox='0 -960 960 960'%3E%3Cpath d='M456.18-192Q446-192 439-198.9t-7-17.1v-227L197-729q-9-12-2.74-25.5Q200.51-768 216-768h528q15.49 0 21.74 13.5Q772-741 763-729L528-443v227q0 10.2-6.88 17.1-6.89 6.9-17.06 6.9h-47.88ZM480-498l162-198H317l163 198Zm0 0Z'/%3E%3C%2Fsvg%3E");
    --col-icon-filter-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' width='20px' viewBox='0 -960 960 960' fill='%23CC5500'%3E%3Cpath d='M456.18-192Q446-192 439-198.9t-7-17.1v-227L197-729q-9-12-2.74-25.5Q200.51-768 216-768h528q15.49 0 21.74 13.5Q772-741 763-729L528-443v227q0 10.2-6.88 17.1-6.89 6.9-17.06 6.9h-47.88ZM480-498l162-198H317l163 198Zm0 0Z'/%3E%3C%2Fsvg%3E");
}

/* ── Filter button ─────────────────────────────────────── */
[b-61zmpkbims] .col-options-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    width: var(--col-btn-size);
    min-width: var(--col-btn-size);
    height: var(--col-btn-size);
    padding: 0;
    border: none;
    border-radius: 0.25rem;
    background-image: var(--col-icon-filter);
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--col-icon-size);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    [b-61zmpkbims] .col-options-button:hover {
        transform: scale(1.1);
    }

/* Active filter state — orange icon */
[b-61zmpkbims] th:has(input[placeholder^="Filter"]:not(:placeholder-shown)) .col-options-button,
[b-61zmpkbims] th.has-filter-value .col-options-button {
    background-image: var(--col-icon-filter-active);
}

/* Hidden when collapsed */
[b-61zmpkbims] .col-options-button[aria-expanded="false"] + .col-options {
    display: none;
}

/* ── Dropdown panel ────────────────────────────────────── */
[b-61zmpkbims] .col-options {
    position: absolute;
    z-index: 50;
    width: 16rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

/* ── Column header layout ──────────────────────────────── */
[b-61zmpkbims] .col-header-content {
    --col-btn-size: 1.5rem;
    display: flex;
    align-items: center;
    position: relative;
}

[b-61zmpkbims] .col-title {
    flex: 1;
    padding-left: var(--col-btn-size);
    padding-right: var(--col-btn-size);
}

[b-61zmpkbims] .col-title-text {
    display: block;
    text-align: center;
}

[b-61zmpkbims] th.col-sort-asc .col-header-content,
[b-61zmpkbims] th.col-sort-desc .col-header-content {
    margin-right: 1rem;
}