:root{--blue:#0757b8;--blue-dark:#083c7c;--ink:#102a43;--muted:#627d98;--line:#d9e7f3;--soft:#f4f8fc;--white:#fff;--green:#18a66a;--shadow:0 18px 50px rgba(20,61,103,.11)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#edf5fb}button,input,select,textarea{font:inherit}.support-shell{max-width:1540px;min-height:100vh;margin:auto;background:#f7fbfe}.support-header{height:76px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.support-logo img{display:block;width:174px;max-height:50px;object-fit:contain}.support-header nav{display:flex;align-items:center;gap:14px}.support-header nav a,.support-header nav button{border:0;background:none;color:#36576f;text-decoration:none;display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:700}.support-user{padding:9px 13px;border-radius:50px;background:#edf5ff;color:#0757b8;font-size:13px}.support-hero{padding:38px clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;background:linear-gradient(125deg,#083c7c,#0879d8)}.support-kicker{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.14em}.support-hero h1{font-size:clamp(30px,4vw,49px);line-height:1.08;margin:9px 0 10px}.support-hero p{max-width:720px;margin:0;color:#dceeff;font-size:16px;line-height:1.65}.support-presence{min-width:255px;display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.12)}.support-presence>span{width:11px;height:11px;border-radius:50%;background:#65e8aa;box-shadow:0 0 0 6px rgba(101,232,170,.17)}.support-presence strong,.support-presence small{display:block}.support-presence small{margin-top:3px;color:#dceeff}.support-workspace{min-height:650px;display:grid;grid-template-columns:390px 1fr;margin:28px clamp(20px,4vw,58px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.ticket-sidebar{border-right:1px solid var(--line);background:#fbfdff}.ticket-sidebar__head{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.ticket-sidebar h2{margin:0;font-size:19px}.ticket-sidebar small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.ticket-sidebar__head button,.conversation-empty button{border:0;border-radius:9px;padding:11px 14px;color:#fff;background:var(--blue);font-weight:800;cursor:pointer;white-space:nowrap}.ticket-list{max-height:650px;overflow:auto}.ticket-item{width:100%;padding:18px 20px;border:0;border-bottom:1px solid #e7eff6;background:transparent;text-align:left;cursor:pointer;transition:.18s}.ticket-item:hover,.ticket-item.active{background:#edf6ff}.ticket-item__top,.ticket-item__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-item strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item p{margin:7px 0;color:var(--muted);font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item__meta{color:#7890a4;font-size:11px}.unread{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:10px}.support-status{display:inline-flex;padding:5px 8px;border-radius:40px;font-size:10px;font-weight:800;text-transform:capitalize;background:#e8f1fa;color:#43627b}.support-status.pending_support,.support-status.open{background:#fff1d8;color:#946000}.support-status.pending_customer{background:#e3f2ff;color:#0757b8}.support-status.resolved{background:#e2f8ed;color:#087647}.support-status.closed{background:#e9edf1;color:#607182}.conversation{min-width:0;background:#fff}.conversation-empty{min-height:650px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.conversation-empty__icon{width:82px;height:82px;display:grid;place-items:center;border-radius:25px;background:#e9f4ff;color:var(--blue);font-size:40px}.conversation-empty h2{margin:20px 0 8px;font-size:25px}.conversation-empty p{max-width:450px;margin:0 0 20px;color:var(--muted);line-height:1.6}.conversation-active{height:650px;display:grid;grid-template-rows:auto 1fr auto auto}.conversation-head{padding:19px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.conversation-head h2{margin:0;font-size:19px}.conversation-title-row{display:flex;align-items:center;gap:10px}.conversation-head p{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 0;color:var(--muted);font-size:12px}.mobile-ticket-back{display:none;border:0;background:none;font-size:22px;color:var(--ink)}.message-stream{padding:25px;overflow-y:auto;background:linear-gradient(#f8fbfe,#f2f7fb)}.message{max-width:min(72%,650px);margin:0 0 18px;display:flex;gap:10px;align-items:flex-end}.message.customer{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#0d7bd8;color:#fff;font-size:12px;font-weight:800}.message.customer .message-avatar{background:#6d7f90}.message-body small{display:block;margin:0 5px 5px;color:#738da3;font-size:10px}.message.customer .message-body small{text-align:right}.message-bubble{padding:13px 15px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid #dbe8f2;box-shadow:0 5px 15px rgba(29,68,103,.06);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.customer .message-bubble{border-color:#0b65c1;border-radius:15px 15px 4px 15px;background:#0b65c1;color:#fff}.resolved-note{padding:10px 20px;text-align:center;color:#315c76;background:#e8f5fc;font-size:12px}.reply-composer{padding:15px 18px;display:flex;align-items:flex-end;gap:12px;border-top:1px solid var(--line);background:#fff}.reply-composer textarea{width:100%;min-height:48px;max-height:130px;resize:vertical;padding:12px 14px;border:1px solid #cdddea;border-radius:10px;outline:none}.reply-composer textarea:focus{border-color:#1680dc;box-shadow:0 0 0 3px rgba(22,128,220,.12)}.reply-composer button{height:48px;padding:0 18px;border:0;border-radius:10px;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.support-faq{margin:0 clamp(20px,4vw,58px) 50px}.support-faq h2{text-align:center}.support-faq>div{max-width:920px;margin:auto;display:grid;gap:10px}.faq-item{padding:17px 20px;border:1px solid var(--line);border-radius:11px;background:#fff}.faq-item strong{display:block;margin-bottom:6px}.faq-item p{margin:0;color:var(--muted);line-height:1.55}.support-loading,.ticket-empty{padding:50px 25px;text-align:center;color:var(--muted);line-height:1.6}.ticket-empty i{display:block;margin-bottom:10px;color:#9eb5c6;font-size:40px}.support-modal{position:fixed;inset:0;z-index:1000;display:none}.support-modal.open{display:block}.support-modal__backdrop{position:absolute;inset:0;background:rgba(6,30,53,.65);backdrop-filter:blur(3px)}.support-modal__dialog{position:relative;width:min(680px,calc(100% - 30px));max-height:calc(100vh - 40px);overflow:auto;margin:20px auto;border-radius:15px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.25)}.support-modal__dialog>header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.support-modal__dialog header span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.support-modal__dialog h2{margin:4px 0 0}.support-modal__dialog header button{border:0;background:#edf3f8;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.support-modal form{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.support-modal label{display:grid;gap:7px;color:#314e63;font-size:13px;font-weight:700}.support-modal label.full,.support-modal footer,.support-form-feedback{grid-column:1/-1}.support-modal input,.support-modal select,.support-modal textarea{width:100%;padding:12px;border:1px solid #ceddea;border-radius:8px;outline:none}.support-modal input:focus,.support-modal select:focus,.support-modal textarea:focus{border-color:#1680dc;box-shadow:0 0 0 3px rgba(22,128,220,.11)}.support-modal footer{display:flex;justify-content:flex-end;gap:10px}.support-modal footer button{padding:12px 17px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-weight:800;cursor:pointer}.support-modal footer .secondary{color:#38556b;background:#eaf1f6}.support-form-feedback{padding:11px;border-radius:8px;color:#9c2c2c;background:#fff0f0}.support-toast{position:fixed;right:22px;bottom:22px;z-index:1200;padding:13px 18px;border-radius:9px;color:#fff;background:#123d60;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.support-toast.show{opacity:1;transform:none}
@media(max-width:900px){.support-workspace{grid-template-columns:330px 1fr}.support-presence{display:none}.message{max-width:85%}}
@media(max-width:700px){.support-header{height:64px;padding:0 15px}.support-logo img{width:142px}.support-header nav>a,.support-user,.support-header nav button span{display:none}.support-header nav button{font-size:22px}.support-hero{padding:27px 18px}.support-hero h1{font-size:31px}.support-hero p{font-size:14px}.support-workspace{display:block;min-height:calc(100vh - 220px);margin:0;border:0;border-radius:0;box-shadow:none}.ticket-sidebar{border:0}.ticket-sidebar__head{padding:17px}.ticket-sidebar__head button span{display:none}.ticket-list{max-height:none}.conversation{display:none}.support-workspace.chat-open .ticket-sidebar{display:none}.support-workspace.chat-open .conversation{display:block}.conversation-active,.conversation-empty{height:calc(100vh - 64px);min-height:570px}.conversation-head{padding:14px}.mobile-ticket-back{display:block}.conversation-title-row{align-items:flex-start;flex-direction:column;gap:5px}.conversation-head h2{font-size:16px}.message-stream{padding:17px 12px}.message{max-width:92%}.message-avatar{width:29px;height:29px;flex-basis:29px}.reply-composer{padding:10px;gap:8px}.reply-composer button{width:48px;padding:0;font-size:19px}.reply-composer button span{display:none}.support-faq{margin:28px 16px}.support-modal form{grid-template-columns:1fr;padding:18px}.support-modal label.full,.support-modal footer,.support-form-feedback{grid-column:1}.support-modal__dialog{max-height:calc(100vh - 20px);margin:10px auto}}

/* Responsive layout correction */
html{overflow-x:hidden}body{min-width:320px}.support-modal-open{overflow:hidden}.support-shell{width:100%;max-width:none}.support-container{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}.support-header{height:auto;min-height:72px;padding:0}.support-header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.support-logo{display:flex;align-items:center;min-width:0}.support-logo img{width:160px;height:48px;max-width:100%;object-fit:contain;object-position:left center}.support-header nav{min-width:0;justify-content:flex-end}.support-header nav a,.support-header nav button{min-height:40px;padding:8px 10px;border-radius:8px}.support-header nav a:hover,.support-header nav button:hover{background:#f1f6fa}.support-user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-hero{padding:0}.support-hero__inner{min-height:180px;padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.support-hero__inner>div:first-child{min-width:0}.support-hero h1{margin:8px 0 10px;font-size:clamp(31px,4vw,46px)}.support-hero p{max-width:680px}.support-presence{flex:0 0 275px;min-width:0}.support-workspace{width:min(1180px,calc(100% - 40px));height:clamp(590px,68vh,720px);min-height:590px;grid-template-columns:minmax(300px,350px) minmax(0,1fr);margin-top:26px;margin-bottom:34px}.ticket-sidebar,.conversation{min-height:0;min-width:0}.ticket-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr)}.ticket-sidebar__head{min-height:92px;padding:18px}.ticket-sidebar__head>div{min-width:0}.ticket-sidebar h2{font-size:17px;line-height:1.25}.ticket-sidebar__head button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:12px}.ticket-list{max-height:none;min-height:0;overflow-y:auto}.ticket-item{padding:16px 18px}.ticket-item__top strong{min-width:0}.ticket-item__meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-empty{height:100%;min-height:0}.conversation-active{height:100%;min-height:0}.conversation-head{min-height:82px;padding:16px 20px}.conversation-head>div{min-width:0}.conversation-title-row h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-stream{min-height:0}.message-body{min-width:0}.reply-composer textarea{min-width:0}.support-faq{margin-top:0;margin-bottom:52px;padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff}.support-faq h2{margin:0 0 22px;font-size:25px}.support-faq>div{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;align-items:stretch}.faq-item{height:100%}.support-modal{padding:20px;overflow-y:auto}.support-modal__dialog{width:min(650px,100%);max-height:none;margin:0 auto}.support-modal__dialog>header{position:sticky;top:0;z-index:2;background:#fff}.support-modal form{padding-bottom:24px}.support-modal footer{position:sticky;bottom:-24px;margin:4px -23px -24px;padding:14px 23px;border-top:1px solid var(--line);background:#fff}.support-modal footer button{min-height:44px}.support-toast{max-width:min(360px,calc(100% - 32px))}
@media(max-width:960px){.support-container,.support-workspace{width:min(100% - 32px,1180px)}.support-workspace{grid-template-columns:310px minmax(0,1fr)}.support-presence{flex-basis:245px}.support-faq>div{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{background:#f7fbfe}.support-container{width:calc(100% - 28px)}.support-header{min-height:62px}.support-header__inner{min-height:62px}.support-logo img{width:138px;height:42px}.support-header nav{gap:2px}.support-header nav>a{display:flex;width:40px;padding:0;justify-content:center;font-size:0}.support-header nav>a i{font-size:21px}.support-header nav button{width:40px;padding:0;justify-content:center;font-size:20px}.support-user,.support-header nav button span{display:none}.support-hero__inner{min-height:150px;padding:25px 0}.support-hero h1{font-size:29px;line-height:1.12}.support-hero p{font-size:14px;line-height:1.55}.support-presence{display:none}.support-workspace{width:calc(100% - 20px);height:auto;min-height:520px;margin:10px auto 24px;border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 28px rgba(20,61,103,.09)}.ticket-sidebar__head{min-height:78px;padding:14px}.ticket-sidebar h2{font-size:16px}.ticket-sidebar small{max-width:220px}.ticket-sidebar__head button{width:40px;height:40px;padding:0;border-radius:50%;font-size:18px}.ticket-sidebar__head button span{display:none}.ticket-list{max-height:none}.ticket-item{padding:15px 14px}.conversation{display:none}.support-workspace.chat-open{height:calc(100dvh - 20px);min-height:560px;margin-top:10px}.support-workspace.chat-open .ticket-sidebar{display:none}.support-workspace.chat-open .conversation{display:block;height:100%}.conversation-active,.conversation-empty{height:100%;min-height:0}.conversation-head{min-height:76px;padding:12px 10px}.mobile-ticket-back{display:block;flex:0 0 38px;width:38px;height:38px;padding:0}.conversation-title-row{align-items:flex-start;flex-direction:column;gap:4px}.conversation-title-row h2{max-width:calc(100vw - 100px);font-size:15px}.conversation-head p{gap:7px;font-size:10px}.message-stream{padding:15px 10px}.message{max-width:94%;gap:7px}.message-avatar{width:28px;height:28px;flex-basis:28px;font-size:9px}.message-bubble{padding:11px 12px;font-size:13px}.reply-composer{padding:9px;gap:7px}.reply-composer textarea{min-height:44px;padding:10px 11px;font-size:14px}.reply-composer button{width:44px;height:44px;padding:0;font-size:18px}.reply-composer button span{display:none}.resolved-note{padding:8px 12px;font-size:11px}.support-faq{width:calc(100% - 28px);margin-bottom:30px;padding:20px 14px}.support-faq h2{font-size:21px}.support-faq>div{grid-template-columns:1fr}.support-modal{padding:0;align-items:flex-end}.support-modal.open{display:flex}.support-modal__dialog{width:100%;max-height:94dvh;margin:auto 0 0;border-radius:18px 18px 0 0}.support-modal__dialog>header{padding:17px 18px}.support-modal__dialog h2{font-size:20px}.support-modal form{grid-template-columns:1fr;gap:14px;padding:17px}.support-modal label.full,.support-modal footer,.support-form-feedback{grid-column:1}.support-modal input,.support-modal select,.support-modal textarea{font-size:16px}.support-modal footer{bottom:-17px;margin:2px -17px -17px;padding:12px 17px}.support-modal footer button{flex:1}.support-toast{right:14px;bottom:14px;left:14px;max-width:none;text-align:center}}
@media(max-width:380px){.support-container{width:calc(100% - 22px)}.support-workspace{width:calc(100% - 12px)}.support-hero h1{font-size:26px}.support-kicker{font-size:10px}.ticket-sidebar small{max-width:180px}.support-modal footer{flex-direction:column-reverse}}
.support-user{display:flex;align-items:center;gap:8px;padding:6px 11px 6px 6px}.support-user__avatar,.message-avatar{background:linear-gradient(135deg,var(--message-avatar-color,#0d7bd8),#173b62)}.support-user__avatar{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em}