.site-chat{position:fixed;right:22px;bottom:22px;z-index:60;width:365px;max-width:calc(100% - 28px);height:580px;max-height:calc(100dvh - 100px);padding:0;border:1px solid #57677c;border-radius:18px;background:#141b25;color:#e7eef7;box-shadow:0 20px 70px #0008;display:flex;flex-direction:column;overflow:hidden;font-size:13px}.site-chat[hidden]{display:none}.chat-head{display:flex;align-items:center;gap:10px;padding:16px;background:#1b314b;color:#f5fcff}.chat-head img{width:37px;height:37px;border-radius:50%}.chat-head div{flex:1}.chat-head strong{display:block;font-size:14px}.chat-head small{display:block;color:#bfd5e8;font-size:10px;margin-top:3px}.chat-close{border:0;background:transparent;color:#e6f5ff;font-size:25px;width:34px;height:34px;border-radius:7px}.chat-close:hover{background:#ffffff14}.chat-notice{background:#23334a;color:#c3d8ea;font-size:10px;text-align:center;padding:7px}.chat-history{flex:1;overflow:auto;min-height:0;padding:17px 14px}.chat-welcome{font-size:12px;line-height:1.75;color:#cbd7e5;background:#202c3c;border-radius:10px;padding:12px}.chat-messages{display:flex;flex-direction:column;gap:14px;margin-top:14px}.chat-bubble{border-radius:3px 13px 13px;padding:12px;background:#29384a;border:1px solid #405167;max-width:88%;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble p{margin:0;font-size:13px}.chat-bubble small{display:block;margin-top:6px;font-size:9px;color:#b6c5d5}.chat-bubble.customer{align-self:flex-end;background:#2563a5;color:#fff;border-color:#2563a5;border-radius:13px 3px 13px 13px}.chat-bubble.customer small{color:#d5e7fb}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.chat-quick button{border:1px solid #5a728c;border-radius:999px;background:#1b293a;color:#d6e5f4;padding:7px 9px;font-size:11px;min-height:34px}.chat-footer{padding:12px 14px;border-top:1px solid #405065;background:#182230}.chat-footer label{display:block;color:#c2cedc;font-size:10px;margin-bottom:7px}.chat-compose{display:flex;align-items:flex-end;gap:8px}.chat-compose textarea{resize:none;min-height:60px;height:60px;flex:1;min-width:0;border:1px solid #657994;border-radius:9px;padding:9px;font-family:inherit;font-size:13px;line-height:1.6;color:#edf4fc;background:#111a26}.chat-compose button{border:0;border-radius:9px;background:#9bd9f2;color:#102337;font-size:12px;font-weight:700;padding:12px 13px;min-height:42px}.chat-compose button:disabled{opacity:.65}.chat-state{margin:7px 0 0;font-size:11px;color:#c4d7e9;line-height:1.6}.chat-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px}.chat-tools a,.chat-tools button{color:#a8ddf2;font-size:10px}.chat-tools button{border:0;background:transparent;padding:4px}.chat-footer>small{display:block;color:#a8b8cb;font-size:9px;margin-top:4px}.chat-launch{position:fixed;bottom:24px;right:22px;z-index:50;border:1px solid #74b3d0;border-radius:999px;background:#1b3b5e;color:#effaff;box-shadow:0 8px 24px #0005;padding:13px 18px;font-size:12px;font-weight:600}.chat-launch[hidden]{display:none}body:has(.chat-launch) .back-to-top{right:auto;left:20px}.site-chat button:focus-visible,.chat-launch:focus-visible,.chat-compose textarea:focus-visible{outline:2px solid #80d2f2;outline-offset:2px}@media(max-width:700px){.site-chat{right:10px;bottom:calc(59px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);height:540px;max-height:calc(100dvh - 85px);border-radius:15px}.chat-launch{display:none}.chat-launch[hidden]{display:none}body:has(.chat-launch) .back-to-top{left:12px}.chat-head{padding:12px}.chat-history{padding:12px}.chat-footer{padding:11px}.chat-compose textarea{font-size:16px}.chat-compose textarea::placeholder{font-size:12px}}

/* All three contact channels retain the same card and action dimensions. */
#contact-dialog .contact-options{grid-auto-rows:1fr;gap:12px}
#contact-dialog .contact-option{min-height:100px}
#contact-dialog .contact-action{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}
#contact-dialog .contact-option small{font-weight:600;color:#d6d9df}
#contact-dialog .online-icon{background:#3d4b61}
#contact-dialog .online-icon svg{width:28px;height:28px}
#contact-dialog .online-action{background:#c7d2e2;color:#172233}
#contact-dialog .contact-action:focus-visible{outline:2px solid #f3d590;outline-offset:3px}
@media(max-width:700px){#contact-dialog .contact-modal{padding:22px 16px}#contact-dialog .contact-intro{margin-bottom:18px;line-height:1.7}#contact-dialog .contact-option{min-height:128px;gap:10px;padding:13px 12px}#contact-dialog .contact-hours{margin-top:14px;padding:12px;font-size:11px}#contact-dialog .contact-option div>span{font-size:11px}}