.wps-support-page,.wps-ticket-view{--sp-border:#e9e5f6;--sp-muted:#77718a;--sp-dark:#211a3d}
.wps-support-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;padding:28px;border:1px solid var(--sp-border);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f7f4ff 100%);box-shadow:0 18px 45px rgba(40,27,87,.07);margin-bottom:20px}
.wps-support-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:800;margin-bottom:10px}
.wps-support-hero h2{font-size:clamp(22px,3vw,34px);margin:0 0 8px;color:var(--sp-dark)}.wps-support-hero p{margin:0;color:var(--sp-muted);line-height:1.9}
.wps-support-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-content:center}.wps-support-summary div{padding:15px 10px;text-align:center;border:1px solid var(--sp-border);border-radius:16px;background:#fff}.wps-support-summary strong{display:block;font-size:21px;color:#6d28d9}.wps-support-summary span{font-size:11px;color:var(--sp-muted)}
.wps-support-new{border:1px solid var(--sp-border);border-radius:20px;background:#fff;margin-bottom:20px;overflow:hidden}.wps-support-new summary{cursor:pointer;list-style:none;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:850;color:var(--sp-dark)}.wps-support-new summary small{font-weight:500;color:var(--sp-muted)}
.wps-support-form{padding:0 20px 22px;border-top:1px solid var(--sp-border)}.wps-support-fields.two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.wps-support-form p{margin:16px 0 0}.wps-support-form label,.wps-ticket-reply-form label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#39324c}.wps-support-form input,.wps-support-form select,.wps-support-form textarea,.wps-ticket-reply-form textarea{width:100%;border:1.5px solid #ded9ec;background:#faf9fd;border-radius:13px;padding:12px 14px;font:inherit;color:#262035;outline:none}.wps-support-form input:focus,.wps-support-form select:focus,.wps-support-form textarea:focus,.wps-ticket-reply-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.09);background:#fff}
.wps-support-submit,.wps-ticket-reply-form button{border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:12px 22px;font:inherit;font-weight:850;cursor:pointer;margin-top:14px}
.wps-support-list{display:flex;flex-direction:column;gap:10px}.wps-ticket-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--sp-border);border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:.2s}.wps-ticket-row:hover{transform:translateY(-2px);border-color:#cfc6f1;box-shadow:0 10px 28px rgba(54,42,100,.07)}.wps-ticket-row.is-unread{border-color:#a78bfa;background:#fcfaff}.wps-ticket-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f1edff;color:#6d28d9;font-size:12px;font-weight:900}.wps-ticket-main{min-width:0}.wps-ticket-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#211a3d;font-size:14px}.wps-ticket-main small{display:block;color:var(--sp-muted);font-size:11px;margin-top:5px}
.wps-ticket-status,.wps-ticket-priority{display:inline-flex;white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.wps-ticket-status.is-open{background:#fff7ed;color:#c2410c}.wps-ticket-status.is-answered{background:#ecfdf5;color:#047857}.wps-ticket-status.is-closed{background:#f3f4f6;color:#4b5563}.wps-ticket-priority{background:#f6f4fb;color:#6b6479}.wps-ticket-priority.is-high{background:#fef2f2;color:#dc2626}
.wps-support-empty{text-align:center;padding:42px 20px;border:1px dashed #d8d2e8;border-radius:18px;color:var(--sp-muted)}.wps-support-empty strong{display:block;color:#2c2541;margin-bottom:5px}
.wps-ticket-view-head{padding:22px;border:1px solid var(--sp-border);border-radius:20px;background:#fff;margin-bottom:16px}.wps-ticket-back{display:inline-flex;margin-bottom:15px;font-size:12px;font-weight:800;color:#6d28d9}.wps-ticket-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.wps-ticket-title-row h2{margin:3px 0 0;font-size:22px}.wps-ticket-title-row small{color:var(--sp-muted)}.wps-ticket-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.wps-ticket-meta span{padding:5px 9px;border-radius:9px;background:#f7f5fb;color:#6d6678;font-size:10px}
.wps-ticket-thread{display:flex;flex-direction:column;gap:12px}.wps-ticket-message{display:flex;gap:11px;max-width:86%;align-items:flex-start}.wps-ticket-message.is-customer{margin-inline-start:auto;flex-direction:row-reverse}.wps-ticket-message-avatar img{border-radius:13px}.wps-ticket-message-body{padding:13px 15px;border:1px solid var(--sp-border);border-radius:16px;background:#fff;min-width:180px}.wps-ticket-message.is-staff .wps-ticket-message-body{background:#f5f1ff;border-color:#dcd2ff}.wps-ticket-message-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:7px}.wps-ticket-message-head strong{font-size:12px}.wps-ticket-message-head time{font-size:9px;color:var(--sp-muted);direction:ltr}.wps-ticket-message-text{font-size:13px;line-height:1.9;color:#40394f}.wps-ticket-message-text p{margin:0 0 5px}.wps-ticket-reply-form{margin-top:18px;padding:18px;border:1px solid var(--sp-border);border-radius:18px;background:#fff}.wps-ticket-closed{margin-top:18px;padding:15px;border-radius:14px;background:#f3f4f6;color:#4b5563;text-align:center;font-weight:700}
@media(max-width:760px){.wps-support-hero{grid-template-columns:1fr;padding:18px}.wps-support-summary{grid-template-columns:repeat(3,1fr)}.wps-support-fields.two{grid-template-columns:1fr}.wps-ticket-row{grid-template-columns:48px minmax(0,1fr);gap:9px}.wps-ticket-status,.wps-ticket-priority{grid-column:auto}.wps-ticket-row .wps-ticket-priority{grid-column:1}.wps-ticket-row .wps-ticket-status{grid-column:2;justify-self:start}.wps-ticket-message{max-width:96%}.wps-support-new summary small{display:none}}
@media(max-width:460px){.wps-support-summary strong{font-size:18px}.wps-support-summary span{font-size:9px}.wps-ticket-message-avatar{display:none}.wps-ticket-message{max-width:100%;width:100%}.wps-ticket-title-row{align-items:flex-start;flex-direction:column}.wps-ticket-message-body{width:100%}}