.automation-card {

    display:flex;

    align-items:center;

    gap:10px;

    cursor:pointer;

}

.drag-handle {

    width:36px;

    min-width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    color:#777;

    cursor:grab;

    user-select:none;

    border-radius:8px;

    transition:.15s;

}

.drag-handle:active {

    cursor:grabbing;

    background:#e8e8e8;

}



.automation-card.dragging {

    opacity:0.5;

}

.automation-info {

    display:flex;

    align-items:center;

    gap:8px;

    flex:1;

}

.drop-indicator {

    height:3px;

    background:#1976d2;

    border-radius:5px;

    margin:6px 0;

    display:none;

    pointer-events:none;

}

.automation-options {

    display:flex;

    flex-direction:column;

    gap:8px;

    margin:16px 0;

    max-height:320px;

    overflow-y:auto;

}

.automation-option {

    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:10px 12px;

    border:1px solid #eee;

    border-radius:8px;

    cursor:pointer;

}

.automation-option:hover {

    background:#f5f7fb;

}

.automation-option input[type="radio"] {

    margin-top:3px;

}

.automation-option-body {

    display:flex;

    flex-direction:column;

    gap:2px;

}

.automation-option-title {

    display:flex;

    align-items:center;

    gap:8px;

    font-weight:600;

}

.automation-option-desc {

    font-size:13px;

    color:#6b7280;

}

.picker-actions {

    display:flex;

    justify-content:flex-end;

    gap:10px;

    margin-top:12px;

}