/* ==========================================================================
   components/dropdown.css
   ========================================================================== */

.dropdown-menu {
    font-size: 0.8438rem;
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius);
    box-shadow: var(--crm-shadow-md);
    padding: 0.375rem;
    min-width: 200px;
}

.dropdown-item {
    border-radius: var(--crm-radius-sm);
    padding: 0.4375rem 0.625rem;
    color: var(--crm-text);
    font-weight: 450;
}
.dropdown-item i { width: 16px; color: var(--crm-text-muted); margin-right: 0.375rem; }

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--crm-surface-alt);
    color: var(--crm-ink);
}
.dropdown-item.active {
    background: var(--crm-primary-soft);
    color: var(--crm-primary);
}
.dropdown-item.text-danger:hover { background: var(--crm-danger-bg); }

.dropdown-divider { border-color: var(--crm-border); margin: 0.375rem 0; }

.dropdown-header {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--crm-text-muted);
    padding: 0.375rem 0.625rem;
}