/* Statamic Shop — CP styles */

/* ─── Orders kanban widget ─── */
.shop-kanban {
    --kb-area-bg: #f3f4f6;
    --kb-text: #111827;
    --kb-text-muted: #6b7280;
    --kb-text-empty: #9ca3af;
    --kb-card-bg: #ffffff;
    --kb-card-shadow: 0 1px 3px rgba(0, 0, 0, .08);
    --kb-card-hover-shadow: 0 6px 16px rgba(0, 0, 0, .12);

    --kb-amber-col-bg: #fef3c7;
    --kb-amber-card-border: #f59e0b;
    --kb-amber-accent: #b45309;
    --kb-blue-col-bg: #dbeafe;
    --kb-blue-card-border: #3b82f6;
    --kb-blue-accent: #1d4ed8;
    --kb-green-col-bg: #d1fae5;
    --kb-green-card-border: #10b981;
    --kb-green-accent: #047857;

    --kb-badge-paid-bg: #d1fae5;
    --kb-badge-paid-fg: #065f46;
    --kb-badge-pending-bg: #fef3c7;
    --kb-badge-pending-fg: #92400e;
    --kb-badge-failed-bg: #fee2e2;
    --kb-badge-failed-fg: #991b1b;
    --kb-badge-cancelled-bg: #e5e7eb;
    --kb-badge-cancelled-fg: #374151;
    --kb-badge-refunded-bg: #e0f2fe;
    --kb-badge-refunded-fg: #075985;
}

@media (prefers-color-scheme: dark) {
    .shop-kanban {
        --kb-area-bg: rgba(0, 0, 0, .3);
        --kb-text: #f3f4f6;
        --kb-text-muted: #9ca3af;
        --kb-text-empty: #6b7280;
        --kb-card-bg: #374151;
        --kb-card-shadow: 0 2px 4px rgba(0, 0, 0, .4);
        --kb-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, .6);

        --kb-amber-col-bg: rgba(245, 158, 11, .25);
        --kb-amber-card-border: #fbbf24;
        --kb-amber-accent: #fde68a;
        --kb-blue-col-bg: rgba(59, 130, 246, .25);
        --kb-blue-card-border: #60a5fa;
        --kb-blue-accent: #93c5fd;
        --kb-green-col-bg: rgba(16, 185, 129, .25);
        --kb-green-card-border: #34d399;
        --kb-green-accent: #6ee7b7;

        --kb-badge-paid-bg: rgba(16, 185, 129, .22);
        --kb-badge-paid-fg: #6ee7b7;
        --kb-badge-pending-bg: rgba(245, 158, 11, .22);
        --kb-badge-pending-fg: #fcd34d;
        --kb-badge-failed-bg: rgba(244, 63, 94, .22);
        --kb-badge-failed-fg: #fda4af;
        --kb-badge-cancelled-bg: rgba(156, 163, 175, .22);
        --kb-badge-cancelled-fg: #d1d5db;
        --kb-badge-refunded-bg: rgba(14, 165, 233, .22);
        --kb-badge-refunded-fg: #7dd3fc;
    }
}

html.dark .shop-kanban,
html[data-theme="dark"] .shop-kanban,
.dark .shop-kanban {
    --kb-area-bg: rgba(0, 0, 0, .3);
    --kb-text: #f3f4f6;
    --kb-text-muted: #9ca3af;
    --kb-text-empty: #6b7280;
    --kb-card-bg: #374151;
    --kb-card-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    --kb-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, .6);

    --kb-amber-col-bg: rgba(245, 158, 11, .25);
    --kb-amber-card-border: #fbbf24;
    --kb-amber-accent: #fde68a;
    --kb-blue-col-bg: rgba(59, 130, 246, .25);
    --kb-blue-card-border: #60a5fa;
    --kb-blue-accent: #93c5fd;
    --kb-green-col-bg: rgba(16, 185, 129, .25);
    --kb-green-card-border: #34d399;
    --kb-green-accent: #6ee7b7;

    --kb-badge-paid-bg: rgba(16, 185, 129, .22);
    --kb-badge-paid-fg: #6ee7b7;
    --kb-badge-pending-bg: rgba(245, 158, 11, .22);
    --kb-badge-pending-fg: #fcd34d;
    --kb-badge-failed-bg: rgba(244, 63, 94, .22);
    --kb-badge-failed-fg: #fda4af;
    --kb-badge-cancelled-bg: rgba(156, 163, 175, .22);
    --kb-badge-cancelled-fg: #d1d5db;
    --kb-badge-refunded-bg: rgba(14, 165, 233, .22);
    --kb-badge-refunded-fg: #7dd3fc;
}

.shop-kanban__area { background: var(--kb-area-bg) !important; }
.shop-kanban__col--amber > .shop-kanban__col-body { background: var(--kb-amber-col-bg) !important; }
.shop-kanban__col--blue  > .shop-kanban__col-body { background: var(--kb-blue-col-bg) !important; }
.shop-kanban__col--green > .shop-kanban__col-body { background: var(--kb-green-col-bg) !important; }

.kanban-card {
    display: block !important;
    background: var(--kb-card-bg) !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5rem;
    padding: 0.75rem;
    box-shadow: var(--kb-card-shadow);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    text-decoration: none !important;
    color: inherit !important;
}
.kanban-card--amber { border-color: var(--kb-amber-card-border) !important; border-left-width: 4px !important; }
.kanban-card--blue  { border-color: var(--kb-blue-card-border)  !important; border-left-width: 4px !important; }
.kanban-card--green { border-color: var(--kb-green-card-border) !important; border-left-width: 4px !important; }
.kanban-card:hover { box-shadow: var(--kb-card-hover-shadow); transform: translateY(-1px); }

.kanban-accent--amber { color: var(--kb-amber-accent); }
.kanban-accent--blue  { color: var(--kb-blue-accent); }
.kanban-accent--green { color: var(--kb-green-accent); }

.shop-kanban__text       { color: var(--kb-text); }
.shop-kanban__text-muted { color: var(--kb-text-muted); }
.shop-kanban__text-empty { color: var(--kb-text-empty); }

.kanban-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: .75rem;
    font-weight: 500;
}
.kanban-badge--paid      { background: var(--kb-badge-paid-bg);      color: var(--kb-badge-paid-fg); }
.kanban-badge--pending   { background: var(--kb-badge-pending-bg);   color: var(--kb-badge-pending-fg); }
.kanban-badge--failed    { background: var(--kb-badge-failed-bg);    color: var(--kb-badge-failed-fg); }
.kanban-badge--cancelled { background: var(--kb-badge-cancelled-bg); color: var(--kb-badge-cancelled-fg); }
.kanban-badge--refunded  { background: var(--kb-badge-refunded-bg);  color: var(--kb-badge-refunded-fg); }