/* Explain: Styles for the exam catalog search and filtering UI. */
/* Busca e filtros do catálogo de exames na ficha do paciente */
.exam-search {
    position: relative;
    margin-bottom: 0.9rem;
}

.exam-search > i {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 0.9rem;
    pointer-events: none;
}

.exam-search .clinic-field { padding-left: 2.5rem !important; }

.exam-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.exam-filter {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.85rem;
    min-height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    background: var(--surface-color);
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.exam-filter:hover { border-color: var(--primary-color); color: var(--primary-hover); background: var(--primary-soft); }
.exam-filter.is-active { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }

.exam-empty {
    font-size: 0.82rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.55;
    padding: 1.5rem 0.5rem;
}