/* AstronovAI Global Filter Drawer v14.70 */
.ai-filter-drawer{
    position:fixed !important;
    inset:0 !important;
    z-index:100000 !important;
    display:none !important;
    pointer-events:none !important;
}

.ai-filter-drawer.is-open{
    display:block !important;
    pointer-events:auto !important;
}

html.ai-global-explorer-open,
body.ai-global-explorer-open{
    overflow:hidden !important;
}

.ai-filter-drawer__backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(2,6,23,.55) !important;
    backdrop-filter:blur(9px) !important;
    -webkit-backdrop-filter:blur(9px) !important;
}

.ai-filter-drawer__panel{
    position:absolute !important;
    right:24px !important;
    top:88px !important;
    bottom:24px !important;
    width:min(500px,calc(100vw - 48px)) !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    border:1px solid rgba(226,232,240,.96) !important;
    box-shadow:0 36px 110px rgba(2,6,23,.28) !important;
    color:#061224 !important;
}

.admin-bar .ai-filter-drawer__panel{
    top:120px !important;
}

.ai-filter-drawer__header{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding:26px 28px 20px !important;
    border-bottom:1px solid rgba(226,232,240,.9) !important;
}

.ai-filter-drawer__kicker{
    display:inline-flex !important;
    width:max-content !important;
    align-items:center !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

.ai-filter-drawer__header h2{
    margin:12px 0 8px !important;
    color:#071225 !important;
    font-size:32px !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
}

.ai-filter-drawer__header p{
    margin:0 !important;
    max-width:320px !important;
    color:#526176 !important;
    font-size:14px !important;
    font-weight:760 !important;
    line-height:1.55 !important;
}

.ai-filter-drawer__close{
    position:relative !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:17px !important;
    border:1px solid rgba(203,213,225,.95) !important;
    background:#f8fafc !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
    cursor:pointer !important;
    padding:0 !important;
}

.ai-filter-drawer__close span,
.ai-filter-drawer__close span:before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:18px !important;
    height:2px !important;
    margin:-1px 0 0 -9px !important;
    border-radius:999px !important;
    background:#0f172a !important;
}

.ai-filter-drawer__close span{
    transform:rotate(45deg) !important;
}

.ai-filter-drawer__close span:before{
    transform:rotate(90deg) !important;
}

.ai-filter-drawer__body{
    overflow:auto !important;
    padding:22px 28px 110px !important;
}

.ai-filter-section{
    margin:0 0 24px !important;
    padding:18px !important;
    border-radius:22px !important;
    background:#f8fafc !important;
    border:1px solid rgba(226,232,240,.9) !important;
}

.ai-filter-section__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:12px !important;
}

.ai-filter-section__head h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
}

.ai-filter-section__head span{
    color:#64748b !important;
    font-size:11.5px !important;
    font-weight:850 !important;
}

.ai-filter-chip-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

.ai-filter-chip-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.ai-filter-chip{
    min-height:40px !important;
    width:100% !important;
    max-width:100% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    border:1px solid rgba(203,213,225,.92) !important;
    background:#fff !important;
    color:#334155 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
    padding:0 12px !important;
    cursor:pointer !important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}

.ai-filter-chip-row .ai-filter-chip{
    width:auto !important;
    min-width:max-content !important;
    padding-left:16px !important;
    padding-right:16px !important;
}

.ai-filter-chip span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.ai-filter-chip:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(37,99,235,.35) !important;
    box-shadow:0 12px 24px rgba(37,99,235,.08) !important;
}

.ai-filter-chip.is-active{
    background:#061224 !important;
    color:#fff !important;
    border-color:#061224 !important;
    box-shadow:0 14px 28px rgba(2,6,23,.16) !important;
}

.ai-filter-section--split{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
}

.ai-filter-select{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:14px !important;
    border:1px solid rgba(203,213,225,.95) !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    padding:0 38px 0 12px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
}

.ai-filter-active{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:0 !important;
}

.ai-filter-active:empty{
    display:none !important;
}

.ai-filter-active span{
    display:inline-flex !important;
    align-items:center !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#2563eb !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-transform:capitalize !important;
}

.ai-filter-drawer__actions{
    display:grid !important;
    grid-template-columns:1fr 1.2fr !important;
    gap:12px !important;
    padding:18px 28px 22px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 42%) !important;
    border-top:1px solid rgba(226,232,240,.9) !important;
}

.ai-filter-reset,
.ai-filter-submit{
    min-height:48px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-weight:950 !important;
    font-size:13px !important;
}

.ai-filter-reset{
    background:#fff !important;
    color:#0f172a !important;
    border:1px solid rgba(203,213,225,.95) !important;
    cursor:pointer !important;
}

.ai-filter-submit{
    background:#061224 !important;
    color:#fff !important;
    border:1px solid #061224 !important;
}

/* Kill the deprecated v14.64/v14.65 drawer if a cached footer still prints it. */
.ai-global-explorer:not(.ai-filter-drawer),
.ai-global-explorer .ai-global-explorer-panel,
.ai-global-explorer .ai-global-explorer-search,
.ai-global-explorer .ai-global-explorer-results,
.ai-global-explorer .ai-global-results-list,
.ai-global-explorer .ai-global-results-head,
.ai-global-explorer [data-ai-global-results-list],
.ai-global-explorer [data-ai-global-results-count],
.ai-global-explorer [data-ai-global-results-title],
.ai-global-explorer .ai-global-chip-grid,
.ai-global-explorer .ai-global-filter-group,
.ai-global-explorer .ai-global-explorer-layout{
    all:unset !important;
}

.ai-global-explorer:not(.ai-filter-drawer){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

@media(max-width:720px){
    .ai-filter-drawer__panel{
        left:10px !important;
        right:10px !important;
        top:118px !important;
        bottom:10px !important;
        width:auto !important;
        border-radius:24px !important;
    }

    .admin-bar .ai-filter-drawer__panel{
        top:150px !important;
    }

    .ai-filter-drawer__header{
        padding:20px 20px 18px !important;
    }

    .ai-filter-drawer__header h2{
        font-size:27px !important;
    }

    .ai-filter-drawer__body{
        padding:18px 18px 100px !important;
    }

    .ai-filter-section{
        padding:15px !important;
        border-radius:20px !important;
    }

    .ai-filter-chip-grid{
        grid-template-columns:1fr !important;
    }

    .ai-filter-section--split{
        grid-template-columns:1fr !important;
    }

    .ai-filter-drawer__actions{
        grid-template-columns:1fr !important;
        padding:14px 18px 18px !important;
    }
}
