/* 8.19.0 (γ-design-save ÉTAPE 4) — Dashboard « Mes designs » (Mon compte WC). */

.bcs-designs-dash { --bcs-accent: #E10600; }

.bcs-dd-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 18px;
}
.bcs-dd-title { font-size: 20px; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 10px; }
.bcs-dd-counter {
    font-size: 13px; font-weight: 600; color: #555;
    background: #f1f1f1; border-radius: 999px; padding: 3px 10px;
}
.bcs-dd-new {
    background: var(--bcs-accent); color: #fff !important; text-decoration: none;
    padding: 10px 16px; border-radius: 10px; font-weight: 600; font-size: 14px;
    white-space: nowrap; transition: filter .15s;
}
.bcs-dd-new:hover { filter: brightness(.92); }

/* Empty state */
.bcs-dd-empty { text-align: center; padding: 48px 20px; }
.bcs-dd-empty-ico { font-size: 48px; margin-bottom: 12px; }
.bcs-dd-empty-title { font-size: 17px; font-weight: 700; margin: 0 0 8px; }
.bcs-dd-empty-sub { color: #666; max-width: 460px; margin: 0 auto 20px; line-height: 1.5; }

/* Grille responsive 3 / 2 / 1 */
.bcs-dd-grid {
    display: grid; gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) { .bcs-dd-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .bcs-dd-grid { grid-template-columns: 1fr; } }

.bcs-dd-card {
    border: 1px solid #ececec; border-radius: 14px; overflow: hidden;
    background: #fff; display: flex; flex-direction: column;
    transition: box-shadow .15s, transform .15s;
}
.bcs-dd-card:hover { box-shadow: 0 6px 22px rgba(0,0,0,.08); transform: translateY(-2px); }

/* a-bis : vignette retirée (non représentative). Card = texte + boutons. */

/* Ligne du haut : badge source (gauche) + badge statut (droite). */
.bcs-dd-toprow {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px; margin-bottom: 2px;
}
.bcs-dd-source {
    font-size: 11px; font-weight: 700; line-height: 1;
    padding: 4px 9px; border-radius: 999px; color: #fff;
    letter-spacing: .2px; white-space: nowrap;
}
.bcs-dd-source.is-v2  { background: #0a7ea4; }  /* Gourde (configurateur v2) */
.bcs-dd-source.is-bcs { background: #6b3fa0; }  /* Boutique club (customizer DTF) */

.bcs-dd-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; }
.bcs-dd-name {
    font-weight: 700; font-size: 16px; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.bcs-dd-name-input {
    width: 100%; box-sizing: border-box; font-weight: 700; font-size: 16px;
    padding: 5px 9px; border: 2px solid var(--bcs-accent); border-radius: 8px;
    outline: none; background: #fff;
}
.bcs-dd-meta { font-size: 12px; color: #888; }
.bcs-dd-badge {
    align-self: flex-start; font-size: 11px; font-weight: 700;
    border-radius: 999px; padding: 3px 9px; margin-top: 2px;
}
.bcs-dd-badge.is-draft   { background: #fff3e6; color: #b25a00; }
.bcs-dd-badge.is-ordered { background: #e6f7ec; color: #14803c; }

.bcs-dd-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.bcs-dd-act {
    font-size: 12.5px; font-weight: 600; color: #333 !important; text-decoration: none;
    background: #f4f4f4; border: 1px solid #e6e6e6; border-radius: 8px;
    padding: 7px 10px; cursor: pointer; line-height: 1;
    display: inline-flex; align-items: center; gap: 5px; transition: background .12s;
}
.bcs-dd-act:hover:not(:disabled) { background: #ececec; }
.bcs-dd-act:disabled { opacity: .45; cursor: default; }
.bcs-dd-del:hover:not(:disabled) { background: #fdecec; color: var(--bcs-accent) !important; }
.bcs-dd-order { background: #111; color: #fff !important; border-color: #111; }
.bcs-dd-order:hover { background: #000; }

/* Toast (réutilisé du configurateur si présent, sinon défini ici) */
#bcs-dd-toast {
    position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(12px);
    background: #111; color: #fff; padding: 12px 20px; border-radius: 12px;
    font-size: 14px; font-weight: 600; z-index: 100000; opacity: 0;
    transition: opacity .2s, transform .2s; pointer-events: none;
}
#bcs-dd-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }
#bcs-dd-toast.is-error { background: #E10600; }