/* ============================================================
   Client Requests — Export column picker (drag & drop)
   ============================================================ */
#cr-exp-list { display: flex; flex-direction: column; gap: 6px; }

.cr-exp-item {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    background: var(--bg-card, #fff);
    cursor: grab;
    transition: all .15s;
    font-size: 13px;
    user-select: none;
}
.cr-exp-item:hover { border-color: #0891b2; background: rgba(8,145,178,.04); }
.cr-exp-item.cr-exp-dragging { opacity: .4; }
.cr-exp-item.cr-exp-over { border-top: 3px solid #0891b2; }

[data-theme="dark"] .cr-exp-item { background: #1a1d24; border-color: rgba(255,255,255,.08); }
[data-theme="dark"] .cr-exp-item:hover { background: rgba(8,145,178,.08); }

.cr-exp-grip {
    color: var(--text-muted);
    cursor: grab;
    font-size: 14px;
    flex-shrink: 0;
}
.cr-exp-item:active .cr-exp-grip { cursor: grabbing; }
.cr-exp-label { flex: 1; }
.cr-exp-item input[type="checkbox"] { margin: 0; flex-shrink: 0; }
.cr-exp-item .btn-danger { padding: 3px 8px; font-size: 11px; }

@media (max-width: 480px) {
    .cr-exp-item { padding: 8px 10px; font-size: 12px; }
}