/* ============================================================
   v2.6.9 — Chat extras: role badges, prayer/praise cards,
   report flow, keyword-filter holds, announcements, profiles.
   Dark base + html[data-theme="light"] overrides.
   ============================================================ */

/* ── Role badges ── */
.eos-chat-rb {
  display: inline-block;
  font-size: 8.5px; font-weight: 700; letter-spacing: 0.8px;
  padding: 2px 6px; border-radius: 6px; margin-left: 5px;
  vertical-align: 1px; border: 1px solid; line-height: 1.2;
}
.eos-chat-rb--host { background: rgba(245,163,18,0.16); color: #ffce6b; border-color: rgba(245,163,18,0.45); }
.eos-chat-rb--mod  { background: rgba(124,77,255,0.16); color: #c9b8ff; border-color: rgba(124,77,255,0.45); }
.eos-chat-rb--new  { background: rgba(29,158,117,0.16); color: #7fe3bd; border-color: rgba(29,158,117,0.45); }
html[data-theme="light"] .eos-chat-rb--host { background: rgba(245,163,18,0.14); color: #8a5a06; border-color: rgba(138,90,6,0.5); }
html[data-theme="light"] .eos-chat-rb--mod  { background: rgba(124,77,255,0.10); color: #5a2ec7; border-color: rgba(90,46,199,0.45); }
html[data-theme="light"] .eos-chat-rb--new  { background: rgba(29,158,117,0.12); color: #0b6b4c; border-color: rgba(11,107,76,0.45); }

/* ── Prayer / praise cards ── */
.eos-chat-msg--prayer .eos-chat-msg__text,
.eos-chat-msg--praise .eos-chat-msg__text { display: block; }
.eos-chat-msg--prayer .body {
  display: block; background: rgba(245,163,18,0.08);
  border: 1px solid rgba(245,163,18,0.30); border-left: 3px solid #f5a312;
  border-radius: 0 11px 11px 0; padding: 8px 11px; margin-top: 3px;
}
.eos-chat-msg--praise .body {
  display: block; background: rgba(29,158,117,0.08);
  border: 1px solid rgba(29,158,117,0.30); border-left: 3px solid #1d9e75;
  border-radius: 0 11px 11px 0; padding: 8px 11px; margin-top: 3px;
}
html[data-theme="light"] .eos-chat-msg--prayer .body { background: rgba(245,163,18,0.10); border-color: rgba(138,90,6,0.35); }
html[data-theme="light"] .eos-chat-msg--praise .body { background: rgba(29,158,117,0.09); border-color: rgba(11,107,76,0.35); }
.eos-chat-care__lbl {
  display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 1.2px;
  text-transform: uppercase; margin-bottom: 2px;
}
.eos-chat-care__lbl--prayer { color: #ffce6b; }
.eos-chat-care__lbl--praise { color: #7fe3bd; }
html[data-theme="light"] .eos-chat-care__lbl--prayer { color: #8a5a06; }
html[data-theme="light"] .eos-chat-care__lbl--praise { color: #0b6b4c; }
.eos-chat-careb {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 7px; padding: 6px 12px; border-radius: 999px;
  font-size: 11.5px; font-weight: 600; cursor: pointer; line-height: 1;
  transition: transform 0.25s cubic-bezier(0.34, 1.9, 0.5, 1), background 0.15s ease;
}
.eos-chat-careb:active { transform: scale(0.88); }
.eos-chat-careb--prayer { background: rgba(245,163,18,0.14); border: 1px solid rgba(245,163,18,0.4); color: #ffce6b; }
.eos-chat-careb--praise { background: rgba(29,158,117,0.14); border: 1px solid rgba(29,158,117,0.4); color: #7fe3bd; }
.eos-chat-careb.is-mine { box-shadow: 0 0 0 1.5px currentColor inset; }
html[data-theme="light"] .eos-chat-careb--prayer { color: #8a5a06; border-color: rgba(138,90,6,0.5); }
html[data-theme="light"] .eos-chat-careb--praise { color: #0b6b4c; border-color: rgba(11,107,76,0.5); }

/* ── Held (keyword filter) ── */
.eos-chat-msg--held { opacity: 0.85; }
.eos-chat-held {
  display: flex; align-items: center; gap: 6px;
  font-size: 10.5px; font-weight: 600; color: #ffce6b;
  background: rgba(245,163,18,0.10); border: 1px dashed rgba(245,163,18,0.45);
  border-radius: 8px; padding: 4px 9px; margin-bottom: 4px;
}
html[data-theme="light"] .eos-chat-held { color: #8a5a06; border-color: rgba(138,90,6,0.5); background: rgba(245,163,18,0.12); }
.eos-chat-held__ok {
  margin-left: auto; background: #f5a312; border: 0; color: #1a1405;
  font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 99px; cursor: pointer;
}
.eos-chat-held__ok:hover { background: #ffb52e; }

/* ── Report confirm sheet ── */
.eos-chat-repconf {
  position: fixed; inset: 0; z-index: 9600;
  background: rgba(0,0,0,0.45);
  display: flex; align-items: center; justify-content: center;
}
.eos-chat-repconf__box {
  background: #171a22; border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px; padding: 18px 20px; max-width: 300px;
  color: #f2f4f8; font-size: 13.5px; text-align: center;
}
html[data-theme="light"] .eos-chat-repconf__box { background: #ffffff; border-color: rgba(0,0,0,0.14); color: #171c26; }
.eos-chat-repconf__box p { margin: 0 0 13px; }
.eos-chat-repconf__box .r { display: flex; gap: 8px; justify-content: center; }
.eos-chat-repconf__box button {
  border-radius: 9px; padding: 8px 18px; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.eos-chat-repconf__box [data-rc-go] { background: #e5484d; border: 1px solid #e5484d; color: #fff; }
.eos-chat-repconf__box [data-rc-x]  { background: transparent; border: 1px solid rgba(128,134,148,0.5); color: inherit; }

/* ── Admin reports queue strip ── */
/* v2.10.2 — the empty moderation bar must stay gone when hidden; the display:flex
   below otherwise overrides the [hidden] attribute, leaving an empty red strip for admins. */
.eos-chat-reports[hidden] { display: none !important; }
.eos-chat-reports {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  margin: 6px 10px; padding: 7px 11px;
  background: rgba(229,72,77,0.10); border: 1px solid rgba(229,72,77,0.35);
  border-radius: 10px; font-size: 11.5px; color: #ff9d9d;
}
html[data-theme="light"] .eos-chat-reports { color: #b02a2e; border-color: rgba(176,42,46,0.4); background: rgba(229,72,77,0.08); }
.eos-chat-reports .h { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; }
.eos-chat-reports .it { display: inline-flex; align-items: center; gap: 5px; }
.eos-chat-reports button {
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2);
  color: inherit; font-size: 10.5px; font-weight: 600;
  padding: 2px 9px; border-radius: 99px; cursor: pointer;
}
html[data-theme="light"] .eos-chat-reports button { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.18); }
.eos-chat-msg.is-report-hl { outline: 2px solid #e5484d; outline-offset: 2px; border-radius: 10px; transition: outline-color 0.4s ease; }

/* ── Profile popover ── */
.eos-chat-profile {
  position: absolute; z-index: 60; width: 216px;
  background: rgba(23,26,34,0.98); border: 1px solid rgba(255,255,255,0.15);
  border-radius: 13px; padding: 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.5);
}
html[data-theme="light"] .eos-chat-profile { background: #ffffff; border-color: rgba(0,0,0,0.14); box-shadow: 0 14px 40px rgba(20,24,32,0.18); }
.eos-chat-profile .t { display: flex; gap: 10px; align-items: center; }
.eos-chat-profile .pav {
  width: 36px; height: 36px; border-radius: 50%; object-fit: cover;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; font-size: 12px; font-weight: 700; flex-shrink: 0;
}
.eos-chat-profile .n { color: #f2f4f8; font-size: 13px; font-weight: 600; }
html[data-theme="light"] .eos-chat-profile .n { color: #171c26; }
.eos-chat-profile .m { color: #98a0b0; font-size: 11px; margin-top: 1px; }
html[data-theme="light"] .eos-chat-profile .m { color: #5a6170; }
.eos-chat-profile .a { display: flex; gap: 6px; margin-top: 10px; }
.eos-chat-profile .a button {
  flex: 1; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.16);
  color: #f2f4f8; font-size: 11px; font-weight: 600; padding: 6px 4px; border-radius: 8px; cursor: pointer;
}
.eos-chat-profile .a button:hover { background: rgba(255,255,255,0.13); }
html[data-theme="light"] .eos-chat-profile .a button { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.16); color: #171c26; }
html[data-theme="light"] .eos-chat-profile .a button:hover { background: rgba(0,0,0,0.09); }
.eos-chat-profile .a button.danger { color: #ff9d9d; }
html[data-theme="light"] .eos-chat-profile .a button.danger { color: #b02a2e; }

/* ── Composer "+" (care) menu ── */
.eos-chat-care-btn {
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14);
  color: #aab1bf; cursor: pointer; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform 0.22s cubic-bezier(0.34, 1.7, 0.5, 1), background 0.15s ease;
}
.eos-chat-care-btn:hover { background: rgba(255,255,255,0.12); color: #fff; }
.eos-chat-care-btn:active { transform: scale(0.9); }
.eos-chat-care-btn.is-armed { background: rgba(245,163,18,0.16); border-color: rgba(245,163,18,0.45); color: #ffce6b; }
html[data-theme="light"] .eos-chat-care-btn { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.14); color: #4a5160; }
html[data-theme="light"] .eos-chat-care-btn.is-armed { color: #8a5a06; }
.eos-chat-care-menu {
  position: absolute; bottom: 48px; left: 6px; z-index: 55;
  background: rgba(23,26,34,0.98); border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px; padding: 5px; display: flex; flex-direction: column; min-width: 172px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.5);
}
html[data-theme="light"] .eos-chat-care-menu { background: #ffffff; border-color: rgba(0,0,0,0.14); box-shadow: 0 14px 40px rgba(20,24,32,0.18); }
.eos-chat-care-menu button {
  display: flex; align-items: center; gap: 9px;
  background: none; border: 0; color: #f2f4f8; font-size: 12.5px;
  padding: 8px 10px; border-radius: 8px; cursor: pointer; text-align: left;
}
.eos-chat-care-menu button:hover { background: rgba(255,255,255,0.09); }
html[data-theme="light"] .eos-chat-care-menu button { color: #171c26; }
html[data-theme="light"] .eos-chat-care-menu button:hover { background: rgba(0,0,0,0.06); }
.eos-chat-care-menu [data-care-pick="prayer"] svg { color: #ffce6b; }
.eos-chat-care-menu [data-care-pick="praise"] svg { color: #7fe3bd; }
html[data-theme="light"] .eos-chat-care-menu [data-care-pick="prayer"] svg { color: #8a5a06; }
html[data-theme="light"] .eos-chat-care-menu [data-care-pick="praise"] svg { color: #0b6b4c; }
.eos-chat-care-chip {
  position: absolute; top: -30px; left: 8px; z-index: 5;
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase;
  padding: 4px 10px; border-radius: 99px;
}
.eos-chat-care-chip.is-prayer { background: rgba(245,163,18,0.14); border: 1px solid rgba(245,163,18,0.45); color: #ffce6b; }
.eos-chat-care-chip.is-praise { background: rgba(29,158,117,0.14); border: 1px solid rgba(29,158,117,0.45); color: #7fe3bd; }
html[data-theme="light"] .eos-chat-care-chip.is-prayer { color: #8a5a06; background: rgba(245,163,18,0.16); }
html[data-theme="light"] .eos-chat-care-chip.is-praise { color: #0b6b4c; background: rgba(29,158,117,0.14); }
.eos-chat-care-chip button {
  background: none; border: 0; color: inherit; cursor: pointer;
  font-size: 13px; line-height: 1; padding: 0;
}

/* ── Auto-announcement row ── */
.eos-chat-announce-row {
  align-self: center; display: flex; align-items: center; gap: 7px;
  margin: 8px auto; max-width: 92%;
  background: rgba(245,163,18,0.09); border: 1px solid rgba(245,163,18,0.30);
  border-radius: 10px; padding: 7px 13px;
  color: #ffce6b; font-size: 11.5px; line-height: 1.45;
}
html[data-theme="light"] .eos-chat-announce-row { color: #8a5a06; border-color: rgba(138,90,6,0.4); background: rgba(245,163,18,0.10); }
.eos-chat-announce-row svg { flex-shrink: 0; }