/* ── Kanban Board ─────────────────────────────────────────────── */
.kanban-wrapper {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 8px;
}

.kanban-col {
    min-width: 220px;
    flex: 1;
    max-width: 280px;
}

.kanban-header {
    border-left: 4px solid;
    padding: 8px 10px;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    font-size: .85rem;
    background: #f8f9fa;
}

.kanban-body {
    background: #f4f6fa;
    border-radius: 0 0 6px 6px;
    padding: 8px;
    min-height: 80px;
    transition: background .2s;
}

.kanban-body.drag-over {
    background: #dbeafe;
    outline: 2px dashed #3b82f6;
}

.kanban-card {
    cursor: pointer;
    transition: transform .1s, box-shadow .1s;
    border-radius: 8px !important;
}

.kanban-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

.kanban-card[draggable="true"] {
    cursor: grab;
}

/* ── Stat Cards ───────────────────────────────────────────────── */
.stat-card {
    border-radius: 10px;
    transition: transform .15s;
}

.stat-card:hover {
    transform: translateY(-2px);
}

.stat-number {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: 2px;
}

/* ── Comments ─────────────────────────────────────────────────── */
.comment-item:last-child {
    border-bottom: none !important;
}

/* ── General ──────────────────────────────────────────────────── */
body {
    font-size: .92rem;
}

.table th {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}

.card {
    border-radius: 10px !important;
}

.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: -.01em;
}

/* Scrollbar for kanban */
.kanban-wrapper::-webkit-scrollbar {
    height: 6px;
}
.kanban-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.kanban-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}