/* Thème sombre de la page Support : surcharge des couleurs claires de support.css (Claude, 12/11/2026). Ne modifie pas support.css. */
.support-page{color:#eaf0ff}
.support-hero>div>p:not(.eyebrow){color:#aab6d6}
.support-code-card{border:1px solid rgba(255,255,255,.16);background:rgba(14,22,48,.84);box-shadow:0 20px 60px rgba(0,0,0,.38)}
.support-code-card span,.support-code-card small{color:#93a3ca}
.support-code-card strong{color:#6fe3d6}
.support-sidebar{border:1px solid rgba(255,255,255,.12);background:rgba(14,22,48,.8);box-shadow:0 16px 45px rgba(0,0,0,.34)}
.support-tab{color:#b6c3e6}
.support-tab:hover,.support-tab.active{background:rgba(255,255,255,.09);color:#ffffff}
.support-search{border-top:1px solid rgba(255,255,255,.12)}
.support-search label{color:#93a3ca}
.support-search input{border:1px solid rgba(255,255,255,.16);background:rgba(12,19,42,.92);color:#eaf0ff}
.support-search button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#ffffff}
.support-auth-note{color:#8394bb}
.support-view{border:1px solid rgba(255,255,255,.12);background:rgba(14,22,48,.84);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.view-heading h2{color:#eaf0ff}
.view-heading select{border:1px solid rgba(255,255,255,.16);background:rgba(12,19,42,.92);color:#d3def8}
.changelog-entry{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.changelog-entry-top{color:#93a3ca}
.changelog-code{color:#6fe3d6}
.changelog-entry h3{color:#e3ebff}
.changelog-entry p{color:#aab6d6}
.changelog-entry ul{color:#aab6d6}
.notice{border:1px solid rgba(255,255,255,.14);background:rgba(117,102,232,.22);color:#c9c3ff}
.notice a{color:#ffffff}
.chat-card{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.chat-bubble.assistant{background:rgba(255,255,255,.09);color:#cdd8f7}
.chat-bubble.user{background:rgba(80,200,170,.16);color:#8fe3b3}
.chat-form{border-top:1px solid rgba(255,255,255,.12)}
.chat-form textarea{border:1px solid rgba(255,255,255,.16)}
.ticket-form label{color:#b6c3e6}
.ticket-form input,.ticket-form select,.ticket-form textarea{border:1px solid rgba(255,255,255,.16);background:rgba(12,19,42,.92);color:#eaf0ff}
.form-hint{color:#8394bb}
.ticket-row{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.ticket-row:hover{border-color:rgba(167,139,250,.5)}
.ticket-row h3{color:#e3ebff}
.ticket-row p{color:#93a3ca}
.ticket-meta{color:#93a3ca}
.ticket-status{background:rgba(255,255,255,.09);color:#cfc9ff}
.ticket-detail-card{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.ticket-detail-card h3{color:#e3ebff}
.ticket-detail-card p{color:#aab6d6}
.timeline-item{background:rgba(22,32,66,.85)}
.timeline-item strong{color:#cfc9ff}
.timeline-item small{color:#8394bb}
.search-result{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.search-result strong{color:#6fe3d6}
.search-result h3{color:#e3ebff}
.search-result p{color:#aab6d6}
.loading,.empty{color:#8394bb}
.card-note{color:#93a3ca}
.error{color:#ff9aa6}
.success{color:#6fe3d6}
.admin-entry-row{border:1px solid rgba(255,255,255,.12);background:rgba(18,28,58,.78)}
.admin-entry-row h3{color:#e3ebff}
.admin-entry-row p{color:#93a3ca}
.admin-editor{border:1px solid rgba(255,255,255,.14);background:rgba(22,32,66,.85)}
.support-page{background:transparent}

/* En-tête : mêmes dimensions que le reste du site (annule les réglages compacts de support.css). */
.support-page .wwc-header{gap:24px}
.support-page .wwc-nav{gap:4px}
.support-page .wwc-nav>a{padding-inline:14px;font-size:13px}
@media(max-width:900px){.support-page .wwc-header{gap:10px 14px}.support-page .wwc-nav>a{padding-inline:12px;font-size:13px}}

/* Onglet et vue Administration : invisibles sauf pour une session admin (le display:flex de .support-tab écrase hidden). */
body:not(.is-support-admin) .support-admin-only,body:not(.is-support-admin) #view-admin{display:none!important}

/* Tickets : note d'adresse e-mail du joueur et gestion côté équipe (Claude, 12/11/2026). */
.ticket-mail-note{margin:2px 0 4px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5;border:1px solid rgba(255,255,255,.14);color:#aab6d6}
.ticket-mail-note:empty{display:none}
.ticket-mail-note.ok{border-color:rgba(80,200,170,.4);background:rgba(80,200,170,.1);color:#9fe8d4}
.ticket-mail-note.warn{border-color:rgba(255,190,90,.45);background:rgba(255,190,90,.1);color:#ffd9a0}
.admin-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#ff5f7a;color:#fff;font-size:11px;font-weight:800;line-height:1}
.ticket-admin{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.ticket-admin-filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.ticket-admin-filters select,.ticket-admin-filters input,.ticket-admin-form select,.ticket-admin-form input,.ticket-admin-form textarea{padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(12,19,42,.92);color:#eaf0ff;font:inherit;font-size:13px}
.ticket-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;align-items:start}
.ticket-admin-list{display:grid;gap:8px;max-height:640px;overflow:auto}
.ticket-admin-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(18,28,58,.6);color:#dfe7ff;text-align:left;cursor:pointer;font:inherit}
.ticket-admin-row:hover,.ticket-admin-row.active{border-color:rgba(167,139,250,.6);background:rgba(34,44,90,.8)}
.ticket-admin-row.is-new{border-left:3px solid #ff5f7a}
.ticket-admin-main{display:grid;gap:3px;min-width:0}
.ticket-admin-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-admin-main small,.ticket-admin-meta{color:#93a3ca;font-size:11px}
.ticket-pill{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.1);color:#cfd8f5}
.ticket-pill.st-created,.ticket-pill.st-reopened{background:rgba(255,95,122,.2);color:#ffb3c0}
.ticket-pill.st-in_progress,.ticket-pill.st-assigned,.ticket-pill.st-acknowledged{background:rgba(96,181,255,.18);color:#9fd0ff}
.ticket-pill.st-awaiting_user{background:rgba(255,190,90,.18);color:#ffd9a0}
.ticket-pill.st-resolved,.ticket-pill.st-closed{background:rgba(80,200,170,.18);color:#9fe8d4}
.ticket-admin-detail{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(14,22,48,.6);color:#dfe7ff}
.ticket-admin-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ticket-admin-head h3{margin:0;font-size:16px}
.ticket-admin-detail h4{margin:16px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a99bff}
.ticket-admin-text{margin:10px 0;padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.05);white-space:pre-wrap;font-size:13px;line-height:1.6}
.ticket-admin-pre{max-height:220px;overflow:auto;padding:10px;border-radius:10px;background:rgba(0,0,0,.35);font-size:11px;white-space:pre-wrap}
.ticket-admin-events{margin:0;padding-left:18px;font-size:12px;line-height:1.7;color:#aab6d6}
.ticket-admin-msg{margin:8px 0;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.ticket-admin-msg.team{background:rgba(117,102,232,.18)}
.ticket-admin-msg small{color:#93a3ca}
.ticket-admin-msg p{margin:4px 0 0;white-space:pre-wrap;font-size:13px}
.ticket-admin-form{display:grid;gap:8px}
.admin-empty{margin:0;color:#8091b3;font-size:13px}
@media(max-width:900px){.ticket-admin-grid{grid-template-columns:1fr}}

/* Mobile : le changelog dépassait de l'écran (colonne de grille dimensionnée par le contenu). */
.changelog-list{grid-template-columns:minmax(0,1fr)}
.support-layout>*,.support-view,.changelog-entry,.ticket-admin-grid>*{min-width:0;max-width:100%}
.changelog-entry,.changelog-entry *{overflow-wrap:anywhere}
.changelog-entry-top{flex-wrap:wrap;gap:6px 10px}
.support-view pre,.support-view code{white-space:pre-wrap;word-break:break-word}
.ticket-admin-files{display:grid;gap:6px;margin:8px 0}
.ticket-admin-file{display:block;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);color:#cfd8f5;font-size:12px;text-decoration:none}
.ticket-admin-file:hover{border-color:rgba(167,139,250,.6);color:#fff}
.ticket-group{margin:18px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a99bff}
#view-track .ticket-detail-card{margin:12px 0}

/* Suivi d'un ticket en conversation : messages du joueur à droite, de l'équipe à gauche (Claude, 12/11/2026). */
.ticket-chat{display:grid;gap:12px}
.ticket-chat .chat-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ticket-chat .chat-info{color:#8fa0c8;font-size:12px}
.ticket-chat .chat-pill{padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.1);color:#cfd8f5}
.ticket-chat .chat-pill.st-sent{background:rgba(255,95,122,.2);color:#ffb3c0}
.ticket-chat .chat-pill.st-received,.chat-pill.st-progress{background:rgba(96,181,255,.18);color:#9fd0ff}
.ticket-chat .chat-pill.st-wait{background:rgba(255,190,90,.18);color:#ffd9a0}
.ticket-chat .chat-pill.st-done{background:rgba(80,200,170,.18);color:#9fe8d4}
.ticket-chat .chat-thread{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(8,13,34,.55)}
.ticket-chat .chat-row{display:flex}
.ticket-chat .chat-row.me{justify-content:flex-end}
.ticket-chat .chat-row.team{justify-content:flex-start}
.ticket-chat .chat-bubble{max-width:min(78%,560px);padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.ticket-chat .chat-row.me .chat-bubble{border-bottom-right-radius:5px;background:linear-gradient(135deg,#5b52d6,#3d6fd6);color:#fff}
.ticket-chat .chat-row.team .chat-bubble{border-bottom-left-radius:5px;background:rgba(255,255,255,.09);color:#e3ebff;border:1px solid rgba(255,255,255,.12)}
.ticket-chat .chat-who{margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.04em;opacity:.8}
.ticket-chat .chat-text{white-space:pre-wrap}
.ticket-chat .chat-time{margin-top:6px;font-size:10px;opacity:.7;text-align:right}
.ticket-chat .chat-state{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:700}
.ticket-chat .chat-state.st-progress{color:#ffe6a8}
.ticket-chat .chat-state.st-done{color:#b8f3e2}
.ticket-chat .chat-system{align-self:center;max-width:90%;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#9fb0da;font-size:11px;text-align:center}
.ticket-chat .chat-file{display:block;margin-top:8px;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.25);color:#fff;font-size:12px;text-decoration:none}
.ticket-chat .chat-console{margin-top:8px;font-size:12px}
.ticket-chat .chat-console pre{max-height:180px;overflow:auto;margin:6px 0 0;padding:8px;border-radius:8px;background:rgba(0,0,0,.3);white-space:pre-wrap;font-size:11px}
.ticket-chat .chat-composer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.ticket-chat .chat-composer textarea{padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(12,19,42,.92);color:#eaf0ff;font:inherit;font-size:14px;resize:vertical}
.ticket-chat .chat-composer .card-note{grid-column:1/-1;margin:0}
@media(max-width:620px){.ticket-chat .chat-bubble{max-width:90%}.ticket-chat .chat-composer{grid-template-columns:1fr}}

/* Ligne « Modèle actif » du chatbot : décalée du bord de la carte. */
#chat-status{margin:10px 0 0;padding:0 18px 14px;min-height:1.4em}
/* Tickets admin : bouton Actualiser à largeur normale, séparation, couleurs par statut */
.ticket-admin .view-heading{align-items:center}
.ticket-admin .view-heading .button{width:auto;flex:0 0 auto;min-width:130px;margin-left:auto}
.ticket-admin{margin-top:0;margin-bottom:44px;padding-top:0;padding-bottom:40px;border-top:0;border-bottom:2px solid rgba(255,255,255,.16)}
.ticket-admin-row.row-created,.ticket-admin-row.row-reopened{border-left:4px solid #ff5f7a;background:rgba(255,95,122,.10)}
.ticket-admin-row.row-acknowledged,.ticket-admin-row.row-assigned{border-left:4px solid #60b5ff;background:rgba(96,181,255,.10)}
.ticket-admin-row.row-in_progress{border-left:4px solid #ffbe5a;background:rgba(255,190,90,.12)}
.ticket-admin-row.row-awaiting_user{border-left:4px solid #a78bfa;background:rgba(167,139,250,.12)}
.ticket-admin-row.row-resolved,.ticket-admin-row.row-closed{border-left:4px solid #50c8aa;background:rgba(80,200,170,.09)}
.ticket-pill.st-in_progress{background:rgba(255,190,90,.22);color:#ffd9a0}
.ticket-pill.st-assigned,.ticket-pill.st-acknowledged{background:rgba(96,181,255,.18);color:#9fd0ff}
.ticket-pill.st-awaiting_user{background:rgba(167,139,250,.2);color:#d6c9ff}

/* Chatbot : historique des conversations + barre de défilement sombre */
.chat-history-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.chat-history-bar select{flex:1 1 220px;min-width:0;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(12,19,42,.92);color:#d3def8}
.chat-history-bar .button{width:auto;flex:0 0 auto}
.chat-messages{color-scheme:dark;scrollbar-color:#4a5a8c rgba(255,255,255,.05)}
.chat-bubble{white-space:pre-wrap}