:root{--ssc-app-height:100dvh}
html,body{overscroll-behavior:none}
.ssc-wrap{--ssc-accent:#16a34a;display:grid;grid-template-columns:clamp(230px,23vw,290px) minmax(0,1fr);width:100%;height:min(82vh,760px);min-height:620px;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;position:relative}
.ssc-wrap *{box-sizing:border-box}.ssc-sidebar{background:#0b1220;color:#fff;display:flex;flex-direction:column;min-width:0;min-height:0}.ssc-brand{display:flex;gap:11px;align-items:center;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.ssc-logo{width:42px;height:42px;border-radius:12px;background:var(--ssc-accent);display:grid;place-items:center;font-weight:900;font-size:22px}.ssc-brand strong{font-size:16px;display:block;letter-spacing:.4px}.ssc-brand small{color:#9ca3af;font-size:11px;display:block;margin-top:2px}.ssc-presence{margin:14px 15px 6px;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.07);font-size:12px;color:#d1d5db}.ssc-dot{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px rgba(34,197,94,.15)}.ssc-room-title{padding:12px 16px 7px;font-size:10px;font-weight:800;color:#6b7280;letter-spacing:1.4px}.ssc-rooms{overflow:auto;padding:0 8px 14px;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.ssc-room{width:100%;border:0;background:transparent;color:#cbd5e1;display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;cursor:pointer;text-align:left;margin:2px 0}.ssc-room:hover{background:rgba(255,255,255,.07)}.ssc-room.active{background:var(--ssc-accent);color:#fff}.ssc-room span{font-size:17px}.ssc-room b{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssc-sidebar-foot{font-size:10px;color:#64748b;padding:13px 15px calc(13px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07)}
.ssc-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f8fafc;overflow:hidden}.ssc-header{flex:0 0 auto;min-height:68px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 18px;gap:12px}.ssc-header strong{display:block;font-size:15px}.ssc-header small{display:block;color:#6b7280;font-size:11px;margin-top:2px}.ssc-userbar{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:12px;color:#475569;min-width:0}.ssc-userbar span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssc-linkbtn{border:0;background:#f1f5f9;border-radius:8px;padding:7px 9px;cursor:pointer}.ssc-mobile-rooms{display:none;border:0;background:#f1f5f9;width:36px;height:36px;border-radius:9px;font-size:18px;flex:0 0 36px}.ssc-welcome{flex:0 0 auto;display:flex;gap:8px;padding:9px 16px;background:#fffbeb;border-bottom:1px solid #fde68a;color:#78350f;font-size:11px;line-height:1.35}.ssc-messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ssc-loading{text-align:center;color:#94a3b8;font-size:12px;padding:35px}.ssc-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:15px;max-width:min(80%,760px)}.ssc-message.own{margin-left:auto;flex-direction:row-reverse}.ssc-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-weight:800;font-size:12px}.ssc-message.own .ssc-avatar{background:var(--ssc-accent);color:white}.ssc-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:4px 14px 14px 14px;padding:9px 11px;min-width:130px;box-shadow:0 2px 5px rgba(15,23,42,.03)}.ssc-message.own .ssc-bubble{background:#ecfdf5;border-color:#bbf7d0;border-radius:14px 4px 14px 14px}.ssc-msg-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ssc-msg-top strong{font-size:11px;color:#0f172a}.ssc-msg-top time{font-size:9px;color:#94a3b8;margin-left:auto}.ssc-body{font-size:13px;line-height:1.4;color:#334155;overflow-wrap:anywhere}.ssc-msg-actions{display:flex;gap:8px;margin-top:7px;opacity:0;transition:.15s}.ssc-message:hover .ssc-msg-actions{opacity:1}.ssc-msg-actions button{border:0;background:transparent;padding:0;color:#64748b;font-size:9px;cursor:pointer}.ssc-quoted{background:#f1f5f9;border-left:3px solid var(--ssc-accent);padding:5px 7px;border-radius:5px;font-size:10px;color:#64748b;margin-bottom:7px}
.ssc-banner-own{flex:0 0 auto;width:100%;background:#fff;border-top:1px solid #e5e7eb;padding:6px 12px;text-align:center;overflow:hidden}.ssc-banner-track{position:relative;width:100%;height:clamp(72px,10vw,118px);overflow:hidden}.ssc-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;display:flex;align-items:center;justify-content:center}.ssc-banner-slide.active{opacity:1;visibility:visible;z-index:1}.ssc-banner-own a,.ssc-banner-own picture{display:block;width:100%;height:100%;line-height:0}.ssc-banner-own img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0 auto;border:0}.ssc-banner-dots{height:8px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.ssc-banner-dots span{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.ssc-banner-dots span.active{background:var(--ssc-accent)}
.ssc-compose{flex:0 0 auto;padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb}.ssc-compose-row{display:flex;align-items:flex-end;gap:8px}.ssc-iconbtn,.ssc-send{border:0;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:17px;flex:0 0 38px}.ssc-iconbtn{background:#f1f5f9}.ssc-send{background:var(--ssc-accent);color:#fff}.ssc-send:disabled{opacity:.5}.ssc-compose textarea{flex:1;resize:none;border:1px solid #dbe2ea;border-radius:12px;padding:10px 12px;min-height:38px;max-height:110px;outline:none;font:inherit;font-size:13px}.ssc-compose textarea:focus{border-color:var(--ssc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ssc-accent) 13%,transparent)}.ssc-compose-meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:9px;margin:5px 45px 0}.ssc-reply-preview{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;border-left:3px solid var(--ssc-accent);padding:6px 8px;margin:0 45px 8px;border-radius:6px;font-size:10px;color:#64748b}.ssc-reply-preview button{border:0;background:transparent;font-size:18px;cursor:pointer}.ssc-modal[hidden]{display:none!important}.ssc-modal{position:absolute;inset:0;background:rgba(2,6,23,.68);z-index:20;display:grid;place-items:center;padding:20px}.ssc-modal-card{position:relative;width:min(410px,100%);max-height:calc(var(--ssc-app-height,100dvh) - 32px);overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.ssc-modal-card h3{margin:0 0 6px;font-size:20px}.ssc-modal-card p{margin:0 0 16px;color:#64748b;font-size:12px;line-height:1.5}.ssc-modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer;color:#64748b}.ssc-tabs{display:flex;background:#f1f5f9;border-radius:10px;padding:3px;margin-bottom:14px}.ssc-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:8px;cursor:pointer;font-size:12px}.ssc-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);font-weight:700}.ssc-form{display:grid;gap:9px}.ssc-form[hidden]{display:none}.ssc-form input,.ssc-form textarea,.ssc-form select{width:100%;border:1px solid #dbe2ea;border-radius:9px;padding:10px;font:inherit;font-size:12px}.ssc-form button{border:0;background:var(--ssc-accent);color:#fff;font-weight:700;border-radius:10px;padding:11px;cursor:pointer}.ssc-auth-msg{font-size:11px;color:#b91c1c;margin-top:10px}.ssc-toast{position:absolute;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%,15px);background:#111827;color:#fff;padding:9px 13px;border-radius:9px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.ssc-toast.show{opacity:1;transform:translate(-50%,0)}

/* Tablet: keep two columns but use a narrower room list. */
@media(max-width:1024px) and (min-width:781px){.ssc-wrap{grid-template-columns:230px minmax(0,1fr)}.ssc-brand{padding:14px 12px}.ssc-presence{margin:10px 10px 5px}.ssc-room{padding:9px 8px}.ssc-header{padding:0 14px}.ssc-messages{padding:15px}.ssc-banner-track{height:clamp(68px,9vw,96px)}}

/* Phone / narrow tablet: rooms become an off-canvas drawer. */
@media(max-width:780px){.ssc-wrap{grid-template-columns:1fr;height:var(--ssc-app-height,100dvh);min-height:0;border-radius:12px}.ssc-sidebar{position:absolute;z-index:15;inset:0 auto 0 0;height:100%;width:min(86vw,310px);transform:translateX(-105%);transition:.2s;box-shadow:14px 0 40px rgba(0,0,0,.25)}.ssc-wrap.show-rooms .ssc-sidebar{transform:translateX(0)}.ssc-wrap.show-rooms:after{content:"";position:absolute;z-index:14;inset:0;background:rgba(2,6,23,.42)}.ssc-mobile-rooms{display:block}.ssc-header{min-height:58px;padding:env(safe-area-inset-top) 10px 0}.ssc-header small{display:none}.ssc-header strong{font-size:14px}.ssc-userbar{font-size:10px}.ssc-userbar span{max-width:88px}.ssc-messages{padding:12px 10px}.ssc-message{max-width:94%;gap:7px}.ssc-avatar{width:28px;height:28px;flex-basis:28px}.ssc-welcome{font-size:10px;padding:7px 10px}.ssc-banner-own{padding:4px 8px}.ssc-banner-track{height:clamp(62px,18vw,86px)}.ssc-compose{padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.ssc-compose-meta{margin:5px 43px 0}.ssc-reply-preview{margin:0 43px 7px}.ssc-msg-actions{opacity:1}.ssc-body{font-size:13px}.ssc-modal{padding:12px}.ssc-modal-card{border-radius:14px;padding:20px 16px}}

@media(max-width:390px){.ssc-userbar span{display:none}.ssc-header{gap:8px}.ssc-welcome{max-height:54px;overflow:auto}.ssc-banner-track{height:clamp(58px,18vw,76px)}.ssc-compose-meta span:last-child{display:none}.ssc-compose-meta{justify-content:flex-end}.ssc-message{max-width:97%}}

/* Dedicated full-screen /chat renderer. No WordPress theme or ad hooks are rendered. */
html.ssc-standalone-html{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#f8fafc!important}
body.ssc-standalone{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;height:var(--ssc-app-height,100dvh)!important;min-height:0!important;overflow:hidden!important;background:#f8fafc!important}
body.ssc-standalone .ssc-wrap{width:100%!important;max-width:none!important;height:var(--ssc-app-height,100dvh)!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.ssc-standalone .ssc-main{height:100%;min-height:0}
body.ssc-standalone .ssc-messages{min-height:0}

/* Extra protection if a CDN/ad plugin injects Google ad containers after render. */
body.ssc-standalone ins.adsbygoogle,body.ssc-standalone .adsbygoogle,body.ssc-standalone .google-auto-placed,body.ssc-standalone iframe[src*="googleads"],body.ssc-standalone iframe[src*="doubleclick"]{display:none!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}