.orders-wrapper { max-width: 860px; margin: 50px auto 90px auto; padding: 0 20px; }
    .orders-header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 26px; flex-wrap: wrap; gap: 12px; }
    .orders-header h1 { font-size: 22px; margin:0; display:flex; align-items:center; gap:10px; }
    .orders-header h1 i { color:#ffb300; }
    .back-link { color:#64748b; text-decoration:none; font-size: 14px; }
    .back-link:hover { color:#0f172a; }

    .order-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:22px; margin-bottom:18px; box-shadow: 0 6px 20px rgba(3,15,30,0.04); }
    .order-card-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dashed #e2e8f0; }
    .order-number { font-weight:700; font-size:15px; }
    .order-date { color:#94a3b8; font-size:13px; }

    .status-badge { font-size:12px; font-weight:700; padding:5px 12px; border-radius:20px; text-transform:uppercase; letter-spacing:.4px; }
    .status-en_attente { background:#fff3cd; color:#7a5b00; }
    .status-confirmee { background:#e0f2fe; color:#0369a1; }
    .status-livree { background:#dcfce7; color:#15803d; }
    .status-annulee { background:#fee2e2; color:#b91c1c; }

    .order-items { display:flex; flex-direction:column; gap:8px; margin-bottom: 14px; }
    .order-item-line { display:flex; justify-content:space-between; font-size:14px; color:#334155; }
    .order-item-line .qty { color:#94a3b8; }

    .order-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
    .order-total { font-weight:700; font-size:16px; }
    .order-meta { font-size:13px; color:#64748b; }

    .empty-orders { text-align:center; padding: 70px 20px; background:#f8fafc; border-radius:16px; border:1px dashed #cbd5e1; }
    .empty-orders i { font-size: 48px; color:#cbd5e1; margin-bottom: 16px; }
    .empty-orders h3 { margin:0 0 8px 0; }
    .empty-orders p { color:#64748b; margin: 0 0 24px 0; }
    .empty-orders a { background:#ffb300; color:#0f172a; padding:12px 28px; border-radius:8px; font-weight:700; text-decoration:none; }

    .loading-state { text-align:center; padding: 70px 20px; color:#64748b; }