:root{--support-ink:#20251f;--support-muted:#626b64;--support-line:#d8ded9;--support-paper:#fffdf8;--support-sage:#355f49;--support-sage-soft:#e8f0eb;--support-gold:#d6aa55;--support-rust:#a94c35;--support-rust-soft:#fae9e2;--support-blue:#315f78;--support-blue-soft:#e6f0f5}
body.support-page{background:#f7f3ea;color:var(--support-ink)}
.support-shell{width:min(980px,calc(100% - 36px));margin:0 auto;padding:34px 0 64px}
.support-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch;margin-bottom:18px}
.support-heading,.support-hours-card,.support-panel,.support-emergency,.support-signed-out{border:1px solid var(--support-line);border-radius:18px;background:var(--support-paper);box-shadow:0 10px 28px rgba(34,48,39,.07)}
.support-heading{padding:26px}
.support-heading .eyebrow{margin-bottom:7px;color:var(--support-sage);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.support-heading h1{margin:0 0 8px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.02}
.support-heading p{max-width:620px;margin:0;color:var(--support-muted);font-size:1rem;line-height:1.55}
.support-hours-card{display:grid;align-content:center;gap:6px;padding:22px;background:linear-gradient(145deg,#e7f0ea,#f4ecdb)}
.support-hours-card strong{color:var(--support-sage);font-size:1.05rem}
.support-hours-card span{line-height:1.45}
.support-hours-card small{color:var(--support-muted);font-size:.88rem;line-height:1.45}
.support-hours-card a{display:inline-flex;align-items:center;width:max-content;min-height:44px;margin-top:5px;color:var(--support-sage);font-weight:800}
.support-emergency{margin-bottom:18px;padding:14px 17px;border-color:#e1b7a8;background:var(--support-rust-soft);color:#6f3324;font-size:.92rem;line-height:1.5}
.support-emergency strong{color:#642817}
.support-panel{margin-top:18px;padding:24px}
.support-panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}
.support-panel-heading h2{margin:0 0 5px;font-size:1.45rem}
.support-panel-heading p{margin:0;color:var(--support-muted);line-height:1.5}
.support-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.support-kind{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;min-height:116px;border:1px solid var(--support-line);border-radius:14px;padding:15px;background:#fff;cursor:pointer}
.support-kind:has(input:checked){border-color:var(--support-sage);background:var(--support-sage-soft);box-shadow:0 0 0 2px rgba(53,95,73,.1)}
.support-kind input{margin-top:4px;accent-color:var(--support-sage)}
.support-kind span{display:grid;gap:4px}
.support-kind strong{font-size:1rem}
.support-kind small{color:var(--support-muted);font-size:.88rem;line-height:1.4}
.support-kind.cooking:has(input:checked){border-color:var(--support-rust);background:var(--support-rust-soft)}
.support-kind.account:has(input:checked){border-color:var(--support-blue);background:var(--support-blue-soft)}
.support-form{display:grid;gap:16px;margin-top:20px;border-top:1px solid var(--support-line);padding-top:20px}
.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.support-field{display:grid;gap:6px}
.support-field.full{grid-column:1/-1}
.support-field>span,.support-field>label{font-weight:800}
.support-field small{color:var(--support-muted);line-height:1.4}
.support-field input,.support-field textarea,.support-field select{width:100%;min-height:46px;border:1px solid #bdc8c0;border-radius:10px;background:#fff;padding:10px 12px;color:var(--support-ink);font:inherit}
.support-field textarea{min-height:118px;resize:vertical;line-height:1.5}
.support-field input:focus,.support-field textarea:focus,.support-field select:focus{border-color:var(--support-sage);outline:3px solid rgba(53,95,73,.14)}
.support-inline-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--support-line);border-radius:11px;padding:12px;background:#fafbf9}
.support-inline-check input{margin-top:4px;accent-color:var(--support-sage)}
.support-inline-check span{display:grid;gap:3px;line-height:1.4}
.support-inline-check small{color:var(--support-muted)}
.support-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.support-button{min-height:46px;border:1px solid var(--support-sage);border-radius:11px;background:var(--support-sage);padding:10px 17px;color:#fff;font:inherit;font-weight:850;cursor:pointer}
.support-button:hover,.support-button:focus-visible{background:#294a3a;outline:3px solid rgba(53,95,73,.15)}
.support-button:disabled{cursor:wait;opacity:.62}
.support-button.secondary{border-color:var(--support-line);background:#fff;color:var(--support-sage)}
.support-status{min-height:1.4em;margin:0;color:var(--support-muted);font-size:.9rem;line-height:1.4}
.support-status.error{color:#8c3020;font-weight:750}
.support-status.success{color:#267244;font-weight:750}
.support-signed-out{display:grid;gap:10px;margin-top:18px;padding:22px}
.support-signed-out h2{margin:0}
.support-signed-out p{margin:0;color:var(--support-muted);line-height:1.5}
.support-signed-out-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px}
.support-signed-out a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--support-line);border-radius:10px;padding:9px 13px;color:var(--support-sage);font-weight:800;text-decoration:none}
.support-signed-out a.primary{border-color:var(--support-sage);background:var(--support-sage);color:#fff}
.support-request-list{display:grid;gap:10px}
.support-request{border:1px solid var(--support-line);border-radius:13px;background:#fff;overflow:hidden}
.support-request>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;cursor:pointer;list-style:none}
.support-request>summary::-webkit-details-marker{display:none}
.support-request-title{display:grid;gap:3px}
.support-request-title strong{line-height:1.3}
.support-request-title small{color:var(--support-muted)}
.support-badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:var(--support-sage-soft);color:var(--support-sage);font-size:.75rem;font-weight:850;white-space:nowrap}
.support-badge.waiting_for_customer{background:#fff0cf;color:#715516}
.support-badge.escalated{background:var(--support-rust-soft);color:#7d3221}
.support-badge.resolved,.support-badge.closed{background:#edf0ed;color:#576159}
.support-thread{display:grid;gap:9px;border-top:1px solid var(--support-line);padding:14px;background:#fafbf9}
.support-message{max-width:88%;border-radius:12px;padding:10px 12px;background:#fff;border:1px solid var(--support-line)}
.support-message.support{margin-left:auto;border-color:#c2d7c8;background:var(--support-sage-soft)}
.support-message p{margin:0;white-space:pre-wrap;line-height:1.5}
.support-message small{display:block;margin-bottom:4px;color:var(--support-muted);font-weight:750}
.support-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:4px}
.support-reply-form textarea{min-height:72px;border:1px solid #bdc8c0;border-radius:10px;padding:9px 11px;font:inherit;resize:vertical}
.support-empty{border:1px dashed #bfc9c1;border-radius:12px;padding:20px;text-align:center;color:var(--support-muted)}
[hidden]{display:none!important}
@media(max-width:760px){.support-shell{width:min(100% - 20px,980px);padding-top:20px}.support-intro{grid-template-columns:1fr;gap:10px}.support-heading,.support-hours-card,.support-panel{padding:18px;border-radius:15px}.support-heading h1{font-size:2.05rem}.support-panel-heading{display:grid;gap:8px}.support-kinds,.support-form-grid{grid-template-columns:1fr}.support-kind{min-height:auto}.support-field.full{grid-column:1}.support-form-actions{display:grid;justify-content:stretch}.support-button{width:100%}.support-request>summary{align-items:start}.support-reply-form{grid-template-columns:1fr}.support-message{max-width:96%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Lynsey's staff queue */
.support-inbox-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:30px 0 60px}
.support-inbox-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.support-inbox-head h1{margin:4px 0 5px;font-size:clamp(2rem,4vw,3rem)}
.support-inbox-head p{margin:0;color:var(--support-muted)}
.support-filter{display:grid;gap:5px;min-width:210px;color:var(--support-muted);font-size:.82rem;font-weight:800}
.support-filter select{min-height:44px;border:1px solid var(--support-line);border-radius:10px;background:#fff;padding:8px 10px;font:inherit;color:var(--support-ink)}
.support-inbox-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:14px;align-items:start}
.support-queue,.support-ticket-detail{border:1px solid var(--support-line);border-radius:16px;background:var(--support-paper);box-shadow:0 10px 28px rgba(34,48,39,.07)}
.support-queue{display:grid;gap:7px;padding:10px;max-height:calc(100dvh - 180px);overflow:auto}
.support-queue-item{display:grid;gap:6px;width:100%;border:1px solid var(--support-line);border-radius:11px;background:#fff;padding:12px;text-align:left;color:var(--support-ink);font:inherit;cursor:pointer}
.support-queue-item:hover,.support-queue-item:focus-visible,.support-queue-item.active{border-color:var(--support-sage);background:var(--support-sage-soft);outline:none}
.support-queue-item>span:first-child{display:flex;justify-content:space-between;gap:10px;align-items:start}
.support-queue-item small{color:var(--support-muted);line-height:1.35}
.support-ticket-detail{padding:20px}
.support-ticket-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;border-bottom:1px solid var(--support-line);padding-bottom:15px}
.support-ticket-header h2{margin:2px 0 5px}
.support-ticket-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--support-muted);font-size:.82rem}
.support-diagnosis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}
.support-diagnosis div{border:1px solid var(--support-line);border-radius:10px;padding:10px;background:#fafbf9}
.support-diagnosis strong{display:block;margin-bottom:3px;font-size:.8rem;color:var(--support-sage)}
.support-diagnosis span{font-size:.86rem;line-height:1.4}
.support-context-details{margin:14px 0;border:1px solid var(--support-line);border-radius:10px;padding:11px;background:#fff}
.support-context-details summary{color:var(--support-sage);font-weight:850;cursor:pointer}
.support-context-list{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 12px;margin:12px 0 0;font-size:.83rem}
.support-context-list dt{color:var(--support-muted);font-weight:800}
.support-context-list dd{margin:0;overflow-wrap:anywhere}
.support-staff-form{display:grid;gap:13px;border-top:1px solid var(--support-line);margin-top:17px;padding-top:17px}
.support-staff-form .support-form-grid{grid-template-columns:1fr 1fr}
.support-staff-form .support-field textarea{min-height:96px}
.support-staff-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.support-message.internal{border-style:dashed;border-color:#d5b56f;background:#fff7df}
.support-message.internal small{color:#735919}
.support-access-message{border:1px solid var(--support-line);border-radius:14px;background:#fff;padding:22px;color:var(--support-muted);line-height:1.5}
@media(max-width:860px){.support-inbox-shell{width:min(100% - 18px,1180px);padding-top:18px}.support-inbox-head{display:grid;align-items:start}.support-filter{width:100%}.support-inbox-grid{grid-template-columns:1fr}.support-queue{max-height:320px}.support-ticket-detail{padding:15px}.support-diagnosis,.support-staff-form .support-form-grid{grid-template-columns:1fr}.support-context-list{grid-template-columns:1fr}.support-context-list dd{margin-bottom:5px}.support-staff-actions{display:grid;justify-content:stretch}.support-staff-actions .support-button{width:100%}}