.support-content .portal-header{margin-bottom:28px}.support-content .intro{color:var(--sub);max-width:720px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:8px 15px;border-radius:5px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.cards article,.breakdowns article{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:var(--shadow)}.cards article{display:flex;flex-direction:column;gap:10px}.cards span,.cards small{color:var(--sub);font-size:12px}.cards strong{font-size:32px;line-height:1.2;font-weight:600}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.metric-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--line)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.toolbar label{flex:1;min-width:140px}.toolbar label:nth-child(2){flex:2;min-width:200px}.ticket-list{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.ticket-row{border:0;border-radius:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;display:grid;grid-template-columns:minmax(160px,3fr) minmax(110px,1.5fr) minmax(60px,1fr) minmax(95px,1fr);gap:16px;text-align:left;padding:18px 22px;font-weight:400}.ticket-row:last-child{border-bottom:0}.ticket-row strong,.ticket-row small{display:block;overflow-wrap:anywhere}.ticket-row small{color:var(--sub);font-size:12px;margin-top:4px}.pager{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:18px}.ticket-detail{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:min(720px,calc(100% - 28px));max-height:90vh;padding:28px;box-shadow:0 20px 80px #0004}.ticket-detail::backdrop{background:#0006}.ticket-detail fieldset{border:0;padding:0;margin:0;display:grid;gap:15px}.ticket-detail h3{margin-top:26px}.event-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.event-row time{font-size:12px;color:var(--sub)}.support-content #workspace>section{margin-bottom:32px}.request-list{display:grid;gap:12px}.request-list article{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:6px}@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr}.ticket-row{grid-template-columns:2fr 1fr}.ticket-row>span:nth-child(3){display:none}}@media(max-width:650px){.breakdowns{grid-template-columns:1fr}.cards{gap:10px}.cards article{padding:16px}.ticket-row{padding:15px;grid-template-columns:1fr}.pager{gap:9px;font-size:12px}.event-row{display:block}.event-row time{display:block}.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}}

.correspondence-list{list-style:none;margin:10px 0;padding:0;max-height:340px;overflow:auto}
.correspondence-item{padding:6px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.correspondence-email{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;height:auto;white-space:normal;padding:8px;line-height:1.4}
.correspondence-email strong{font-weight:600}.correspondence-email span,.correspondence-email small{font-size:12px;font-weight:400}
.correspondence-item.current .correspondence-email{border-left:3px solid var(--accent)}

.ticket-detail{width:min(1200px,calc(100% - 32px));padding:0;overflow:auto}
.ticket-detail>.section-head{position:sticky;top:0;z-index:2;background:var(--surface);padding:20px 24px;margin:0;border-bottom:1px solid var(--line)}
.ticket-detail>.section-head h2{overflow-wrap:anywhere;margin:0;font-size:20px}
.ticket-detail>.section-head button{flex-shrink:0}
.ticket-detail>#ticket-status{margin:0;padding:0 24px}.ticket-detail>#ticket-status:empty{display:none}
.ticket-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start}
.ticket-conversation{min-width:0;padding:24px;background:var(--page)}
.ticket-properties{min-width:0;padding:24px;border-left:1px solid var(--line)}
.ticket-properties p,.ticket-properties .event-row{font-size:12px}.ticket-properties .event-row{display:block}
.ticket-properties .event-row time{display:block}.ticket-properties .eyebrow{margin-bottom:6px}
.ticket-properties h3{font-size:14px;margin:22px 0 10px}.ticket-properties .actions{margin-bottom:0}
.ticket-conversation>.section-head{align-items:start;margin-bottom:12px}.ticket-conversation>.section-head h3{margin:0 0 5px;font-size:18px}
.ticket-conversation>.section-head p{margin:0}.ticket-conversation>.section-head button{flex-shrink:0}
.mail-thread-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--sub);margin:16px 0 8px}
.mail-thread{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.mail-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.mail-card>summary{list-style:none;cursor:pointer;display:flex;align-items:start;gap:12px;padding:16px}
.mail-card>summary::-webkit-details-marker{display:none}.mail-card>summary::after{content:'⌄';color:var(--sub);margin-left:2px}
.mail-card[open]>summary::after{content:'⌃'}.mail-card>summary:hover{background:var(--hover)}
.mail-card>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.mail-avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--page);color:var(--sub);font-weight:650}
.outgoing .mail-avatar{background:var(--hover);color:var(--accent)}
.mail-summary{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px;overflow-wrap:anywhere}
.mail-summary strong{font-weight:600;font-size:13px}.mail-summary>span{font-size:12px;color:var(--sub)}
.mail-meta{display:flex;align-items:flex-end;flex-direction:column;font-size:11px;color:var(--sub);gap:3px;text-align:right}
.mail-direction{font-weight:600}.outgoing .mail-direction,.mail-selected{color:var(--accent)}
.mail-expanded{padding:0 18px 18px;border-top:1px solid var(--line)}
.mail-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:12px 0}
.mail-recipients{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:12px;color:var(--sub);margin:0 0 18px}
.mail-recipients dt{font-weight:600}.mail-recipients dd{margin:0;overflow-wrap:anywhere}
.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;unicode-bidi:plaintext}
.mail-quoted{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
.mail-quoted>summary,.ticket-audit>summary{cursor:pointer;font-size:12px;color:var(--sub)}
.mail-quoted .mail-text{margin-top:16px;color:var(--sub);font-size:13px}
.mail-attachment-note{margin:16px 0 0;padding:10px 12px;border-radius:5px;background:var(--page);color:var(--sub);font-size:12px}
.mail-expanded>[role=status]:empty{display:none}.mail-expanded>[role=status]{margin:10px 0 0}
.mail-footer{margin:16px 0 0}.ticket-audit{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
@media(max-width:900px){.ticket-workspace{grid-template-columns:minmax(0,1fr)}.ticket-properties{border-left:0;border-top:1px solid var(--line)}.ticket-properties #ticket-form fieldset{grid-template-columns:1fr 1fr}.ticket-properties #ticket-form label:has(textarea){grid-column:1/-1}}
@media(max-width:600px){.ticket-detail{width:calc(100% - 16px);max-height:94vh}.ticket-detail>.section-head{padding:14px}.ticket-detail>.section-head h2{font-size:16px}.ticket-conversation,.ticket-properties{padding:14px}.mail-card>summary{gap:8px;padding:12px;flex-wrap:wrap}.mail-summary{flex-basis:calc(100% - 66px)}.mail-meta{flex-direction:row;align-items:center;flex-wrap:wrap;text-align:left;margin-left:42px;gap:6px 10px}.mail-card>summary::after{margin-left:auto}.mail-expanded{padding:0 12px 14px}.mail-actions{justify-content:flex-start}.ticket-properties #ticket-form fieldset{grid-template-columns:1fr}}