/* KanbanBoard – Spalten und Cards */

.oo-kanban-board {
    display: flex;
    flex-direction: row;
    gap: var(--oo-space-4);
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: var(--oo-space-2);
}

/* Spalte */
.oo-kanban-column {
    display: flex;
    flex-direction: column;
    min-width: 260px;
    max-width: 320px;
    flex: 0 0 280px;
    background-color: var(--oo-color-surface);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-border-radius);
    overflow: hidden;
}

.oo-kanban-column--no-drop {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spalten-Header */
.oo-kanban-column__header {
    padding: var(--oo-space-3) var(--oo-space-3) var(--oo-space-2);
    border-bottom: var(--oo-border-width) solid var(--oo-color-border);
    background-color: var(--oo-color-surface-raised);
}

.oo-kanban-column__title {
    font-weight: 600;
    font-size: var(--oo-font-size-sm);
    color: var(--oo-color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Spalten-Body */
.oo-kanban-column__body {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-2);
    padding: var(--oo-space-2);
    min-height: 80px;
    flex: 1;
}

/* Card */
.oo-kanban-card {
    background-color: var(--oo-color-background);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-border-radius);
    padding: var(--oo-space-3);
    cursor: default;
    user-select: none;
    transition: opacity 0.15s ease, box-shadow 0.15s ease;
}

.oo-kanban-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: var(--oo-color-border-focus);
}

.oo-kanban-card--dragging {
    opacity: 0.35;
}

/* Drop-Indikator */
.oo-kanban-placeholder {
    height: 2px;
    background-color: var(--oo-primary, #4f46e5);
    border-radius: 1px;
    pointer-events: none;
    flex-shrink: 0;
    margin: 0;
}

/* Drag-Handle (optional, per CSS-Klasse in der Card) */
.oo-kanban-handle {
    cursor: grab;
    touch-action: none;
    flex-shrink: 0;
    color: var(--oo-color-text-muted);
}

.oo-kanban-handle:active {
    cursor: grabbing;
}