/* VANTAGE-PATCH-13: Unread mark + TTS play on the stock 2.5.12 chat. Scoped to .vx-* / .pb-tts-* only. */
.vx-unread-btn{color:var(--pb-text-dim);white-space:nowrap}
.vx-unread-btn.vx-active{color:var(--pb-blue-light,#5bb8e0);box-shadow:inset 0 0 0 1px var(--pb-blue,#2a93c1)}
.msg.vx-unread-msg .msg-bubble{position:relative;box-shadow:inset 3px 0 0 var(--pb-blue,#2a93c1)}
.msg.vx-unread-msg .msg-bubble::before{content:'';position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--pb-blue,#2a93c1);box-shadow:0 0 4px var(--pb-blue,#2a93c1)}
#vx-goto-unread{display:none;position:fixed;right:16px;bottom:calc(184px + env(safe-area-inset-bottom,0px));z-index:9998;min-height:40px;background:var(--pb-blue,#2a93c1);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.4)}
#vx-goto-unread.vx-visible{display:block}
#vx-goto-unread:hover{opacity:.9}
/* phone (live parity 7/18-7/19): floating pill on the right, directly above the speaker FAB (FAB top = 168px), above the tab bar/input */
@media (max-width:768px){#vx-goto-unread{right:14px;bottom:calc(176px + env(safe-area-inset-bottom,0px));z-index:9998}}
/* VANTAGE-PATCH-19: unread pill moved out of the message area (was covering the last message's action icons on phones). */
#vx-goto-unread{bottom:auto;top:96px;right:12px;min-height:28px;padding:4px 12px;font-size:12px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
#vx-goto-unread.vx-in-bar{position:static;margin-left:auto;align-self:center}
@media (max-width:768px){#vx-goto-unread{bottom:auto;top:96px;right:12px}#vx-goto-unread.vx-in-bar{position:static;margin-left:auto}}
/* VANTAGE-PATCH-20: clear sender distinction. Vishal/Kory (human) bubbles = blue tint + border, right; Vantage = unchanged dark, left. Kory-amber override (audience-filter.css) is more specific and still wins in Vishal's view. */
.msg.msg-user .msg-bubble{background:rgba(42,147,193,.24);border:1px solid rgba(91,184,224,.6);color:#eef6fb}
html[data-theme="light"] .msg.msg-user .msg-bubble{background:#d4eaf7;border:1px solid #2a93c1;color:#0b2a3d}
/* VANTAGE-PATCH-22: phone speaker FAB anchored under the header (top-right), not above the tab bar, so it never lands on the composer's reply-preview X when the keyboard is open. */
@media (max-width:768px){
  .pb-tts-fab{top:136px !important;bottom:auto !important;right:10px !important;width:40px !important;height:40px !important}
  .pb-tts-panel{top:182px !important;bottom:auto !important;right:10px !important}
}
@media (min-width:769px){.pb-tts-fab{bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important}.pb-tts-panel{bottom:206px !important}}
/* VANTAGE-PATCH-MOBILE-ACTIONS (2026-11-11, Vishal): phone-only larger, high-contrast per-message action buttons (unread/react/reply/pin/copy). Desktop untouched. */
@media (max-width:768px){
  .msg-actions{flex-wrap:wrap;gap:8px;align-items:center}
  .msg-actions .msg-action-btn{min-width:44px;min-height:44px;padding:0 12px;justify-content:center;border-radius:10px;font-size:13px;font-weight:600;background:#1a6a8f;color:#fff;border:1px solid #3db8f5;box-shadow:0 1px 3px rgba(0,0,0,.4)}
  .msg-actions .msg-action-btn svg{width:22px;height:22px;stroke-width:2.2}
  .msg-actions .msg-action-btn.pinned{background:#f1420b;border-color:#ffb199;color:#fff}
  .msg-actions .msg-action-btn.copied{background:#2e7d32;border-color:#8be28f;color:#fff}
  .msg-actions .vx-unread-btn.vx-active{background:#fff;color:#0b2a3d;box-shadow:none;border-color:#3db8f5}
  html[data-theme="light"] .msg-actions .msg-action-btn{background:#e2eef6;color:#0b2a3d;border:1px solid #2a93c1;box-shadow:0 1px 2px rgba(30,60,90,.2)}
  html[data-theme="light"] .msg-actions .msg-action-btn.pinned{background:#ffe4da;color:#b32d00;border-color:#f1420b}
  html[data-theme="light"] .msg-actions .msg-action-btn.copied{background:#dff3e0;color:#1b5e20;border-color:#2e7d32}
  html[data-theme="light"] .msg-actions .vx-unread-btn.vx-active{background:#2a93c1;color:#fff}
  html[data-theme="girly"] .msg-actions .msg-action-btn{background:#9f1239;color:#fff;border:1px solid #fda4af}
}