.support-content{padding-bottom:120px}.support-hero{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-radius:18px;background:linear-gradient(135deg,var(--primary-color,#061a38),var(--primary-dark-color,#0b315f));color:#fff}.support-hero span{color:var(--accent-color,#f5b51b);font-size:10px;font-weight:900}.support-hero h1{margin:7px 0}.support-hero p{margin:0;color:#bdcada}.support-layout{display:grid;grid-template-columns:330px minmax(0,1fr);height:650px;margin-top:18px;border:1px solid var(--border-color,#dce5ef);border-radius:17px;background:var(--surface-color,#fff);overflow:hidden}.support-tickets{overflow:auto;border-right:1px solid var(--border-color,#dce5ef)}.support-tickets>header{display:flex;justify-content:space-between;padding:18px}.support-tickets h2{margin:0;font-size:16px}.support-tickets>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--border-color,#edf1f5);color:var(--text-color,#18304f);text-decoration:none}.support-tickets>a.active{background:var(--accent-light-color,#fff5dd);border-left:3px solid var(--accent-color,#f5b51b)}.support-tickets>a>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf2fb;font-style:normal;font-weight:800}.support-tickets b,.support-tickets small{display:block}.support-tickets small{margin-top:4px;color:var(--muted-text-color,#718096);font-size:9px}.support-tickets em{color:#a66d00;font-size:9px;font-style:normal}.support-empty{padding:35px;text-align:center;color:var(--muted-text-color,#718096)}.support-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.support-chat>header{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border-color,#e5ebf1)}.support-chat>header span{color:#a66d00;font-size:9px}.support-chat h2{margin:4px 0 0;font-size:16px}.support-chat>header em{font-size:10px;font-style:normal}.support-messages{overflow:auto;padding:22px;background:var(--page-background,#f5f8fc)}.support-messages article{width:max-content;max-width:75%;margin-bottom:15px;padding:12px 15px;border-radius:14px;background:var(--surface-color,#fff);box-shadow:0 4px 15px #102a500a}.support-messages article.customer{margin-left:auto;background:var(--primary-color,#08264f);color:#fff}.support-messages b,.support-messages time{font-size:9px}.support-messages p{margin:5px 0;line-height:1.55;white-space:pre-wrap}.support-messages time{opacity:.7}.support-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--border-color,#e1e8f0)}.support-reply textarea{height:50px;padding:12px;border:1px solid var(--border-color,#d8e1eb);border-radius:10px;resize:none}.support-welcome{display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.support-welcome i{font-size:38px}.support-welcome h2,.support-welcome p{margin:0}.support-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:15px;background:#031329bd}.support-modal.open{display:grid}.support-modal>button{position:absolute;inset:0;border:0;background:transparent}.support-modal>form{position:relative;display:grid;gap:14px;width:min(620px,100%);padding:24px;border-radius:17px;background:var(--surface-color,#fff)}.support-modal header{display:flex;justify-content:space-between}.support-modal h2{margin:0}.support-modal header button{border:0;background:none;font-size:26px}.support-modal label{display:grid;gap:7px;font-size:12px;font-weight:700}.support-modal input,.support-modal select,.support-modal textarea{padding:11px;border:1px solid var(--border-color,#d7e0ea);border-radius:9px;background:var(--surface-color,#fff);color:var(--text-color,#172d4b)}.support-modal textarea{min-height:130px}.support-modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-modal footer{display:flex;justify-content:flex-end;gap:10px}@media(max-width:750px){.support-content{padding:12px 10px 135px}.support-hero{align-items:flex-start;flex-direction:column;gap:18px}.support-hero button{width:100%}.support-layout{grid-template-columns:1fr;height:auto}.support-tickets{max-height:270px;border-right:0;border-bottom:1px solid var(--border-color,#dce5ef)}.support-chat{min-height:520px}.support-messages article{max-width:88%}.support-reply{grid-template-columns:1fr}.support-modal form>div{grid-template-columns:1fr}}
.support-attachment-control{display:grid;gap:4px;padding:11px;border:1px dashed var(--border-color,#cbd7e5);border-radius:10px;background:var(--page-background,#f7f9fc);cursor:pointer}.support-attachment-control span{font-size:12px;font-weight:800}.support-attachment-control input{width:100%;padding:4px;border:0}.support-attachment-control small{color:var(--muted-text-color,#718096);font-size:9px}.support-attachment-control.compact{min-width:190px;padding:6px 10px}.support-attachment-control.compact input{font-size:10px}.support-attachment-control.compact small{display:none}.support-attachment-list{margin-top:18px;padding:14px;border-radius:12px;background:var(--surface-color,#fff)}.support-attachment-list h3{margin:0 0 8px;font-size:12px}.support-attachment-list a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--border-color,#e5ebf1);color:var(--text-color,#18304f)}.support-attachment-list a b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.support-attachment-list a small{font-size:9px;color:var(--muted-text-color,#718096)}@media(max-width:750px){.support-attachment-control.compact{width:100%}}
.support-messages article p:empty{display:none}
.support-image-attachment{display:block;margin:8px 0 4px;color:inherit}.support-image-attachment img{display:block;width:min(320px,100%);max-height:260px;border-radius:10px;object-fit:cover}.support-image-attachment small{display:block;margin-top:5px;opacity:.75}.support-pdf-attachment{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;min-width:min(310px,100%);margin:8px 0 4px;padding:9px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff12;color:inherit}.support-agent .support-pdf-attachment{border-color:var(--border-color,#dce5ef);background:var(--page-background,#f5f8fc)}.support-pdf-attachment>span{display:grid;place-items:center;height:34px;border-radius:7px;background:#d94b45;color:#fff;font-size:9px;font-weight:900}.support-pdf-attachment b{overflow:hidden;text-overflow:ellipsis;font-size:10px}.support-pdf-attachment small{font-size:8px;opacity:.7}
.support-chat{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.support-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}.support-reply{position:relative;z-index:3;background:var(--surface-color,#fff);box-shadow:0 -6px 18px rgba(10,33,67,.05)}.support-messages article{min-width:0}.support-image-attachment img{width:auto;max-width:min(320px,100%);height:auto;max-height:240px;object-fit:contain}.support-messages article.customer .support-image-attachment img{margin-left:auto}