/* Desk : être prévenu de ce qui bouge + œil de présence (22/10/2026, registres 128-129).
   Drapeaux temps_reel_prevenu et ticket_presence ; rien ne s'affiche drapeaux éteints. */

/* Bandeau « nouveau message » dans un ticket ouvert */
.tr-newbar{position:sticky;top:var(--topdock,0px);z-index:26;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:linear-gradient(rgba(240,198,116,.18),rgba(240,198,116,.18)),var(--card,#fff);border:1px solid rgba(214,158,46,.55);border-radius:12px;padding:9px 12px;margin:0 0 12px;
  box-shadow:0 3px 10px rgba(0,0,0,.05)}
.tr-newbar .tr-nb-ico{width:18px;height:18px;flex:none;stroke:#b7791f;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr-newbar .tr-nb-txt{flex:1;min-width:200px;font-size:13px;font-weight:600;color:var(--ink)}
.tr-newbar .tr-nb-txt small{display:block;font-weight:400;color:var(--mut);font-size:11.5px;margin-top:2px}
.tr-newbar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.tr-newbar button.tr-go{background:#b7791f;border-color:#b7791f;color:#fff}
.tr-newbar button:hover{filter:brightness(1.05)}

/* message arrivé : surligné quelques secondes */
@keyframes trFlash{0%{box-shadow:0 0 0 3px rgba(214,158,46,.75)}100%{box-shadow:0 0 0 3px rgba(214,158,46,0)}}
.tr-flash{animation:trFlash 3.2s ease-out 2;border-radius:12px}

/* Présence sur le ticket ouvert */
.tr-pres{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.tr-pres:empty{display:none}
.tr-pchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;
  border:1px solid var(--line);background:var(--card);color:var(--ink)}
.tr-pchip svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr-pchip.reply{border-color:rgba(214,158,46,.65);background:rgba(240,198,116,.18)}
.tr-pchip.reply svg{stroke:#b7791f}

/* Liste : œil, nouveaux, mis à jour, pastille */
.tr-eye{display:inline-flex;align-items:center;margin-right:6px;vertical-align:-3px;color:var(--mut)}
.tr-eye svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr-eye.reply{color:#b7791f}
.tr-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;border-radius:6px;padding:1px 6px;margin-right:6px;vertical-align:1px;
  background:rgba(240,198,116,.25);color:#8a5a12;border:1px solid rgba(214,158,46,.45)}
html.theme-dark .tr-tag{color:#f0c674}
tr.row.tr-new > td:first-child{box-shadow:inset 3px 0 0 #d69e2e}
tr.row.tr-upd > td:first-child{box-shadow:inset 3px 0 0 rgba(214,158,46,.45)}
.tr-listchip{display:none;align-items:center;gap:10px;margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--ink);
  background:rgba(240,198,116,.14);border:1px solid rgba(214,158,46,.45);border-radius:10px;padding:6px 10px}
.tr-listchip.on{display:flex}
.tr-listchip button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer}

/* Nouvelle version du Desk */
.tr-verbar{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:10060;display:flex;align-items:center;gap:12px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(13,31,41,.25);padding:10px 12px 10px 16px;max-width:92vw}
.tr-verbar span{font-size:13px;font-weight:600;color:var(--ink)}
.tr-verbar small{display:block;font-weight:400;color:var(--mut);font-size:11.5px;margin-top:2px}
.tr-verbar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.tr-verbar button.tr-go{background:var(--reply,#1f6f8b);border-color:transparent;color:#fff}