/* Tambayan Chat Bubble v2.0.0 - theme-compatible floating bubble. No theme edit. */
#rcb-root { position: fixed; bottom: 20px; z-index: 99999; font-family: system-ui, Arial, sans-serif; }
#rcb-root.rcb-right { right: 20px; }
#rcb-root.rcb-left { left: 20px; }
/* v1.1.2 defensive: tanggapin din ang lumang doble-prefix na class (rcb-rcb-right / rcb-rcb-left)
   mula sa mga page na naka-cache pa ang lumang markup. */
#rcb-root.rcb-rcb-right { right: 20px; }
#rcb-root.rcb-rcb-left { left: 20px; }
#rcb-btn { border: 0; color: #fff; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 12px 16px; font-size: 15px; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.rcb-shape-round #rcb-btn { border-radius: 999px; width: 60px; height: 60px; justify-content: center; }
.rcb-shape-square #rcb-btn { border-radius: 6px; }
.rcb-shape-rounded #rcb-btn { border-radius: 18px; }
.rcb-size-S #rcb-btn { transform: scale(.85); }
.rcb-size-L #rcb-btn { transform: scale(1.15); }
#rcb-win { width: 380px; max-width: calc(100vw - 40px); height: 500px; max-height: 70vh; background: #fff; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 8px 30px rgba(0,0,0,.3); margin-bottom: 10px; }
#rcb-win[hidden] { display: none !important; } /* v1.1 hotfix: author display:flex overrides [hidden] UA rule without this */
#rcb-head { color: #fff; padding: 12px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; }
#rcb-close { background: transparent; border: 0; color: #fff; font-size: 16px; cursor: pointer; }
#rcb-msgs { flex: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.rcb-bot { background: #f1f3f4; padding: 12px 14px; border-radius: 10px; font-size: 14px; line-height: 1.55; white-space: normal; }
.rcb-bot a { color: #0284c7; text-decoration: underline; word-break: break-word; font-weight: 500; }
.rcb-bot a:hover { color: #0369a1; }
.rcb-user { background: #1a73e8; color: #fff; padding: 10px 14px; border-radius: 10px; font-size: 14px; line-height: 1.5; align-self: flex-end; }
.rcb-typing { opacity: .6; font-style: italic; }
#rcb-note { font-size: 11px; color: #888; padding: 4px 10px; }
#rcb-form { display: flex; border-top: 1px solid #ddd; }
#rcb-input { flex: 1; border: 0; padding: 10px; font-size: 14px; }
#rcb-form button { border: 0; background: #1a73e8; color: #fff; padding: 0 14px; cursor: pointer; }
/* v2.0.0: human support / direct messenger link above the input. */
#rcb-human { padding: 8px 10px; text-align: center; border-top: 1px solid #eee; background: #fff; }
#rcb-human a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; background: #f1f3f4; color: #1a73e8; text-decoration: none; font-size: 13px; font-weight: 600; transition: background .2s; }
#rcb-human a:hover { background: #e8eaed; }
#rcb-human a::before { content: '👤'; font-size: 14px; }
/* v1.3: icon - white circle para readable ang Trinity logo / custom img; emoji span fallback. */
.rcb-icon { font-size: 22px; line-height: 1; }
.rcb-icon-img { background: #fff; border-radius: 50%; width: 28px; height: 28px; object-fit: contain; padding: 2px; }
/* v1.4: avatar-only launcher default (bilog na avatar lang, walang text). */
#rcb-btn.rcb-avatar-only { background: transparent !important; box-shadow: none; padding: 0; width: 64px; height: 64px; border-radius: 50%; justify-content: center; }
#rcb-btn.rcb-avatar-only .rcb-launcher-img { width: 64px; height: 64px; border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 4px 14px rgba(0,0,0,.25); padding: 0; }
#rcb-btn .rcb-launcher-img { width: 64px; height: 64px; border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
/* v1.4: emoji mode - white circle, malaking emoji sa gitna, walang text. */
#rcb-btn.rcb-avatar-only .rcb-emoji { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; font-size: 32px; line-height: 1; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
/* v1.4: size S/M/L scale ng avatar launcher (56/64/76px). */
.rcb-size-S #rcb-btn.rcb-avatar-only, .rcb-size-S #rcb-btn.rcb-avatar-only .rcb-launcher-img, .rcb-size-S #rcb-btn.rcb-avatar-only .rcb-emoji { width: 56px; height: 56px; }
.rcb-size-M #rcb-btn.rcb-avatar-only .rcb-launcher-img, .rcb-size-M #rcb-btn.rcb-avatar-only .rcb-emoji { width: 64px; height: 64px; }
.rcb-size-L #rcb-btn.rcb-avatar-only, .rcb-size-L #rcb-btn.rcb-avatar-only .rcb-launcher-img, .rcb-size-L #rcb-btn.rcb-avatar-only .rcb-emoji { width: 76px; height: 76px; }
@media (max-width: 480px) { #rcb-win { width: calc(100vw - 40px); height: 70vh; } }