/* Shipitall Marketplace 0.14.0: Help centre, contact form and tickets (front end). */
.sia-app.sia-helpdesk { max-width: 820px; display: flex; flex-direction: column; gap: 28px; }
.sia-app.sia-helpdesk h2 { font: 700 20px/26px var(--font-sans); letter-spacing: -.01em; margin: 0 0 12px; }
.sia-app.sia-helpdesk h3 { font: 600 15px/22px var(--font-sans); margin: 18px 0 8px; color: var(--ink-muted); }
.sia-helpdesk__intro p { margin: 0 0 6px; font-size: 15px; line-height: 22px; }
.sia-helpdesk__hours, .sia-helpdesk__fine { color: var(--ink-muted); font-size: 13px; line-height: 18px; margin: 0; }
.sia-helpdesk__q { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised); margin: 0 0 8px; }
.sia-helpdesk__q summary { cursor: pointer; padding: 14px 44px 14px 16px; font: 600 15px/21px var(--font-sans); list-style: none; position: relative; }
.sia-helpdesk__q summary::-webkit-details-marker { display: none; }
.sia-helpdesk__q summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.sia-helpdesk__q[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.sia-helpdesk__q summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-md); }
.sia-helpdesk__q > div { padding: 0 16px 14px; font-size: 14px; line-height: 21px; color: var(--ink); }
.sia-helpdesk__q > div p { margin: 0 0 8px; }
.sia-helpdesk__contact { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface-raised); padding: 20px; }
.sia-helpdesk__form { display: flex; flex-direction: column; gap: 14px; }
.sia-helpdesk__row { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .sia-helpdesk__row { grid-template-columns: 1fr 1fr; } }
.sia-helpdesk__form textarea.sia-input { min-height: 120px; padding: 10px 12px; resize: vertical; }
.sia-helpdesk__form .sia-btn { align-self: flex-start; }
.sia-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sia-ticket { display: flex; flex-direction: column; gap: 16px; }
.sia-ticket__head { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.sia-ticket__head h2 { margin: 0; }
.sia-ticket__ref { margin: 0 0 4px; color: var(--ink-muted); font-size: 13px; }
.sia-ticket__status { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-pill); font: 600 12px/16px var(--font-sans); background: var(--surface-sunken); color: var(--ink); white-space: nowrap; }
.sia-ticket__status--waiting { background: var(--accent-soft); color: var(--accent); }
.sia-ticket__status--closed { color: var(--ink-muted); }
.sia-ticket__thread { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sia-ticket__msg { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 12px 16px; background: var(--surface-raised); }
.sia-ticket__msg.is-staff { border-color: transparent; background: var(--accent-soft); }
.sia-ticket__who { margin: 0 0 6px; font: 600 13px/18px var(--font-sans); color: var(--ink-muted); }
.sia-ticket__body { font-size: 14px; line-height: 21px; overflow-wrap: anywhere; }
.sia-ticket__body p { margin: 0 0 8px; }
.sia-ticket__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.sia-helpdesk__acct-head { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.sia-helpdesk__acct-head h2 { margin: 0; }
.sia-tickets { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sia-tickets a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 12px 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised); color: var(--ink); text-decoration: none; }
.sia-tickets a:hover { border-color: var(--ink); }
.sia-tickets__subj { font-weight: 600; font-size: 15px; overflow-wrap: anywhere; }
.sia-tickets__meta { grid-column: 1; color: var(--ink-muted); font-size: 13px; }
.sia-tickets .sia-ticket__status { grid-column: 2; grid-row: 1 / span 2; align-self: center; }