#tp-chat-open{position:fixed;right:18px;bottom:20px;z-index:99998;border:0;border-radius:999px;padding:14px 18px;background:#9e1731;color:#fff;font-weight:800;box-shadow:0 10px 30px #0003;cursor:pointer;font-size:15px}
#tp-chat-float{position:fixed;right:18px;bottom:78px;width:min(390px,calc(100vw - 24px));height:min(650px,calc(100vh - 110px));z-index:99999;box-shadow:0 20px 60px #0005;border-radius:18px;overflow:hidden;background:#fff}
.tp-chat{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden;font-family:inherit}
.tp-chat header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;background:#111;color:#fff}
.tp-chat header strong{display:block;font-size:17px}.tp-chat header small{display:block;opacity:.72;margin-top:2px}.tp-close{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}
.tp-roombar{display:flex;gap:7px;overflow:auto;padding:9px;background:#fafafa;border-bottom:1px solid #eee}.tp-room{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.tp-room.active{background:#9e1731;color:#fff;border-color:#9e1731}
.tp-online{font-size:12px;padding:7px 12px;color:#666}.tp-online span{display:inline-block;width:8px;height:8px;background:#2aae67;border-radius:50%;margin-right:5px}
.tp-messages{flex:1;overflow:auto;padding:10px 12px;background:#f5f5f5;min-height:250px}.tp-loading{text-align:center;color:#888;padding:30px}
.tp-msg{background:#fff;border-radius:12px;padding:9px 11px;margin:7px 0;box-shadow:0 1px 2px #0000000d}.tp-msg-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#888}.tp-msg-head b{color:#222}.tp-msg-text{margin:5px 0 7px;white-space:pre-wrap;word-break:break-word}.tp-reacts{display:flex;gap:5px;align-items:center}.tp-reacts button{border:0;background:#f3f3f3;border-radius:999px;padding:4px 7px;cursor:pointer;font-size:12px}.tp-report{margin-left:auto!important;color:#999}
.tp-form{padding:10px;border-top:1px solid #ddd;background:#fff}.tp-nickrow{display:flex;gap:8px;align-items:center}.tp-nick{flex:1}.tp-form input,.tp-form textarea{border:1px solid #d5d5d5;border-radius:10px;padding:10px;font:inherit;box-sizing:border-box}.tp-text{width:100%;resize:none;margin-top:8px}.tp-nickrow label{font-size:12px;white-space:nowrap}.tp-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:7px}.tp-actions small{font-size:10px;color:#777}.tp-actions button{border:0;border-radius:10px;background:#9e1731;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}
.tp-error{background:#fff0f0;color:#a00000;padding:8px;border-radius:8px;font-size:12px;margin:6px 0}
@media(max-width:600px){#tp-chat-open span{display:none}#tp-chat-open{width:54px;height:54px;padding:0;font-size:22px}#tp-chat-float{right:8px;bottom:82px;width:calc(100vw - 16px);height:72vh}}

/* v1.1: accessible, touch-friendly room navigation on phones */
.tp-roombar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
.tp-room{min-width:0;white-space:normal;line-height:1.2;min-height:48px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:750;text-align:center;overflow-wrap:anywhere}
.tp-room-count{display:inline-block;margin-top:4px;font-size:11px;opacity:.85;font-weight:600}
.tp-online{font-size:12px;line-height:1.4}
@media(max-width:380px){.tp-roombar{gap:4px;padding:7px 5px}.tp-room{font-size:11px;padding:7px 3px}}

/* v1.2 mobile/readability fixes */
.tp-roombar{display:flex!important;gap:8px!important;padding:10px!important;overflow-x:auto!important;scrollbar-width:none}
.tp-roombar::-webkit-scrollbar{display:none}
.tp-room{flex:1 1 0!important;min-width:120px!important;min-height:46px!important;padding:9px 8px!important;font-size:13px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important}
.tp-room .tp-room-count{display:none!important}
.tp-online{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:9px 8px!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;text-align:center!important}
.tp-online .tp-dot{display:inline-block!important;width:9px!important;height:9px!important;min-width:9px!important;background:#28b66f!important;border-radius:50%!important;margin:0!important}
.tp-online strong{font-size:12px!important;color:#555!important}
.tp-online b{font-size:14px!important;color:#111!important}
.tp-online em{font-style:normal;color:#aaa}
@media(max-width:600px){
 .tp-roombar{display:grid!important;grid-template-columns:repeat(var(--tp-room-count,2),minmax(0,1fr))!important;overflow:visible!important}
 .tp-room{min-width:0!important;width:100%!important;font-size:12px!important}
 .tp-online{font-size:11px!important;gap:4px!important}
 .tp-online strong{font-size:11px!important}
 .tp-online b{font-size:14px!important}
}
@media(max-width:350px){
 .tp-roombar{grid-template-columns:1fr!important}
}