/* ════════════════════════════════════════════════════════════
   YBN — Chat / Tickets (moteur partagé chat.js)
   Bulles de conversation, composer, statuts. Thème Gritty LA.
   ════════════════════════════════════════════════════════════ */

.yc-wrap { display:flex; flex-direction:column; height:100%; min-height:0; }

.yc-head {
  display:flex; align-items:center; gap:12px;
  padding:.9rem 1.1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, #17140f, #100e0b);
  flex-shrink:0;
}
.yc-head .yc-h-title {
  font-family:'Teko',sans-serif; font-size:20px; font-weight:600;
  letter-spacing:.5px; text-transform:uppercase; color:#fff; line-height:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.yc-head .yc-h-sub { font-family:'Inter',sans-serif; font-size:11.5px; color:#8f8c86; margin-top:2px; }
.yc-badge {
  font-family:'Special Elite',monospace; font-size:9.5px; letter-spacing:1.5px;
  text-transform:uppercase; padding:3px 9px; border:1px solid;
  white-space:nowrap; flex-shrink:0;
}
.yc-badge.open     { color:#5b8fe0; border-color:rgba(91,143,224,.4); background:rgba(91,143,224,.1); }
.yc-badge.answered { color:#3fae66; border-color:rgba(63,174,102,.4); background:rgba(63,174,102,.1); }
.yc-badge.closed   { color:#8f8c86; border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.04); }
.yc-head .yc-close {
  margin-left:auto; flex-shrink:0;
  background:none; border:1px solid rgba(255,255,255,.15); color:#b0b0b0;
  font-family:'Rajdhani',sans-serif; font-size:11px; font-weight:700; letter-spacing:1px;
  text-transform:uppercase; padding:6px 12px; cursor:pointer; transition:all .2s;
}
.yc-head .yc-close:hover { border-color:#ef4444; color:#ef4444; }

.yc-msgs {
  flex:1; min-height:0; overflow-y:auto;
  padding:1.1rem;
  display:flex; flex-direction:column; gap:12px;
  background:
    radial-gradient(ellipse 90% 50% at 50% 0%, rgba(59,50,38,.15), transparent 70%),
    #0c0b09;
  scroll-behavior:smooth;
}
.yc-msgs::-webkit-scrollbar { width:8px; }
.yc-msgs::-webkit-scrollbar-thumb { background:#3b3226; }

.yc-row { display:flex; flex-direction:column; max-width:82%; }
.yc-row.user  { align-self:flex-start; }
.yc-row.staff { align-self:flex-end; }
.yc-row.system { align-self:center; max-width:100%; }

.yc-meta {
  font-family:'Special Elite',monospace; font-size:9.5px; letter-spacing:1px;
  color:#6f6c66; margin-bottom:4px; padding:0 4px;
  display:flex; gap:8px; align-items:center;
}
.yc-row.staff .yc-meta { justify-content:flex-end; color:#c79a3a; }

.yc-bubble {
  font-family:'Inter',sans-serif; font-size:13.5px; line-height:1.55;
  padding:.7rem .9rem; color:#e8e6e2;
  white-space:pre-wrap; word-break:break-word;
  border:1px solid rgba(255,255,255,.08);
}
.yc-row.user  .yc-bubble {
  background:#17140f;
  border-left:2px solid rgba(255,255,255,.18);
}
.yc-row.staff .yc-bubble {
  background:linear-gradient(165deg, #241d0f, #1a1509);
  border-left:2px solid var(--g-gold-2, #DAA520);
  color:#f3ecdd;
}
.yc-row.system .yc-bubble {
  background:transparent; border:1px dashed rgba(255,255,255,.14);
  color:#8f8c86; font-size:12px; text-align:center; font-style:italic;
}

.yc-empty {
  margin:auto; text-align:center; color:#6f6c66;
  font-family:'Inter',sans-serif; font-size:13px; padding:2rem;
}
.yc-empty i { font-size:34px; color:#3b3226; display:block; margin-bottom:.75rem; }

.yc-composer {
  display:flex; gap:10px; align-items:flex-end;
  padding:.9rem 1rem;
  border-top:1px solid rgba(255,255,255,.08);
  background:#0f0e0b;
  flex-shrink:0;
}
.yc-composer textarea {
  flex:1; resize:none; min-height:42px; max-height:130px;
  background:#161310 !important; border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important; font-family:'Inter',sans-serif; font-size:13.5px;
  padding:.65rem .8rem; border-radius:0 !important; line-height:1.4;
  transition:border-color .2s;
}
.yc-composer textarea:focus { border-color:var(--g-gold-2, #DAA520) !important; outline:none; }
.yc-send {
  flex-shrink:0;
  background:var(--g-gold-2, #DAA520); color:#000; border:none;
  font-family:'Teko',sans-serif; font-size:17px; font-weight:600; letter-spacing:1.5px;
  text-transform:uppercase; padding:0 18px; height:42px; cursor:pointer;
  clip-path:polygon(0 12%, 4% 0, 100% 6%, 97% 90%, 93% 100%, 2% 95%);
  transition:background .2s, transform .1s;
}
.yc-send:hover { background:var(--g-gold, #FFD700); }
.yc-send:active { transform:scale(.96); }
.yc-send:disabled { opacity:.5; cursor:not-allowed; }

.yc-closed-note {
  padding:.9rem 1rem; text-align:center;
  font-family:'Inter',sans-serif; font-size:12.5px; color:#8f8c86;
  border-top:1px solid rgba(255,255,255,.08); background:#0f0e0b;
}

/* Pastille "en direct" */
.yc-live {
  display:inline-flex; align-items:center; gap:6px;
  font-family:'Special Elite',monospace; font-size:10px; letter-spacing:1.5px;
  text-transform:uppercase; color:#3fae66;
}
.yc-live .dot { width:7px; height:7px; border-radius:50%; background:#3fae66; animation:ycPulse 1.8s infinite; }
@keyframes ycPulse { 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:1;transform:scale(1.25)} }