/* Responsive v2: accessible touch targets, safe areas and long multilingual content. */
html{scrollbar-gutter:stable}body{overflow-x:hidden}.brand{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.8px;padding:0}.brand b{color:var(--orange);font-weight:500}.brand-sub{font-size:7px;letter-spacing:1.5px;margin-left:43px;margin-bottom:28px}.sidebar{padding-top:28px;overflow-y:auto}.sidebar-bottom{margin-top:24px}.help-mini{margin:16px 0}.nav button{padding:12px}.guest-mini small{font-size:8px;letter-spacing:0}.guest-mini>div{min-width:0}.guest-mini small{overflow-wrap:anywhere}.topbar{position:sticky;top:0;background:#101112ed;backdrop-filter:blur(16px);z-index:12}.menu-backdrop,.mobile-bottom{display:none}.dialog-open{overflow:hidden}.hero-copy{width:66%}.hero .eyebrow .dot{background:var(--orange)}.hero-art{pointer-events:none}.content{min-width:0}.panel,.two-col>*{min-width:0}.wrap,.user-id,.ticket-meta,.ticket-info h3{overflow-wrap:anywhere}.user-id{font-family:monospace;font-size:18px}.language{min-height:42px;min-width:58px}.icon-button,.mini-link,.guest-mini button{min-height:40px}.ticket-row{min-height:84px}.ticket-info{min-width:0}.ticket-row small{overflow-wrap:anywhere}.actions-wrap{flex-wrap:wrap}.note-panel{margin-top:18px}.form-actions .btn{white-space:normal}.chat{min-height:120px}.chat-images{display:flex;gap:8px;flex-wrap:wrap}.image-button{padding:0;background:none;border:0;max-width:180px;margin-top:8px}.image-button img{max-width:100%;height:auto;max-height:170px;border-radius:8px;object-fit:contain}.lightbox-image{width:100%;max-height:70vh;object-fit:contain}.drop-zone{line-height:1.9;min-height:68px}.drop-zone svg{width:17px;height:17px;vertical-align:middle}.attachments button{min-width:24px;min-height:24px}.text-button{background:transparent;color:var(--orange);border:0;text-align:left;font-size:11px;padding:6px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-weight:500}th,td{padding:15px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.ref-hero{border:1px solid #6d3b23;background:radial-gradient(ellipse at right top,#69321555,transparent 65%),#201a17;border-radius:16px;padding:32px;display:flex;gap:25px;align-items:center}.ref-hero h2{font-family:Unbounded,sans-serif;font-size:clamp(22px,3vw,40px);letter-spacing:-2px}.ref-hero h2 span{color:var(--orange)}.ref-hero p{max-width:660px;font-size:12px;line-height:1.9;color:#c0ada0}.ref-hero>.icon{width:100px;height:100px;color:var(--orange);stroke-width:1}.three{grid-template-columns:repeat(3,1fr)}.reward-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:15px}.reward-row>span:first-child{color:var(--orange);font-size:20px;font-weight:800}.notification{position:relative}.notification.unread:after{content:'';position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.loader{width:28px;height:28px;border:2px solid #333;border-top-color:var(--orange);border-radius:50%;margin:20px auto;animation:orbit 1s linear infinite}.modal-body input[type=checkbox]{min-height:18px;min-width:18px}.checkline{font-size:12px}.ticket-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}
@media(max-width:1100px){.ticket-layout{grid-template-columns:1fr}.ref-hero>.icon{width:65px}.hero-copy{width:70%}.top-actions{gap:9px}}
@media(max-width:1100px){html{scrollbar-gutter:auto}.topbar{padding:0 16px;gap:8px}.top-actions{gap:4px}.top-actions>.icon-button{display:block}.mobile-menu{min-width:42px;min-height:42px;display:grid;place-items:center}.top-actions .signin{min-height:42px;max-width:100px}.crumb strong{font-size:11px;max-width:105px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar{z-index:42;width:min(290px,86vw);padding:25px 22px;padding-bottom:calc(25px + env(safe-area-inset-bottom));transform:translateX(-110%)}.menu-open .sidebar{transform:translateX(0)}.menu-open{overflow:hidden}.menu-open .menu-backdrop{display:block;position:fixed;inset:0;z-index:41;background:#0009;border:0;border-radius:0;backdrop-filter:blur(3px)}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;border-top:1px solid #34302c;background:#151618f5;backdrop-filter:blur(18px);padding:5px 7px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;background:none;border:0;padding:7px 2px;color:#929399;min-height:52px;font-size:9px;line-height:1.3}.mobile-bottom button.active{color:var(--orange)}.mobile-bottom svg{width:19px;height:19px}.main{margin-left:0;padding-bottom:calc(75px + env(safe-area-inset-bottom))}.content{padding:24px 16px}.welcome h1{font-size:22px;line-height:1.4;letter-spacing:-.8px}.welcome p{font-size:11px;line-height:1.8}.hero{min-height:430px;padding:25px 22px}.hero-copy{width:100%}.hero h2{font-size:clamp(23px,6.5vw,33px);letter-spacing:-1.2px}.hero p{max-width:68%;font-size:12px;line-height:1.8}.hero-art{right:-10px;top:185px;width:42%;height:180px}.hero-note{max-width:65%;font-size:9px}.hero .btn{min-height:47px;max-width:70%;font-size:12px;gap:8px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.benefits{column-gap:10px}.benefit{font-size:10px;line-height:1.6;align-items:flex-start}.section-head{gap:14px;flex-wrap:wrap}.section-head h2{line-height:1.4}.step-card p{max-width:70%;font-size:12px}.step-card{min-height:153px;padding:20px}.step-card img{top:28px}.bottom-card p{font-size:11px;line-height:1.7}.bottom-card h3{font-size:12px}.bottom-card .tile{width:36px;height:36px}.btn{min-height:45px}.page-title{font-size:25px;line-height:1.35}.page-sub{line-height:1.9;font-size:12px}.tabs{gap:7px}.tabs button{min-height:42px;padding:9px 12px}.ticket-row{padding:15px 12px;flex-wrap:wrap}.ticket-row .badge{margin-left:auto}.ticket-info{min-width:160px}.ticket-row small{font-size:10px}.ticket-row h3{font-size:13px;line-height:1.6}.badge{font-size:10px;padding:6px 9px}.panel{padding:19px}.two-col{gap:16px}.chat{max-height:55vh;max-height:55dvh;margin:20px 0}.message{max-width:96%;font-size:13px;padding:13px}.message small{font-size:10px}.drop-zone{font-size:12px;padding:14px 10px}.drop-zone small{font-size:10px}.setting-row{align-items:flex-start}.setting-row p{font-size:12px;line-height:1.7}.settings-row h3{font-size:14px}.footer{font-size:10px}.footer button{font-size:11px;min-height:40px}.footer-links{gap:16px}.footer .footer-links{margin-top:-5px}dialog{width:calc(100% - 20px);max-width:540px;max-height:calc(100dvh - 24px);padding:22px 19px;border-radius:16px}dialog .modal-top h2{font-size:21px;line-height:1.4}dialog .modal-top button{min-width:38px;min-height:38px}.modal-top{align-items:flex-start}.modal-body input:not([type=checkbox]),.modal-body textarea,.modal-body select,textarea,input{font-size:16px}.modal-body label{font-size:12px;line-height:1.7}.modal-body>p{font-size:13px}.modal-body .form-actions{flex-wrap:wrap}.modal-body .form-actions .btn:last-child{flex:1}.modal-body .form-actions small{width:100%;line-height:1.7}.choice{min-height:65px}.choice small{font-size:11px}.notice{font-size:12px;line-height:1.8}.checkline{font-size:12px!important}.inline{align-items:stretch}.inline .btn{padding-left:14px;padding-right:14px;font-size:11px}.stat-grid{gap:10px}.stat{padding:16px}.stat span{font-size:11px;line-height:1.6}.stat b{font-size:25px;margin:11px 0}.three{grid-template-columns:1fr 1fr}.three .stat:last-child{grid-column:span 2;border-color:#6d3b23;background:#2a201a}.ref-hero{padding:23px;gap:5px}.ref-hero>.icon{display:none}.ref-hero h2{font-size:clamp(20px,6vw,29px);letter-spacing:-1.5px;white-space:nowrap}.ref-hero p{font-size:13px}.table-wrap{margin:0 -8px}#toast{bottom:calc(90px + env(safe-area-inset-bottom));font-size:12px;line-height:1.7;padding:12px 16px}.user-id{font-size:16px}.support-banner{gap:12px}.support-banner h2{line-height:1.5}.support-banner p{line-height:1.8}}
@media(max-width:360px){.topbar{padding:0 8px}.top-actions .signin{font-size:9px;padding:8px}.crumb strong{max-width:83px}.hero{padding:22px 18px}.hero h2{font-size:23px}.hero p{max-width:70%}.hero-art{top:220px}.hero-note{max-width:72%}.hero .btn{max-width:85%}.benefit{font-size:9px}.ref-hero{padding:18px}.ref-hero h2{font-size:20px}}