:root{color-scheme:light;--ink:#17372f;--muted:#536b63;--paper:#fffaf0;--wash:#edf5ef;--garden:#156b57;--garden-dark:#103d33;--line:#91bbae;--focus:#9b5b00;font:17px/1.55 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(145deg,#dcece3,#f7f1e4 45%,#e8efe8);min-height:100vh}a{color:#0e6654}button,.button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:2px solid var(--garden);border-radius:.8rem;background:var(--garden);color:white;font-weight:750;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:var(--garden-dark)}.text-button{border:0;background:transparent;color:#7b3029;text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid #f0ad35;outline-offset:3px}.support-header{display:flex;align-items:center;gap:clamp(1rem,4vw,3rem);padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));color:white;background:var(--garden-dark)}.support-header h1{font:700 clamp(2rem,6vw,3.3rem)/1.05 Georgia,serif;margin:.1rem 0}.support-header .eyebrow{color:#d8eee5}.back-link{color:white;white-space:nowrap}.eyebrow{margin:0;color:var(--garden);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}main{max-width:1180px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.status-banner,.notice{padding:.8rem 1rem;border-left:5px solid var(--garden);background:#f3ead0;border-radius:.4rem}.support-grid{display:grid;grid-template-columns:minmax(15rem,21rem) minmax(0,1fr);gap:1.25rem;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:1.2rem;padding:clamp(1rem,3vw,1.7rem);box-shadow:0 12px 30px #17372f18}.ticket-sidebar{grid-row:span 2;position:sticky;top:1rem}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-heading h2{margin:.1rem 0;font:700 1.65rem/1.15 Georgia,serif}.ticket-list{list-style:none;padding:0;display:grid;gap:.65rem}.ticket-list button{width:100%;display:block;text-align:left;color:var(--ink);background:var(--wash);border-color:transparent}.ticket-list button[aria-current=true]{border-color:var(--garden)}.ticket-list strong,.ticket-list span{display:block}.ticket-list .unread-text{font-size:.8rem;color:#713d00;font-weight:800}.ticket-list .status-text{font-size:.85rem;color:var(--muted)}label{display:block;margin:1rem 0 .35rem;font-weight:750}input,select,textarea{width:100%;padding:.7rem;border:2px solid #789f93;border-radius:.6rem;background:white;color:var(--ink)}textarea{resize:vertical}small{display:block;color:var(--muted)}.field-message{min-height:1.5em;color:#8a2923;font-weight:650}.ticket-number{margin:0;color:var(--muted);font:700 .9rem ui-monospace,monospace}.status-pill{padding:.35rem .65rem;border:2px solid currentColor;border-radius:999px;font-weight:800}.ticket-meta{display:flex;gap:2rem;flex-wrap:wrap}.ticket-meta div{display:grid;gap:.1rem}.ticket-meta dt{font-size:.8rem;text-transform:uppercase;font-weight:800;color:var(--muted)}.ticket-meta dd{margin:0}.conversation{list-style:none;padding:0;display:grid;gap:1rem}.message{padding:1rem;border-radius:1rem;background:var(--wash);border-left:5px solid var(--garden)}.message.keeper{background:#f6ecd8;border-color:#9b6619}.message h3{margin:0;font-size:1rem}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message time{font-size:.8rem;color:var(--muted)}.button-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.empty-state{color:var(--muted)}footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));color:var(--muted)}@media(max-width:760px){.support-header{align-items:flex-start;flex-direction:column}.support-grid{grid-template-columns:1fr}.ticket-sidebar{position:static;grid-row:auto}.welcome-panel{display:none}.section-heading{align-items:center}}@media(max-width:390px){:root{font-size:16px}.section-heading{align-items:stretch;flex-direction:column}.ticket-meta{display:grid;gap:.7rem}.button-row>*{width:100%}}@media(forced-colors:active){body,.panel,.message,.status-banner,.notice{background:Canvas;color:CanvasText}.panel,.message,.status-pill,button,.button,input,select,textarea{border:2px solid CanvasText}.ticket-list button[aria-current=true]{outline:3px solid Highlight}.unread-text{color:CanvasText!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
summary{min-height:44px;padding:.55rem 0;cursor:pointer}
[hidden]{display:none!important}