/* SecretGift V8.8.2 — vraies cartes compactes pour Commandes, Clients et Dashboard */

/* ---------- couleurs communes ---------- */
.status-card--paid,
.status-card--confirmed,
.status-card--delivered,
.status-card--completed,
.status-card--active {
    --card-bg:#c5ecd4;
    --card-border:#278a52;
    --card-text:#0e5a32;
    --card-muted:#3c7458;
}

.status-card--pending,
.status-card--pending_payment,
.status-card--preparing,
.status-card--ready_for_pickup,
.status-card--in_delivery {
    --card-bg:#ffe1aa;
    --card-border:#d1841d;
    --card-text:#6d3d00;
    --card-muted:#8c6221;
}

.status-card--courier_assigned {
    --card-bg:#e4d8fa;
    --card-border:#7c5fc2;
    --card-text:#3a216e;
    --card-muted:#6c5592;
}

.status-card--returned,
.status-card--refunded {
    --card-bg:#ead8bd;
    --card-border:#956329;
    --card-text:#593815;
    --card-muted:#786045;
}

.status-card--cancelled,
.status-card--suspended,
.status-card--disabled {
    --card-bg:#f3cdd3;
    --card-border:#ac4150;
    --card-text:#771d2a;
    --card-muted:#94515c;
}

/* ---------- page Commandes ---------- */
.admin-order-cards {
    display:grid;
    gap:9px;
    margin-top:12px;
}

.admin-order-card {
    --card-bg:#ece8e1;
    --card-border:#b1a48f;
    --card-text:#2b251e;
    --card-muted:#71675b;

    display:grid;
    grid-template-columns:1.15fr 1.55fr .75fr 1.35fr 1.15fr 2fr;
    gap:10px;
    align-items:center;
    min-height:92px;
    padding:11px 13px;
    border:1px solid var(--card-border);
    border-left:7px solid var(--card-border);
    border-radius:12px;
    background:var(--card-bg);
    color:var(--card-text);
    box-shadow:0 5px 13px rgba(35,28,20,.08);
}

.admin-order-card strong { color:var(--card-text); }
.admin-order-card small {
    display:block;
    margin-top:3px;
    color:var(--card-muted);
    line-height:1.25;
}

.admin-order-card select {
    min-width:0;
    width:100%;
    background:rgba(255,255,255,.78);
}

.admin-order-card__status,
.admin-order-card__assign {
    display:flex;
    gap:6px;
    align-items:center;
    min-width:0;
}

.admin-order-card__assign select { min-width:145px; }
.admin-order-card .badge {
    background:rgba(255,255,255,.72)!important;
    color:var(--card-text)!important;
    border:1px solid rgba(0,0,0,.08);
}

.admin-order-card__mission a {
    color:var(--card-text);
    text-decoration:underline;
}

/* ---------- dashboard client ---------- */
.client-stat-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.client-stat-card {
    min-height:125px;
    padding:14px;
    border-radius:12px;
    border-left:7px solid;
    box-shadow:0 5px 14px rgba(35,28,20,.08);
}

.client-stat-card .stat {
    font-size:2rem;
    font-weight:950;
    line-height:1;
}

.client-stat-card h3 { margin:7px 0 3px; }
.client-stat-card p { margin:0; }

.client-stat-card--orders {
    background:#e3d8fa;
    border-color:#7b5fc1;
    color:#3a216d;
}
.client-stat-card--active {
    background:#ffe0a8;
    border-color:#cf8118;
    color:#6c3c00;
}
.client-stat-card--delivered {
    background:#c3ebd2;
    border-color:#26884f;
    color:#0d5931;
}

.recent-orders-section {
    padding:13px;
    border-radius:12px;
    background:#eef3fb;
    border:1px solid #7187c0;
    border-left:7px solid #5871b8;
}

.client-recent-orders {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.client-recent-order {
    --card-bg:#ece8e1;
    --card-border:#b1a48f;
    --card-text:#2b251e;
    --card-muted:#71675b;

    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:92px;
    padding:11px 13px;
    border:1px solid var(--card-border);
    border-left:6px solid var(--card-border);
    border-radius:11px;
    background:var(--card-bg);
    color:var(--card-text);
    text-decoration:none;
}

.client-recent-order small {
    display:block;
    color:var(--card-muted);
    margin-top:3px;
}

.client-recent-order .badge {
    background:rgba(255,255,255,.72)!important;
    color:var(--card-text)!important;
}

/* ---------- page Clients ---------- */
.client-admin-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

.client-admin-card {
    --card-bg:#ece8e1;
    --card-border:#b1a48f;
    --card-text:#2b251e;
    --card-muted:#71675b;

    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    grid-template-areas:
      "avatar identity action"
      "avatar contact action"
      "avatar meta action";
    gap:5px 10px;
    align-items:center;
    min-height:126px;
    padding:12px;
    border:1px solid var(--card-border);
    border-left:7px solid var(--card-border);
    border-radius:12px;
    background:var(--card-bg);
    color:var(--card-text);
    box-shadow:0 5px 13px rgba(35,28,20,.08);
}

.client-admin-card__avatar {
    grid-area:avatar;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.70);
    border:1px solid rgba(0,0,0,.09);
    font-weight:950;
}

.client-admin-card__identity {
    grid-area:identity;
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}

.client-admin-card__identity h2 {
    margin:0;
    font-size:1.02rem;
    color:var(--card-text);
}

.client-admin-card__contact { grid-area:contact; }
.client-admin-card__contact small {
    display:block;
    color:var(--card-muted);
    margin-top:2px;
}

.client-admin-card__meta {
    grid-area:meta;
    display:flex;
    gap:12px;
    color:var(--card-muted);
    font-size:.79rem;
}

.client-admin-card__action {
    grid-area:action;
    display:grid;
    gap:6px;
    min-width:150px;
}

.client-admin-card select {
    background:rgba(255,255,255,.80);
}

.client-admin-card .badge {
    background:rgba(255,255,255,.72)!important;
    color:var(--card-text)!important;
}

@media(max-width:1200px){
    .admin-order-card {
        grid-template-columns:1fr 1.25fr .7fr 1.2fr;
    }
    .admin-order-card__mission { grid-column:1 / 3; }
    .admin-order-card__assign { grid-column:3 / 5; }
}

@media(max-width:850px){
    .client-stat-grid,
    .client-admin-grid {
        grid-template-columns:1fr;
    }
    .client-recent-orders { grid-template-columns:1fr; }
    .admin-order-card {
        grid-template-columns:1fr 1fr;
    }
    .admin-order-card__identity,
    .admin-order-card__client,
    .admin-order-card__payment,
    .admin-order-card__status,
    .admin-order-card__mission,
    .admin-order-card__assign {
        grid-column:auto;
    }
    .admin-order-card__assign { grid-column:1 / -1; }
}

@media(max-width:580px){
    .admin-order-card {
        grid-template-columns:1fr;
    }
    .admin-order-card__assign,
    .admin-order-card__status {
        display:grid;
        grid-template-columns:1fr auto;
    }
    .client-admin-card {
        grid-template-columns:46px 1fr;
        grid-template-areas:
          "avatar identity"
          "avatar contact"
          "meta meta"
          "action action";
    }
    .client-admin-card__action {
        grid-template-columns:1fr auto;
        min-width:0;
    }
}