/* STABLE SEARCH FILTER SORT */
.portal-tools-stable {
    display: grid !important;
    grid-template-columns: 1.3fr .75fr .75fr auto !important;
    gap: 10px !important;
    margin: 14px 0 12px !important;
    align-items: center !important;
}

.portal-search-stable,
.portal-filter-stable,
.portal-sort-stable {
    width: 100% !important;
    padding: 12px 13px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(56,189,248,.28) !important;
    background: #020817 !important;
    color: #e5e7eb !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    outline: none !important;
}

.portal-search-stable:focus,
.portal-filter-stable:focus,
.portal-sort-stable:focus {
    border-color: rgba(56,189,248,.65) !important;
    box-shadow: 0 0 0 2px rgba(56,189,248,.12) !important;
}

.portal-reset-stable {
    border: none !important;
    border-radius: 13px !important;
    background: #334155 !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    padding: 12px 16px !important;
    cursor: pointer !important;
}

.portal-row-hidden-stable {
    display: none !important;
}

@media (max-width: 700px) {
    .portal-tools-stable {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .portal-search-stable,
    .portal-filter-stable,
    .portal-sort-stable,
    .portal-reset-stable {
        font-size: 12px !important;
        padding: 11px !important;
    }
}