/* =========================== GLOBAL BODY =========================== */ body { font-family: Arial, sans-serif; margin:0; padding:0; background:#0f172a; /* fond sombre */ color:white; } /* =========================== HEADER / NAVIGATION =========================== */ .main-header, header { display:flex; justify-content:space-between; align-items:center; background:#1e293b; color:white; padding:10px 20px; } .main-header .logo { font-weight:bold; font-size:1.5em; } .main-header nav a { color:white; margin-left:15px; text-decoration:none; padding:5px 10px; border-radius:5px; } .main-header nav a:hover { background:#3b82f6; } /* =========================== CONTAINER & GRID =========================== */ .container { max-width:1200px; margin:20px auto; padding:20px; } .dashboard { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:20px; } /* =========================== CARDS =========================== */ .card { background:#1e293b; padding:20px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.3); } .card h3 { margin-top:0; color:#f8fafc; } /* =========================== BOUTONS =========================== */ .btn { display:inline-block; margin-top:10px; padding:8px 15px; background:#3b82f6; color:white; border-radius:5px; text-decoration:none; cursor:pointer; border:none; } .btn:hover { background:#2563eb; } .btn.delete { background:#ef4444; } /* =========================== FORMULAIRES =========================== */ input, textarea { width:100%; padding:10px; border-radius:5px; border:none; margin-top:10px; } /* =========================== STAT / PRODUIT =========================== */ .stat { font-size:28px; font-weight:bold; margin-top:10px; } .product { display:flex; justify-content:space-between; margin:5px 0; } /* =========================== TABLES ADMIN =========================== */ table { width:100%; border-collapse:collapse; margin-top:10px; } table th, table td { border:1px solid #ccc; padding:8px; text-align:left; } table th { background:#3b82f6; color:white; } /* =========================== SUPPORT MESSAGES =========================== */ .pending { border-left:5px solid #ef4444; } .resolved { border-left:5px solid #22c55e; padding-left:10px; } /* Boutons petits pour tableau admin */ .btn.small { padding: 5px 10px; font-size: 0.85em; margin: 2px; } .btn.blue { background:#2563eb; } .btn.blue:hover { background:#1e40af; } .btn.orange { background:#f97316; } .btn.orange:hover { background:#c2410c; } .btn.delete { background:#ef4444; } .btn.delete:hover { background:#b91c1c; } /* Tableau amélioré */ table th, table td { border:1px solid #ccc; padding:8px; text-align:left; } table th { background:#3b82f6; color:white; } table tr:nth-child(even) { background:#1f2937; } table tr:nth-child(odd) { background:#111827; } .btn.small.red { background: #ef4444; color: white; padding: 3px 8px; border-radius: 4px; text-decoration: none; } .btn.small.red:hover { background: #dc2626; } table { width: 100%; border-collapse: collapse; margin-top: 20px; background:#1e293b; color:white; } table th, table td { border: 1px solid #334155; padding: 8px 10px; text-align: center; } table th { background: #3b82f6; } .btn.small { display:inline-block; padding: 3px 8px; margin: 2px; border-radius: 4px; text-decoration:none; font-size:0.85em; color:white; } .btn.small.blue { background:#2563eb; } .btn.small.blue:hover { background:#1d4ed8; } .btn.small.green { background:#22c55e; } .btn.small.green:hover { background:#16a34a; } .btn.small.orange { background:#f97316; } .btn.small.orange:hover { background:#ea580c; } .btn.small.red { background:#ef4444; } .btn.small.red:hover { background:#dc2626; } .btn.small.delete { background:#b91c1c; } .btn.small.delete:hover { background:#991b1b; }