
/* Contact center is deliberately distinct from the existing WhatsApp shortcut.
   All accents are scoped to each brand, keeping PlayServs purple and Zuno blue/cyan. */
.ps-contact-widget{--cw-bg:#181027;--cw-surface:#241735;--cw-surface-2:#302042;--cw-accent:#b77bff;--cw-accent-dark:#7833d5;--cw-edge:rgba(192,146,255,.22);--cw-text:#f8f4ff;--cw-sub:#c0afd0;--cw-ring:rgba(183,123,255,.2);position:fixed;bottom:100px;right:22px;z-index:115;isolation:isolate;color:var(--cw-text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.45}
.ps-contact-widget[data-brand="zuno"]{--cw-bg:#071a2e;--cw-surface:#0b2945;--cw-surface-2:#113552;--cw-accent:#37d9f3;--cw-accent-dark:#187fc7;--cw-edge:rgba(73,203,239,.25);--cw-text:#effbff;--cw-sub:#afc9db;--cw-ring:rgba(55,217,243,.2)}
.ps-contact-widget *, .ps-contact-widget *::before,.ps-contact-widget *::after{box-sizing:border-box}
.ps-contact-widget [hidden]{display:none!important}
.ps-contact-widget svg{display:block;width:20px;height:20px;flex:none}
.ps-cw-fab{float:right;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:8px 17px 8px 10px;border:1px solid var(--cw-edge);border-radius:999px;background:linear-gradient(135deg,var(--cw-accent-dark),var(--cw-bg));color:#fff;font:700 13px 'DM Sans',sans-serif;box-shadow:0 10px 32px rgba(0,0,0,.38);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.ps-contact-widget[data-brand="zuno"] .ps-cw-fab{color:#fff}
.ps-cw-fab:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.47)}
.ps-cw-fab:focus-visible,.ps-contact-widget button:focus-visible,.ps-contact-widget a:focus-visible,.ps-contact-widget input:focus-visible,.ps-contact-widget select:focus-visible,.ps-contact-widget textarea:focus-visible{outline:3px solid var(--cw-accent);outline-offset:3px}
.ps-cw-fab-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15)}.ps-cw-fab-icon svg{width:22px;height:22px}
.ps-cw-panel{clear:both;position:absolute;bottom:68px;right:0;width:min(385px,calc(100vw - 30px));max-height:min(640px,calc(100dvh - 180px));border-radius:22px;background:var(--cw-bg);color:var(--cw-text);border:1px solid var(--cw-edge);box-shadow:0 22px 75px rgba(0,0,0,.55);overflow:hidden;display:flex;flex-direction:column;animation:ps-cw-in .18s ease-out}
@keyframes ps-cw-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.ps-cw-header{display:flex;align-items:center;gap:11px;padding:18px;background:linear-gradient(110deg,var(--cw-surface-2),var(--cw-surface));border-bottom:1px solid var(--cw-edge)}
.ps-cw-header-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;background:var(--cw-ring);color:var(--cw-accent);border:1px solid var(--cw-edge);border-radius:12px}
.ps-cw-header>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ps-cw-brand{font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--cw-accent);text-transform:uppercase}.ps-cw-header strong{font-size:14px;font-weight:750}
.ps-cw-dismiss{display:grid;place-items:center;width:34px;height:34px;color:var(--cw-text);background:transparent;border:1px solid var(--cw-edge);border-radius:9px;cursor:pointer}
.ps-cw-dismiss svg{width:17px;height:17px}
.ps-cw-content{overflow:auto;overscroll-behavior:contain;padding:21px 20px 16px;min-height:0}
.ps-contact-widget h3{font-size:21px;letter-spacing:-.035em;font-weight:750;color:var(--cw-text);line-height:1.2;margin:7px 0 9px}
.ps-cw-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--cw-accent);margin:0}.ps-contact-widget .ps-cw-lead{font-size:12.5px;color:var(--cw-sub);line-height:1.55;margin:0 0 19px}
.ps-cw-choice{display:flex;align-items:center;gap:12px;min-height:65px;padding:12px 11px;margin-top:9px;background:var(--cw-surface);border:1px solid var(--cw-edge);border-radius:13px;color:var(--cw-text);cursor:pointer;width:100%;text-align:left;text-decoration:none;transition:border-color .18s,background .18s}
.ps-cw-choice:hover{background:var(--cw-surface-2);border-color:var(--cw-accent)}.ps-cw-main-choice{border-color:var(--cw-accent);background:linear-gradient(110deg,var(--cw-surface-2),var(--cw-surface))}
.ps-cw-choice-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;color:var(--cw-accent);background:var(--cw-ring);border-radius:11px}
.ps-cw-choice>span:nth-child(2){flex:1;min-width:0}.ps-cw-choice strong{display:block;font-size:13.5px;font-weight:750}.ps-cw-choice small{display:block;color:var(--cw-sub);font-size:11px;font-weight:400;margin-top:3px;line-height:1.35}.ps-cw-choice>svg{width:16px;height:16px;color:var(--cw-sub)}
.ps-cw-steps{display:flex;gap:8px;margin-bottom:18px}.ps-cw-steps span{flex:1;font-size:10.5px;font-weight:700;padding:8px;border-radius:8px;border:1px solid var(--cw-edge);background:var(--cw-surface);color:var(--cw-sub);text-align:center}.ps-cw-steps span.active{color:var(--cw-accent);border-color:var(--cw-accent);background:var(--cw-ring)}
.ps-contact-widget form label{display:flex;flex-direction:column;gap:6px;margin-top:13px;font-size:12px;color:var(--cw-text);font-weight:700}
.ps-contact-widget input,.ps-contact-widget select,.ps-contact-widget textarea{font:400 13px 'DM Sans',sans-serif;width:100%;padding:11px 12px;border-radius:10px;background:var(--cw-surface);color:var(--cw-text);border:1px solid var(--cw-edge);resize:vertical;outline:none;min-width:0}
.ps-contact-widget input::placeholder,.ps-contact-widget textarea::placeholder{color:var(--cw-sub);opacity:.75}.ps-contact-widget select option{background:var(--cw-bg);color:var(--cw-text)}
.ps-cw-form-actions{display:flex;gap:9px;justify-content:space-between;margin-top:20px}.ps-cw-form-actions button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:43px;border-radius:10px;padding:10px 14px;font:700 12px 'DM Sans',sans-serif;border:1px solid var(--cw-edge);cursor:pointer}
.ps-cw-form-actions svg{width:17px;height:17px}.ps-cw-secondary{background:var(--cw-surface);color:var(--cw-text)}.ps-cw-primary{background:linear-gradient(120deg,var(--cw-accent-dark),var(--cw-accent));color:#fff;flex:1;max-width:230px}
.ps-cw-privacy,.ps-cw-no-auto{font-size:11px;color:var(--cw-sub);line-height:1.5;margin:12px 0 0}.ps-cw-no-auto{text-align:right}
.ps-cw-footer{padding:10px 20px;border-top:1px solid var(--cw-edge);color:var(--cw-sub);font-size:10px;display:flex;align-items:center;gap:8px;line-height:1.4;background:var(--cw-surface)}.ps-cw-footer-dot{width:6px;height:6px;background:var(--cw-accent);border-radius:50%;flex:none}
@media(max-width:680px){.ps-contact-widget{right:16px;bottom:87px}.ps-cw-fab{padding:8px 10px;min-height:50px}.ps-cw-fab-icon{width:33px;height:33px}.ps-cw-fab-text{display:none}.ps-cw-panel{width:calc(100vw - 32px);bottom:58px;right:0;max-height:calc(100dvh - 166px)}.ps-cw-content{padding:16px 15px}.ps-cw-header{padding:13px 15px}.ps-cw-footer{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.ps-cw-panel{animation:none}.ps-cw-fab{transition:none}}

/* Official app-brand icon colors; the widget shell keeps its own brand theme. */
.ps-cw-choice .ps-cw-brand-whatsapp{background:#25D366!important;color:#fff!important}
.ps-cw-choice .ps-cw-brand-telegram{background:#229ED9!important;color:#fff!important}
.ps-cw-brand-whatsapp svg,.ps-cw-brand-telegram svg{width:23px;height:23px}
.ps-cw-form-status{font-size:12px;color:#ffb59e;line-height:1.5;margin:12px 0 0;min-height:15px}
.ps-cw-primary:disabled{opacity:.5;cursor:wait}
.ps-cw-done-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--cw-ring);color:var(--cw-accent);margin-bottom:8px}
.ps-cw-return{border:1px solid var(--cw-edge);border-radius:11px;background:var(--cw-surface-2);color:var(--cw-text);font:700 12px 'DM Sans',sans-serif;padding:11px 16px;cursor:pointer}
/* With the former redundant green WhatsApp floating button gone, use the bottom slot. */
.ps-contact-widget{bottom:22px}
@media(max-width:680px){.ps-contact-widget{bottom:17px}.ps-cw-panel{max-height:calc(100dvh - 94px)}}
