.support-shell{padding-bottom:2.5rem}
.support-narrow{width:100%}
.support-page-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.support-heading-copy{min-width:0}
.support-title{display:flex;align-items:center;gap:.42em;margin:.35rem 0 .3rem;color:#061b3d;font-size:clamp(2rem,3vw,3.15rem);font-weight:800;line-height:1.08;letter-spacing:-.045em}
.support-heading__icon{flex:0 0 auto;width:1em;color:inherit;font-size:.82em;text-align:center}
.support-heading-copy>p{margin:0;color:var(--gray-600)}
.support-ticket-heading .support-title{font-size:clamp(1.65rem,2.35vw,2.4rem)}
.support-action,.support-submit{--support-accent:#1268ed;--support-hover:#1978ed;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:190px;min-height:56px;padding:0 1.6rem!important;border:0!important;border-radius:999px!important;color:#fff!important;background:var(--support-accent)!important;box-shadow:0 5px 0 color-mix(in srgb,var(--support-accent) 72%,#000),0 13px 24px rgba(18,104,237,.2);font-size:1rem;font-weight:800;line-height:1;text-decoration:none!important;white-space:nowrap;transform:none;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}
.support-action:hover,.support-action:focus,.support-submit:hover,.support-submit:focus{color:#fff!important;background:var(--support-hover)!important;box-shadow:0 9px 0 color-mix(in srgb,var(--support-hover) 70%,#000),0 20px 34px rgba(18,104,237,.28),inset 0 1px 0 rgba(255,255,255,.22);transform:translateY(-8px) rotate(-1deg) scale(1.1)}
.support-action:active,.support-submit:active{box-shadow:0 3px 0 color-mix(in srgb,var(--support-accent) 72%,#000),0 8px 16px rgba(18,104,237,.2);transform:translateY(1px) scale(.98)}
.support-form-card,.support-reply-card,.support-detail-header,.support-ticket-facts,.support-empty,.support-ticket-row{background:#fff;border:1px solid rgba(12,55,105,.11);border-radius:1.375rem;box-shadow:0 18px 55px rgba(12,46,89,.075),inset 0 1px 0 rgba(255,255,255,.85)}
.support-list{display:grid;gap:1rem}
.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 1.55rem;color:inherit;text-decoration:none!important;transition:box-shadow .18s ease,border-color .18s ease}
.support-ticket-row:hover{border-color:rgba(31,126,232,.28);box-shadow:0 22px 60px rgba(12,46,89,.11),inset 0 1px 0 rgba(255,255,255,.92)}
.support-ticket-row.is-unread{border-color:rgba(31,126,232,.28);background:linear-gradient(100deg,#f6faff,#fff)}
.support-ticket-main{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:1rem;min-width:0}
.support-ticket-id{font-size:.75rem;font-weight:850;letter-spacing:.06em;color:var(--primary)}
.support-ticket-meta{display:flex;align-items:center;gap:1rem;white-space:nowrap}
.support-ticket-meta time{font-size:.8rem;color:var(--gray-600)}
.support-unread-dot{width:.55rem;height:.55rem;border-radius:50%;background:#25c59a;box-shadow:0 0 0 4px rgba(37,197,154,.15)}
.support-empty{padding:4.5rem 2rem;text-align:center}
.support-empty-icon{width:4rem;height:4rem;margin:0 auto 1.25rem;border-radius:1.3rem;background:#eaf3ff;color:var(--primary);display:grid;place-items:center;font-size:1.5rem}
.support-pagination{margin:2rem 0 5rem}
.support-pagination+.support-guide-grid{margin-top:0}
.support-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin-top:3.5rem}
.support-guide-card{--guide-accent:#0844a3;position:relative;min-height:210px;padding:1.7rem;background:#fff;border:1px solid rgba(8,68,163,.17);border-radius:1.25rem;box-shadow:0 14px 38px rgba(8,45,94,.075),inset 0 3px 0 #1769cf;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.support-guide-card:hover{border-color:rgba(8,68,163,.3);box-shadow:0 20px 46px rgba(8,45,94,.11),inset 0 3px 0 #1769cf;transform:translateY(-3px)}
.support-guide-icon{display:grid;width:3rem;height:3rem;margin-bottom:1.35rem;place-items:center;border:1px solid rgba(8,68,163,.12);border-radius:.9rem;color:var(--guide-accent);background:#edf5ff;box-shadow:0 8px 18px rgba(8,68,163,.1);font-size:1.05rem}
.support-guide-card h2{margin:0 0 .65rem;color:#061b3d;font-size:1.15rem;font-weight:800;letter-spacing:-.025em}
.support-guide-card p{max-width:32rem;margin:0;color:var(--gray-600);font-size:.92rem;line-height:1.7}
.support-form-card,.support-reply-card{padding:clamp(1.5rem,3vw,2.5rem)}
.support-form-card .form-group{margin-bottom:1.45rem}
.support-form-card label,.support-reply-card label{font-weight:750}
.support-form-card .form-control,.support-form-card .custom-select,.support-reply-card .form-control{min-height:3.35rem;border-radius:1rem;border-color:#dce5ef;padding:.8rem 1rem;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.support-form-card textarea.form-control,.support-reply-card textarea.form-control{min-height:10rem}
.support-form-card .form-control:focus,.support-form-card .custom-select:focus,.support-reply-card .form-control:focus{border-color:#70aff6;box-shadow:0 0 0 .22rem rgba(31,126,232,.12);transform:none}
.support-upload{position:relative;display:flex;align-items:center;gap:1rem;min-height:76px;margin:0;padding:1rem 1.2rem;border:1.5px dashed #c8d6e6;border-radius:1rem;color:var(--gray-600);background:#f8fbfe;cursor:pointer}
.support-upload:hover{border-color:#70aff6;background:#f3f8fe}
.support-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.support-upload-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:13px;color:#1268ed;background:#eaf3ff;font-size:1rem}
.support-upload-copy{display:block;min-width:0}.support-upload-copy strong,.support-upload-copy small{display:block}.support-upload-copy strong{color:var(--gray-900);font-size:.94rem}.support-upload-copy small{margin-top:.2rem;line-height:1.45}
.support-upload-action{position:relative;z-index:1;flex:0 0 auto;margin-left:auto;padding:.65rem 1rem;border-radius:.75rem;color:#fff;background:#1268ed;font-weight:800;pointer-events:none}
.support-upload-state{display:flex;align-items:center;gap:.55rem;padding:.65rem .2rem 0;color:var(--gray-600);font-size:.82rem}
.support-back{display:inline-flex;align-items:center;font-weight:750;text-decoration:none!important}
.support-detail-header{padding:1.8rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.support-status{display:inline-flex;align-items:center;border-radius:999px;padding:.5rem .85rem;font-size:.76rem;font-weight:850;background:#edf2f7}
.status-waiting_support,.status-open{background:#fff0ee;color:#c63e32}
.status-waiting_customer{background:#fff7dc;color:#916800}
.status-resolved,.status-closed{background:#e7f8f1;color:#168f70}
.support-ticket-facts{display:flex;flex-wrap:wrap;gap:.8rem 1rem;padding:1rem 1.25rem;margin:1rem 0 2rem;box-shadow:none}
.support-fact{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:.8rem;background:#f5f8fb;font-size:.82rem}
.support-fact i{color:#1f7ee8}
.support-conversation{display:flex;flex-direction:column;gap:1.25rem}
.support-message{position:relative;width:min(88%,1120px);padding:1.35rem 1.5rem;border-radius:1.4rem;background:#fff;border:1px solid rgba(18,53,91,.11);box-shadow:0 12px 28px rgba(18,49,84,.08)}
.support-message.from-support{align-self:flex-start;border-top-left-radius:.35rem}
.support-message.from-customer{align-self:flex-end;background:#edf6ff;border-color:rgba(31,126,232,.18);border-top-right-radius:.35rem}
.support-message header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-bottom:.75rem;margin-bottom:.8rem;border-bottom:1px solid rgba(18,53,91,.08)}
.support-sender{display:flex;align-items:center;gap:.7rem}
.support-sender-icon{width:2.15rem;height:2.15rem;border-radius:.75rem;display:grid;place-items:center;background:#e8f2ff;color:#1268c7}
.from-customer .support-sender-icon{background:#fff;color:#183b64}
.support-message time{font-size:.75rem;color:var(--gray-600);white-space:nowrap}
.support-message-body{line-height:1.72;overflow-wrap:anywhere;word-break:break-word}
.support-message-body a{overflow-wrap:anywhere;word-break:break-word}
.support-attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.support-attachment-list a{padding:.5rem .7rem;border-radius:.7rem;background:rgba(0,0,0,.045);font-size:.8rem}
.support-reply-card{margin-top:2rem}
.support-closed-notice{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.25rem 1.4rem;border:1px solid rgba(12,55,105,.11);border-radius:1.2rem;color:var(--gray-600);background:#f7f9fc}.support-closed-notice>i{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:12px;color:#52677e;background:#e8eef5}.support-closed-notice strong,.support-closed-notice span{display:block}.support-closed-notice strong{margin-bottom:.18rem;color:#061b3d}
.support-submit-row{display:flex;justify-content:flex-end;margin-top:1.5rem}
[data-theme-style=dark] .support-title,[data-theme-style=dark] .support-guide-card h2{color:#f4f8fd}
[data-theme-style=dark] .support-heading-copy>p,[data-theme-style=dark] .support-guide-card p,[data-theme-style=dark] .support-message time{color:#a7b8cb!important}
[data-theme-style=dark] .support-form-card,[data-theme-style=dark] .support-reply-card,[data-theme-style=dark] .support-detail-header,[data-theme-style=dark] .support-ticket-facts,[data-theme-style=dark] .support-empty,[data-theme-style=dark] .support-ticket-row,[data-theme-style=dark] .support-guide-card,[data-theme-style=dark] .support-message{border-color:rgba(164,195,229,.14);color:#dce7f3;background:#102238;box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme-style=dark] .support-guide-card{border-color:rgba(83,153,238,.24);background:#102238;box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 3px 0 #438de8}
[data-theme-style=dark] .support-guide-card:hover{border-color:rgba(104,174,247,.42);background:#132943;box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 3px 0 #5aa1f3}
[data-theme-style=dark] .support-guide-icon{border-color:rgba(104,174,247,.22);color:#8ec5ff;background:#173654;box-shadow:none}
[data-theme-style=dark] .support-ticket-row.is-unread,[data-theme-style=dark] .support-message.from-customer{border-color:rgba(70,145,230,.35);background:#142b46}
[data-theme-style=dark] .support-ticket-row:hover{border-color:rgba(104,174,247,.45);background:#142b46;box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
[data-theme-style=dark] .support-ticket-facts{box-shadow:none}
[data-theme-style=dark] .support-fact,[data-theme-style=dark] .support-upload{border-color:rgba(164,195,229,.16);color:#b8c8d9;background:#0c1d32}
[data-theme-style=dark] .support-upload-copy strong{color:#f2f7fc}[data-theme-style=dark] .support-upload-icon{background:rgba(18,104,237,.2)}
[data-theme-style=dark] .support-form-card .form-control,[data-theme-style=dark] .support-form-card .custom-select,[data-theme-style=dark] .support-reply-card .form-control{border-color:rgba(164,195,229,.2);color:#eef6ff;background-color:#091a2e}
[data-theme-style=dark] .support-form-card .form-control:focus,[data-theme-style=dark] .support-form-card .custom-select:focus,[data-theme-style=dark] .support-reply-card .form-control:focus{border-color:#4c9df2;box-shadow:0 0 0 .22rem rgba(76,157,242,.14)}
[data-theme-style=dark] .support-message header{border-color:rgba(164,195,229,.13)}
[data-theme-style=dark] .support-sender-icon{color:#8dc5ff;background:#183451}
[data-theme-style=dark] .from-customer .support-sender-icon{color:#dbeafe;background:#203a57}
[data-theme-style=dark] .support-attachment-list a{color:#dbeafe;background:rgba(255,255,255,.08)}
[data-theme-style=dark] .support-closed-notice{border-color:rgba(164,195,229,.14);color:#a7b8cb;background:#102238}[data-theme-style=dark] .support-closed-notice strong{color:#f4f8fd}[data-theme-style=dark] .support-closed-notice>i{color:#c5d4e4;background:#20364e}
@media(prefers-reduced-motion:reduce){.support-action,.support-ticket-row,.support-submit{transition:none}
}
@media(max-width:575.98px){.support-upload{align-items:flex-start;flex-wrap:wrap}.support-upload-action{width:100%;margin-left:0;text-align:center}.support-action,.support-submit{min-width:0;min-height:52px}.support-action:hover,.support-action:focus,.support-submit:hover,.support-submit:focus{transform:translateY(-5px) scale(1.04)}}
@media(max-width:767px){
.support-page-head,.support-ticket-row,.support-detail-header{align-items:flex-start;flex-direction:column}
.support-page-head{gap:1.25rem;margin-bottom:1.75rem}
.support-action{width:100%}
.support-ticket-main{grid-template-columns:1fr}
.support-ticket-meta{width:100%;justify-content:space-between}
.support-message{width:96%}
.support-message header{align-items:flex-start;flex-direction:column;gap:.35rem}
.support-guide-grid{grid-template-columns:1fr}
}