.adv-search-card {
    overflow: hidden;
    background: var(--white);
    border: var(--border-xs) var(--border-solid) var(--grey-300);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
}

.adv-form-row {
    display: flex;
    width: 100%;
    gap: var(--space-5);
    padding: var(--space-5);
    border-bottom: var(--border-xs) var(--border-solid) var(--grey-300);
}

.adv-form-row:last-child {
    border-bottom: 0;
}

.adv-form-label {
    width: 13rem;
    flex: 0 0 13rem;
}

.adv-form-title {
    margin: 0;
    color: var(--purple-3);
    font-size: var(--font-lg);
    font-weight: var(--bold);
}

.adv-form-help {
    margin: var(--space-1) 0 0 0;
    color: var(--grey-600);
    font-size: var(--font-sm);
    line-height: var(--line-normal);
}

.adv-form-control {
    flex: 1 1 0%;
    min-width: 0;
}

.adv-small-label {
    margin-bottom: var(--space-2);
    color: var(--grey-700);
    font-size: var(--font-sm);
    font-weight: var(--bold);
    text-transform: uppercase;
    letter-spacing: var(--track-wide);
}

.adv-input {
    width: 100%;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    border: var(--border-xs) var(--border-solid) var(--grey-700);
    border-radius: var(--radius-sm);
    background: var(--white);
    color: var(--grey-900);
    font-size: var(--font-md);
}

.adv-select {
    border: 0 var(--border-solid) var(--grey-700);
    background: none;
    color: var(--blue-3);
    font-size: var(--font-sm);
    cursor:pointer;
}

.adv-inner-panel {
    padding: var(--space-4);
    border: var(--border-xs) var(--border-solid) var(--grey-300);
    border-radius: var(--radius-md);
    background: var(--grey-100);
}

.adv-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.adv-chip {
    appearance: none;
    border: var(--border-xs) var(--border-solid) var(--grey-700);
    border-radius: var(--radius-pill);
    background: var(--white);
    color: var(--grey-700);
    padding: var(--space-2) var(--space-3);
    font-size: var(--font-sm);
    font-weight: var(--medium);
    cursor: pointer;
    transition: background var(--t-fast) var(--ease-std), color var(--t-fast) var(--ease-std), border-color var(--t-fast) var(--ease-std), transform var(--t-fast) var(--ease-std), box-shadow var(--t-fast) var(--ease-std);
}

.adv-chip:hover {
    transform: scale(var(--hover-scale-sm));
    box-shadow: var(--shadow-sm);
}

.adv-chip.is-active {
    background: var(--purple-3);
    border-color: var(--purple-3);
    color: var(--white);
    box-shadow: var(--shadow-sm);
}

.adv-chip-danger.is-active {
    background: var(--red-3);
    border-color: var(--red-3);
    color: var(--white);
}

.adv-query-input {
    font-family: monospace;
    background: var(--grey-100);
}

#adv-query-preview {
    font-family: monospace;
}

#advanced-search-controls {
    width: 100%;
}

@media (max-width: 768px) {
    .adv-form-row {
        flex-direction: column;
        gap: var(--space-3);
        padding: var(--space-4);
    }

    .adv-form-label {
        width: 100%;
        flex: 0 0 auto;
    }

    .adv-form-help {
        max-width: none;
    }

    .adv-select {
        width: 100%;
    }

    .adv-inner-panel {
        width: 100%;
    }

    .adv-chip-grid {
        gap: var(--space-2);
    }

    .adv-chip {
        flex: 1 1 calc(50% - var(--space-2));
        text-align: center;
    }
}

@media (max-width: 480px) {
    .adv-form-row {
        padding: var(--space-3);
    }

    .adv-inner-panel {
        padding: var(--space-3);
    }

    .adv-chip {
        flex: 1 1 100%;
    }

    #advanced-search-controls {
        width: 100%;
    }

    #advanced-search-controls .fbtn {
        width: 100%;
    }
}