.helpdesk{width:min(1180px,calc(100% - 40px));margin:40px auto 72px;color:#173137}
.helpdesk *{box-sizing:border-box}
.helpdesk h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:8px 0 22px}
.helpdesk h2{font-size:1.25rem;line-height:1.4;margin:0 0 12px}
.helpdesk h3{font-size:1.05rem}
.helpdesk p{line-height:1.65}
.helpdesk a{color:inherit}
.helpdesk-heading{margin-bottom:28px}
.helpdesk-kicker,.helpdesk-reference{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#34616e}
.helpdesk-nav{display:flex;flex-wrap:wrap;gap:8px}
.helpdesk-nav a{padding:10px 16px;border:1px solid #dbe6e9;border-radius:12px;background:#fff;text-decoration:none;font-weight:700;font-size:.9rem}
.helpdesk-nav a:hover,.helpdesk-nav a:focus-visible{background:#e4f5fc;border-color:#58c7f3}
.helpdesk-nav a[aria-current=page]{background:#fdb84d;border-color:#fdb84d}
.helpdesk-card{padding:28px;border:1px solid #dbe6e9;border-radius:20px;background:#fff;min-width:0}
.helpdesk-hero{padding:36px;border-radius:24px;background:linear-gradient(120deg,#e2f6fd,#fff7e9);margin-bottom:24px}
.helpdesk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.helpdesk-grid .helpdesk-card{display:flex;flex-direction:column;align-items:flex-start}
.helpdesk-grid .helpdesk-button{margin-top:auto}
.helpdesk-step{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#e4f5fc;font-size:.8rem;font-weight:800;margin-bottom:16px}
.helpdesk-grid .helpdesk-card>a{margin-top:auto;padding-top:10px;font-weight:700}
.helpdesk-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border:1px solid transparent;border-radius:12px;background:#fdb84d;color:#173137!important;font:inherit;font-size:.95rem;font-weight:800;text-decoration:none;cursor:pointer;line-height:1.35}
.helpdesk-button:hover{background:#f7aa31}
.helpdesk-button--secondary{background:#e4f5fc;border-color:#b7e6f7}
.helpdesk-button--secondary:hover{background:#cceefd}
.helpdesk-form{display:grid;gap:18px}
.helpdesk-form .helpdesk-button{justify-self:start}
.helpdesk-field{display:grid;gap:7px;min-width:0}
.helpdesk [hidden]{display:none!important}
.helpdesk label{display:block;font-size:.9rem;font-weight:700;margin-bottom:5px}
.helpdesk input:not([type=hidden]),.helpdesk select,.helpdesk textarea{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #bfd0d6;border-radius:10px;background:#fff;color:#173137;padding:12px;font:inherit;line-height:1.4}
.helpdesk textarea{resize:vertical;min-height:140px}
.helpdesk input:disabled{background:#f0f4f5;color:#51666d}
.helpdesk :focus-visible{outline:3px solid #58c7f3;outline-offset:3px}
.helpdesk-help{margin:0;font-size:.86rem;color:#51666d}
.helpdesk-note{padding:16px 20px;background:#eef8fd;border-radius:12px;border-left:4px solid #58c7f3}
.helpdesk .errorlist{margin:4px 0;padding-left:20px;color:#ac233a;font-size:.9rem;line-height:1.5}
.helpdesk-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:20px;margin-bottom:24px;background:#f1f7f9;border:1px solid #dbe6e9;border-radius:18px}
.helpdesk-filters>div{flex:1 1 155px;min-width:0}
.helpdesk-filters select{max-width:100%}
.helpdesk-ticket-list{display:grid;gap:12px}
.helpdesk-ticket{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dbe6e9;background:#fff;border-radius:16px;padding:20px 24px;text-decoration:none}
.helpdesk-ticket:hover{border-color:#58c7f3;box-shadow:0 3px 12px #17313708}
.helpdesk-ticket h2{margin:5px 0;font-size:1.1rem;overflow-wrap:anywhere}
.helpdesk-ticket p{margin:0;font-size:.86rem;color:#51666d}
.helpdesk-ticket-main{min-width:0}
.helpdesk-ticket-meta{display:grid;justify-items:end;gap:9px;flex-shrink:0;font-size:.8rem;color:#51666d}
.helpdesk-status{display:inline-block;white-space:nowrap;padding:7px 12px;border-radius:30px;background:#e4f5fc;color:#205d76;font-size:.8rem;font-weight:800;line-height:1.3}
.helpdesk-status--in_progress{background:#fff0d3;color:#755012}
.helpdesk-status--resolved{background:#e3f3e9;color:#256142}
.helpdesk-count{font-size:.85rem;color:#51666d}
.helpdesk-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:24px}
.helpdesk-pagination a{padding:10px;background:#fff;border-radius:10px}
.helpdesk-ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:24px 0}
.helpdesk-ticket-heading h2{overflow-wrap:anywhere}
.helpdesk-conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.helpdesk-conversation{display:grid;gap:16px;min-width:0}
.helpdesk-message{padding:24px;background:#fff;border:1px solid #dbe6e9;border-radius:18px}
.helpdesk-message--staff{background:#eff9fd;border-color:#b7e6f7}
.helpdesk-message header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.85rem}
.helpdesk-message time{color:#51666d}
.helpdesk-message-body{white-space:normal;overflow-wrap:anywhere;line-height:1.7}
.helpdesk-sidebar dl{margin:0;overflow-wrap:anywhere}
.helpdesk-sidebar dt{font-size:.8rem;color:#51666d;margin-top:18px}
.helpdesk-sidebar dd{margin:4px 0;font-size:.9rem}
.helpdesk-sidebar hr{border:0;border-top:1px solid #dbe6e9;margin:24px 0}
.helpdesk-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#helpdesk-results[aria-busy=true]{opacity:.65}
@media(max-width:850px){.helpdesk-grid{grid-template-columns:1fr}.helpdesk-conversation-layout{grid-template-columns:1fr}.helpdesk-sidebar{order:-1}.helpdesk-sidebar dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.helpdesk-sidebar dt,.helpdesk-sidebar dd{margin:0}}
@media(max-width:600px){.helpdesk{width:calc(100% - 24px);margin-top:24px}.helpdesk-card,.helpdesk-hero,.helpdesk-message{padding:20px}.helpdesk-access-grid{grid-template-columns:1fr}.helpdesk-ticket{align-items:flex-start;flex-direction:column;padding:18px;gap:12px}.helpdesk-ticket-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.helpdesk-ticket-heading{flex-direction:column}.helpdesk-nav a{padding:10px 12px;font-size:.82rem}.helpdesk-sidebar dl{display:block}.helpdesk-sidebar dt{margin-top:12px}}