/* Défi Autonomie — Support (front) */
.dasup-form, .dasup-desk { --gold:#C8A96E; --navy:#1A2B4A; --teal:#3A8C8A; --cream:#FAF6EF; font-family: inherit; color:#1A2B4A; }

/* Boîtes de message */
.dasup-box { padding:14px 18px; border-radius:8px; margin-bottom:18px; font-size:.95rem; }
.dasup-ok  { background:#EDFAF2; border:1px solid #Bfe8cf; color:#1d6b3f; }
.dasup-err { background:#FDECEC; border:1px solid #F3C2C2; color:#9a2c2c; }

/* Formulaire */
.dasup-form label { display:block; font-weight:600; font-size:.9rem; margin-bottom:14px; color:#1A2B4A; }
.dasup-form label span { color:#C8A96E; }
.dasup-form input, .dasup-form textarea { width:100%; margin-top:6px; padding:11px 13px; border:1px solid #d9d9e3; border-radius:8px; font-family:inherit; font-size:.95rem; background:#fff; }
.dasup-form textarea { resize:vertical; }
.dasup-row2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dasup-captcha { background:var(--cream); border:1px dashed #C8A96E; border-radius:8px; padding:12px 14px; }
.dasup-captcha input { max-width:140px; }
.dasup-rgpd { font-size:.8rem; color:#8A8A9A; margin-top:10px; }

/* Boutons */
.dasup-btn { display:inline-flex; align-items:center; gap:8px; background:var(--gold); color:var(--navy); font-weight:700; border:none; padding:13px 26px; border-radius:30px; cursor:pointer; font-size:1rem; transition:background .2s, transform .2s; }
.dasup-btn:hover { background:#E4C98A; transform:translateY(-2px); }
.dasup-btn-ghost { display:inline-block; border:1.5px solid var(--gold); color:var(--navy); padding:9px 18px; border-radius:30px; text-decoration:none; font-weight:600; }
.dasup-link { background:none; border:none; color:var(--teal); cursor:pointer; font-weight:600; text-decoration:none; font-size:.92rem; padding:0; }
.dasup-link:hover { color:var(--navy); }
.dasup-danger { color:#b32d2e; }
.dasup-muted { color:#8A8A9A; font-size:.9rem; }

/* Connexion */
.dasup-login { max-width:420px; margin:0 auto; background:#fff; border:1px solid #ececf2; border-radius:12px; padding:30px 28px; box-shadow:0 8px 40px rgba(26,43,74,.08); }
.dasup-login h3 { font-family:inherit; color:var(--navy); margin:0 0 18px; }
.dasup-login label { display:block; font-weight:600; font-size:.88rem; margin-bottom:14px; }
.dasup-login input { width:100%; margin-top:6px; padding:11px 13px; border:1px solid #d9d9e3; border-radius:8px; font-size:.95rem; }

/* Plateforme */
.dasup-topbar { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--navy); color:#fff; border-radius:10px; margin-bottom:18px; }
.dasup-topbar .dasup-link { color:var(--gold); }
.dasup-inline { display:inline; }
.dasup-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.dasup-filters a { padding:7px 16px; border-radius:30px; background:#fff; border:1px solid #e2e2ea; text-decoration:none; color:var(--navy); font-size:.86rem; font-weight:600; }
.dasup-filters a.on { background:var(--gold); border-color:var(--gold); color:var(--navy); }

.dasup-table { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(26,43,74,.06); }
.dasup-table th, .dasup-table td { text-align:left; padding:12px 14px; border-bottom:1px solid #f0f0f4; font-size:.9rem; }
.dasup-table th { background:#FAF6EF; color:var(--navy); font-size:.78rem; text-transform:uppercase; letter-spacing:1px; }
.dasup-table a { color:var(--navy); font-weight:600; text-decoration:none; }
.dasup-table a:hover { color:var(--teal); }

.dasup-badge { display:inline-block; padding:3px 12px; border-radius:20px; font-size:.74rem; font-weight:700; }
.dasup-nouveau { background:#FFF3E0; color:#9a6400; }
.dasup-repondu { background:#E7F4FF; color:#1763a6; }
.dasup-cloture { background:#ECECEF; color:#555; }

.dasup-ticket-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin:8px 0 18px; }
.dasup-ticket-head h3 { margin:6px 0 4px; color:var(--navy); }
.dasup-ref { font-size:.8rem; font-weight:700; color:var(--gold); letter-spacing:1px; }
.dasup-h4 { margin:24px 0 10px; color:var(--navy); font-size:1rem; }
.dasup-msg { padding:16px 18px; border-radius:10px; margin-bottom:12px; font-size:.94rem; line-height:1.7; }
.dasup-msg--in  { background:var(--cream); border-left:3px solid var(--gold); }
.dasup-msg--out { background:#EFF8F8; border-left:3px solid var(--teal); }
.dasup-msg-meta { font-size:.8rem; color:#666; margin-bottom:6px; }
.dasup-reply textarea { width:100%; padding:12px 14px; border:1px solid #d9d9e3; border-radius:8px; font-family:inherit; font-size:.95rem; resize:vertical; }
.dasup-actions { margin-top:10px; }

@media (max-width:680px) {
  .dasup-row2 { grid-template-columns:1fr; }
  .dasup-table thead { display:none; }
  .dasup-table, .dasup-table tbody, .dasup-table tr, .dasup-table td { display:block; width:100%; }
  .dasup-table tr { margin-bottom:12px; border:1px solid #eee; border-radius:8px; }
  .dasup-table td { border:none; padding:8px 14px; }
}

/* Actions sur conversation clôturée */
.dasup-closed-actions { display: flex; gap: 22px; align-items: center; margin-top: 8px; }