:root{--support-navy:#061e37;--support-navy-2:#0b3358;--support-gold:#c99a3d;--support-gold-soft:#f8edcf;--support-ink:#10243b;--support-muted:#697b8d;--support-line:#dce4eb;--support-bg:#f3f6f8;--support-good:#15734b;--support-warn:#a36d0a;--support-danger:#a63b3b;--support-shadow:0 18px 46px rgba(6,30,55,.1)}
*{box-sizing:border-box}body.support-app{margin:0;min-height:100vh;background:var(--support-bg);color:var(--support-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}
.support-header{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--support-line);position:sticky;top:0;z-index:20}.support-brand{display:flex;align-items:center;gap:13px;color:var(--support-navy);text-decoration:none}.support-brand>span:first-child{display:grid;place-items:center;width:44px;height:50px;color:#071d34;font-weight:900;font-size:1.25rem;background:linear-gradient(145deg,#e5b84f,#b57a22);clip-path:polygon(50% 0,95% 18%,88% 78%,50% 100%,12% 78%,5% 18%)}.support-brand>span:last-child{display:grid;gap:2px}.support-brand strong{font-size:1.06rem;letter-spacing:.15em}.support-brand small{font-size:.58rem;letter-spacing:.25em;color:#9a773b}.support-header-actions{display:flex;align-items:center;gap:10px}.support-header-actions label{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--support-muted)}.support-header-actions select,.support-link-button{min-height:42px;border:1px solid var(--support-line);border-radius:10px;background:#fff;color:var(--support-navy);font-weight:700;padding:0 14px}.support-link-button{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.support-shell{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:40px 0 64px}.support-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.support-hero h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1;margin:8px 0 12px;color:var(--support-navy);letter-spacing:-.045em}.support-hero p:not(.support-eyebrow){max-width:760px;margin:0;color:var(--support-muted);font-size:1rem;line-height:1.6}.support-eyebrow{margin:0;color:#a37931;font-size:.66rem;font-weight:900;letter-spacing:.18em}.support-primary,.support-secondary{border:0;border-radius:11px;min-height:46px;padding:0 19px;font-weight:800;cursor:pointer}.support-primary{background:var(--support-navy);color:#fff;box-shadow:0 9px 20px rgba(6,30,55,.18)}.support-primary:hover{background:var(--support-navy-2)}.support-primary:disabled{opacity:.55;cursor:wait}.support-secondary{background:#fff;color:var(--support-navy);border:1px solid var(--support-line)}.support-hero .support-primary{display:flex;align-items:center;gap:8px;white-space:nowrap}.support-status{min-height:18px;margin:8px 0;color:var(--support-muted);font-size:.83rem}.support-status[data-tone=good]{color:var(--support-good)}.support-status[data-tone=danger]{color:var(--support-danger)}
.support-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}.support-metrics article{padding:20px 22px;border:1px solid var(--support-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(6,30,55,.035)}.support-metrics span{display:block;color:var(--support-muted);font-size:.67rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.support-metrics strong{display:block;margin-top:7px;color:var(--support-navy);font-size:1.8rem}
.support-workspace{display:grid;grid-template-columns:minmax(270px,340px) minmax(430px,1fr) minmax(250px,310px);min-height:640px;border:1px solid var(--support-line);border-radius:19px;background:#fff;box-shadow:var(--support-shadow);overflow:hidden}.support-list-panel,.support-channel-panel{padding:24px;background:#fbfcfd}.support-list-panel{border-inline-end:1px solid var(--support-line)}.support-channel-panel{border-inline-start:1px solid var(--support-line)}.support-conversation-panel{padding:28px;min-width:0}.support-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.support-panel-heading h2{margin:6px 0 0;color:var(--support-navy);font-size:1.28rem}.support-panel-heading>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:99px;background:var(--support-gold-soft);color:#8a611d;font-weight:900}.support-ticket-list{display:grid;gap:10px}.support-ticket{width:100%;padding:14px;text-align:start;border:1px solid var(--support-line);border-radius:12px;background:#fff;color:var(--support-ink);cursor:pointer;display:grid;gap:7px}.support-ticket:hover,.support-ticket.active{border-color:var(--support-gold);box-shadow:0 7px 20px rgba(6,30,55,.08)}.support-ticket.unread{border-inline-start:4px solid var(--support-gold)}.support-ticket>span:first-child{display:flex;justify-content:space-between;gap:8px}.support-ticket small{color:var(--support-muted);font-size:.67rem}.support-ticket>strong{font-size:.9rem}.support-ticket>span:nth-child(3){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--support-muted);font-size:.78rem}.support-ticket b,.support-badges span{border-radius:99px;padding:5px 8px;background:#eef2f5;color:var(--support-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.07em}.support-ticket b[data-tone=new],.support-ticket b[data-tone=open],.support-badges [data-tone=new],.support-badges [data-tone=open]{background:#fff1ce;color:#8b6419}.support-ticket b[data-tone=waiting_for_customer],.support-badges [data-tone=waiting_for_customer],.support-badges [data-tone=high],.support-badges [data-tone=urgent]{background:#ffe8e3;color:#a34435}.support-ticket b[data-tone=resolved],.support-badges [data-tone=resolved]{background:#e5f3eb;color:#176544}.support-empty{padding:40px 18px;text-align:center;color:var(--support-muted)}.support-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--support-gold-soft);color:#8b6419;font-size:1.3rem;font-weight:900}.support-empty strong{display:block;color:var(--support-navy)}.support-empty p{font-size:.82rem;line-height:1.5}.support-conversation-empty{padding-top:150px}
.support-conversation-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--support-line)}.support-conversation-heading h2{margin:6px 0;color:var(--support-navy);font-size:1.5rem}.support-conversation-heading p:last-child{margin:0;color:var(--support-muted);font-size:.78rem}.support-badges{display:flex;gap:7px}.support-message-stream{height:365px;overflow:auto;padding:24px 5px;display:flex;flex-direction:column;gap:14px}.support-message{max-width:83%;padding:13px 15px;border-radius:15px;background:#f0f4f7;border:1px solid #e2e9ee;align-self:flex-start}.support-message.from-customer{align-self:flex-end;background:var(--support-navy);border-color:var(--support-navy);color:#fff}.support-message header{display:flex;justify-content:space-between;gap:22px;margin-bottom:7px}.support-message header strong{font-size:.72rem}.support-message time{font-size:.6rem;opacity:.68}.support-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem;line-height:1.5}.support-reply-form{padding-top:18px;border-top:1px solid var(--support-line)}.support-reply-form label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:800}.support-reply-form textarea,.support-dialog input,.support-dialog select,.support-dialog textarea{width:100%;border:1px solid #ccd7e0;border-radius:10px;background:#fff;padding:11px 12px;color:var(--support-ink);font:inherit;resize:vertical}.support-reply-form textarea:focus,.support-dialog input:focus,.support-dialog select:focus,.support-dialog textarea:focus{outline:3px solid rgba(201,154,61,.18);border-color:var(--support-gold)}.support-reply-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.support-reply-form small{color:var(--support-muted)}.support-conversation-actions{text-align:end}.support-danger-link{border:0;background:none;color:var(--support-danger);cursor:pointer;font-weight:700}
.support-channel-panel{background:linear-gradient(160deg,#071e37 0%,#0c355a 100%);color:#fff}.support-channel-panel .support-eyebrow{color:#e3bb68}.support-channel-panel h2{margin:9px 0 6px}.support-channel-panel>strong{display:block;margin-bottom:15px;color:#f4d58d}.support-channel-panel>p:not(.support-eyebrow){color:#d2deea;font-size:.82rem;line-height:1.55}.support-channel-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:26px;border-radius:16px;background:#1fa966;color:#fff;font-size:1.35rem}.support-whatsapp{display:flex;align-items:center;justify-content:center;min-height:48px;margin:19px 0;border-radius:11px;background:#1fa966;color:#fff;text-decoration:none;font-weight:900}.support-whatsapp:hover{background:#168a52}.support-privacy-note{display:grid;gap:5px;margin:17px 0;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06)}.support-privacy-note strong{color:#f4d58d;font-size:.7rem;text-transform:uppercase}.support-privacy-note span{font-size:.72rem;line-height:1.45;color:#d7e2ec}.support-email{color:#fff;font-size:.76rem}
.support-dialog{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:17px;box-shadow:0 30px 90px rgba(4,22,40,.35)}.support-dialog::backdrop{background:rgba(4,20,35,.66);backdrop-filter:blur(3px)}.support-dialog form{padding:25px;display:grid;gap:9px}.support-dialog header{display:flex;justify-content:space-between;align-items:start;margin-bottom:6px}.support-dialog header h2{margin:6px 0;color:var(--support-navy)}.support-dialog header button{border:0;background:none;font-size:1.8rem;color:var(--support-muted);cursor:pointer}.support-dialog label{margin-top:5px;font-size:.74rem;font-weight:800}.support-dialog-warning{display:grid;gap:3px;margin-top:8px;padding:12px;border-radius:10px;background:#fff5dd;color:#7e5b1c}.support-dialog-warning strong{font-size:.76rem}.support-dialog-warning span{font-size:.7rem;line-height:1.4}.support-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}
@media(max-width:1100px){.support-workspace{grid-template-columns:300px 1fr}.support-channel-panel{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--support-line);display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.support-channel-panel>*{margin:0!important}.support-channel-panel .support-privacy-note{grid-column:2/-1}.support-channel-mark{grid-row:1/3}.support-email{grid-column:3}}
@media(max-width:760px){.support-header{height:auto;padding:14px 16px;align-items:flex-start}.support-header-actions{flex-wrap:wrap;justify-content:flex-end}.support-header-actions label span,.support-header-actions .support-link-button:first-of-type{display:none}.support-shell{width:min(100% - 24px,1500px);padding:26px 0 100px}.support-hero{align-items:start;flex-direction:column}.support-metrics{grid-template-columns:1fr 1fr}.support-workspace{display:block}.support-list-panel{border:0;border-bottom:1px solid var(--support-line)}.support-conversation-panel{padding:20px 16px}.support-conversation-empty{padding-top:50px}.support-message-stream{height:410px}.support-message{max-width:92%}.support-channel-panel{display:block}.support-channel-panel>*{margin:initial!important}.support-channel-panel .support-channel-mark{margin-bottom:20px!important}.support-channel-panel .support-whatsapp{margin:16px 0!important}.support-channel-panel .support-privacy-note{margin:15px 0!important}}