html,body{height:100%;overflow:hidden}
.chat-page{display:block;height:100vh;height:100dvh;min-height:0;padding:0;background:#f7f8fb}
.chat-window{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#fff}
.chat-header{padding:14px max(20px,calc((100vw - 1120px)/2));background:#fff;box-shadow:0 1px 0 #e7eaf0;z-index:3}
.chat-notification-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce2ea;border-radius:10px;padding:9px 12px;background:#fff;color:#596579;font-weight:700;cursor:pointer}.chat-notification-toggle span{font-size:11px}.chat-notification-toggle.enabled{color:#5557db;border-color:#bfc1ff;background:#f1f1ff}.chat-notification-toast{position:fixed;right:20px;top:82px;z-index:20;border:0;border-radius:10px;padding:11px 14px;background:#202b40;color:#fff;box-shadow:0 10px 30px rgba(25,35,55,.25);font-weight:700;cursor:pointer}
.chat-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:24px max(24px,calc((100vw - 1120px)/2));background:#f7f8fb;scroll-padding-bottom:24px}
.date-label,.message-row{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}.date-label{margin-top:auto}
.message-row{margin-bottom:16px}
.bubble{max-width:min(680px,72vw);overflow-wrap:anywhere}
.welcome-form{width:min(900px,100%);margin:24px auto;padding:22px 24px}
.chat-composer-slot{padding:12px max(20px,calc((100vw - 1120px)/2));border-top:1px solid #e3e7ee;background:#fff;box-shadow:0 -8px 24px rgba(30,42,65,.05);z-index:4}
.chat-composer-slot[hidden]{display:none!important}
.chat-composer-slot .ongoing-form{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"attach text send" ". filename ." ". error .";gap:7px 10px;width:100%;max-width:1120px;margin:0 auto;padding:0;background:none;border:0;box-shadow:none;align-items:end}
.chat-composer-slot .ongoing-form textarea{grid-area:text;width:100%;height:48px;min-height:44px;max-height:120px;padding:12px 15px;resize:none;overflow:hidden;line-height:20px;background:#fff;border:1px solid #ccd4e0;border-radius:12px;outline:0}
.chat-composer-slot .ongoing-form textarea:focus{border-color:#6264e8;box-shadow:0 0 0 3px rgba(98,100,232,.12)}
.chat-composer-slot .ongoing-form>.attach-button{grid-area:attach;width:46px;height:48px;padding:0!important;font-size:0!important;border-radius:12px}
.chat-composer-slot .ongoing-form>.attach-button::before{content:"📎";font-size:18px;line-height:1}
.chat-composer-slot .ongoing-form>button{grid-area:send;width:52px;height:48px;border-radius:12px}
.chat-composer-slot .ongoing-form .file-name{grid-area:filename;min-width:0;margin:0 2px;font-size:10px;color:#8c96a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-composer-slot .ongoing-form .form-error{grid-area:error;margin:0 2px;min-height:0}
.chat-footer{min-height:34px;padding:9px max(20px,calc((100vw - 1120px)/2));background:#fff}
@media(max-width:700px){
 .chat-header{padding:11px 14px}.support-avatar{width:38px;height:38px}.chat-header h1{font-size:16px}.chat-header p{font-size:10px}.chat-notification-toggle{width:42px;height:40px;padding:0;justify-content:center}.chat-notification-toggle span{display:none}.chat-notification-toast{top:70px;right:12px;left:12px;text-align:center}
 .chat-body{padding:14px 12px}.date-label{margin-bottom:16px}.message-row{margin-bottom:13px}.mini-avatar{width:28px;height:28px}.bubble{max-width:82vw;padding:10px 12px;font-size:14px}
 .welcome-form{margin:8px auto;padding:17px 15px;border-radius:14px}.form-grid{grid-template-columns:1fr}.welcome-form textarea{min-height:82px}
 .form-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;flex-direction:row}.form-footer button{width:auto;white-space:nowrap}.form-footer .file-name{min-width:0}
 .chat-composer-slot{padding:9px 10px}.chat-composer-slot .ongoing-form{grid-template-columns:44px minmax(0,1fr) 48px;gap:5px 7px}.chat-composer-slot .ongoing-form textarea{height:44px;min-height:44px;padding:11px 12px}.chat-composer-slot .ongoing-form>.attach-button,.chat-composer-slot .ongoing-form>button{height:44px;width:44px}
 .chat-footer{min-height:28px;padding:7px 12px;font-size:9px}.chat-footer a{position:static;float:right;margin:0}
}