/* ============================================================
   SSQ Admin Cards
   Shared card component styles using --ssq-admin-* tokens.
   ============================================================ */

/* Base card */
.ssq-card {
    background: var(--ssq-admin-card-bg);
    border: 1px solid var(--ssq-admin-border);
    border-radius: var(--ssq-admin-radius-2xl);
    padding: var(--ssq-admin-space-5);
    box-shadow: var(--ssq-admin-shadow);
    transition: box-shadow var(--ssq-admin-transition), transform var(--ssq-admin-transition);
}

.ssq-card:hover {
    box-shadow: var(--ssq-admin-shadow-hover);
    transform: translateY(-1px);
}

/* Flat card — no shadow, no hover lift (static containers) */
.ssq-card-flat {
    box-shadow: none;
}

.ssq-card-flat:hover {
    box-shadow: none;
    transform: none;
}

/* Accent left — 3px left border (like Pg212 dashboard cards) */
.ssq-card-accent-left {
    border-left: 3px solid var(--ssq-admin-primary);
}

/* Accent top — 4px top border (like ThirdPartyAPI cards) */
.ssq-card-accent-top {
    border-top: 4px solid var(--ssq-admin-primary);
}

/* Card header */
.ssq-card-header {
    display: flex;
    align-items: center;
    gap: var(--ssq-admin-space-3);
    margin-bottom: var(--ssq-admin-space-4);
}

/* Card title */
.ssq-card-title {
    font-size: var(--ssq-admin-text-lg);
    font-weight: 600;
    color: var(--ssq-admin-text);
}

/* Card description */
.ssq-card-desc {
    font-size: var(--ssq-admin-text-sm);
    color: var(--ssq-admin-text-sub);
    line-height: 1.5;
}