.support-panel{--support-bg:#fbf8f5;--support-line:#e2dcd4;--support-ink:#2c241a;--support-muted:#695c4e;--support-accent:#526647;color:var(--support-ink);background:var(--support-bg);border:1px solid var(--support-line);border-radius:8px;padding:clamp(18px,3vw,32px);margin:32px 0}.support-panel[hidden],.support-panel [hidden]{display:none!important}.support-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:20px}.support-heading h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.1;margin:8px 0}.support-heading p{max-width:620px;color:var(--support-muted);line-height:1.55}.support-heading .eyebrow{font-family:inherit;font-size:11px;letter-spacing:.15em;margin:0}.support-panel button,.support-panel input,.support-panel textarea,.support-panel select{font:inherit}.support-panel button{cursor:pointer;min-height:44px}.support-panel button:disabled{cursor:wait;opacity:.55}.support-panel .text-button{border:0;background:none;padding:10px;color:var(--support-ink)}.support-panel button:focus-visible,.support-panel input:focus-visible,.support-panel textarea:focus-visible,.support-panel select:focus-visible{outline:2px solid var(--support-accent);outline-offset:3px}.support-panel label{display:grid;gap:7px;font-size:13px;font-weight:600}.support-panel input,.support-panel textarea,.support-panel select{min-width:0;width:100%;border:1px solid #c6b8a8;border-radius:4px;background:#fff;color:var(--support-ink);padding:11px 12px;min-height:44px;box-sizing:border-box}.support-panel textarea{resize:vertical;min-height:140px;line-height:1.55}.support-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}.support-filters label{min-width:120px}.support-filters .support-search{flex:1;min-width:220px}.support-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.4fr);gap:24px}.support-threads{display:grid;align-content:start;gap:8px;min-width:0}.support-thread{display:grid;gap:8px;text-align:left;background:#fff;border:1px solid var(--support-line);border-radius:5px;padding:16px;width:100%;color:var(--support-ink)}.support-thread.is-selected{border-color:var(--support-accent);box-shadow:inset 3px 0 var(--support-accent)}.support-thread-top,.support-thread-bottom,.support-message-meta{display:flex;align-items:start;justify-content:space-between;gap:12px}.support-thread-top strong{font-size:15px;overflow-wrap:anywhere}.support-thread-bottom,.support-message-meta time,.support-customer{font-size:12px;color:var(--support-muted)}.support-thread-preview{font-size:13px;color:var(--support-muted);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.support-customer{overflow-wrap:anywhere}.support-state{font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--support-muted)}.support-unread{font-weight:600;color:#405533;white-space:nowrap}.support-conversation{min-width:0;background:#fff;border:1px solid var(--support-line);border-radius:5px;padding:20px}.support-conversation h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:0 0 7px;overflow-wrap:anywhere}.support-conversation-header{display:flex;gap:20px;justify-content:space-between;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--support-line)}.support-conversation-header p{color:var(--support-muted);font-size:13px;margin:5px 0;overflow-wrap:anywhere}.support-messages{display:grid;gap:14px;margin:20px 0;max-height:65vh;overflow:auto;overscroll-behavior:contain;padding:2px}.support-message{background:#f6f3ef;border-radius:5px;padding:15px 16px;max-width:95%;overflow-wrap:anywhere}.support-message-staff{background:#f4ece3;margin-left:auto}.support-message-meta{flex-wrap:wrap;font-size:12px}.support-message p{white-space:pre-wrap;margin:10px 0 0;font-size:15px;line-height:1.65}.support-form{display:grid;gap:14px}.support-submit-row{display:flex;gap:16px;align-items:center;justify-content:space-between}.support-counter{font-size:12px;color:var(--support-muted)}.support-primary{border:1px solid #253c20;border-radius:4px;background:#253c20;color:#fff;min-height:44px;padding:11px 18px}.support-empty{color:var(--support-muted);line-height:1.6;padding:18px 0;margin:0}.support-notice{font-size:13px;line-height:1.6;color:var(--support-muted)}.support-status{min-height:1.5em;font-size:13px;line-height:1.55;color:var(--support-muted)}.support-status.is-error{color:#8a352c}.support-list-action{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}.support-back{display:none}.reader-header-actions .support-open{font:inherit;border:0;background:none;color:inherit;padding:8px;min-height:44px;cursor:pointer}.reader-header-actions .support-open:focus-visible{outline:2px solid #637950;outline-offset:2px}#owner-support-panel{margin-top:0}.support-new-form{border-top:1px solid var(--support-line);padding-top:22px}.support-account-note{font-size:12px;color:var(--support-muted);overflow-wrap:anywhere}.support-nav-count{display:inline-block;min-width:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:#edbf71;color:#1f1912;font-size:11px;font-weight:700;line-height:20px;text-align:center;vertical-align:1px}.support-nav-count[hidden]{display:none}.support-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.support-panel .support-customer-link{padding:10px 0;text-decoration:underline;text-underline-offset:3px}.support-panel .support-retry{padding:10px 0;text-decoration:underline;text-underline-offset:3px}.support-messages:empty{display:none}.support-messages:empty+.support-new-form{border-top:0;padding-top:4px}.support-messages:focus-visible,.support-heading h2:focus-visible,.support-conversation h3:focus-visible{outline:2px solid var(--support-accent);outline-offset:3px}
@media(max-width:760px){.support-layout{grid-template-columns:1fr}.support-layout[data-detail="true"] .support-list-column{display:none}.support-layout[data-detail="false"] .support-conversation{display:none}.support-back{display:inline-flex}.support-panel{padding:18px;margin:24px 0}.support-heading{gap:12px}.support-heading h2{font-size:29px}.support-conversation{padding:16px}.support-message{max-width:100%}.support-conversation-header{gap:12px}.support-filters label{flex:1}.support-filters .support-search{flex-basis:100%;min-width:0}.support-submit-row{align-items:start}.support-primary{white-space:normal}.support-messages{max-height:55dvh}.support-thread-top{gap:8px}.support-heading>.text-button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.support-panel *{scroll-behavior:auto!important}}