.support-owner{margin-top:24px;scroll-margin-top:24px}.support-owner>.main-row{align-items:flex-start}.support-owner h2{margin:8px 0 0}.support-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 12px}.support-summary>div{border:1px solid var(--line);background:var(--paper);padding:16px;border-radius:8px}.support-summary span{display:block;font-size:12px;color:var(--muted)}.support-summary strong{display:block;font-size:30px;font-weight:550;margin-top:6px}.support-delivery{border-left:3px solid #a17a3c;background:#faf6ed;padding:16px 18px;margin:22px 0;border-radius:0 7px 7px 0}.support-delivery.connected{border-color:#4e735b;background:#f1f6ef}.support-delivery>strong{font-size:14px}.support-delivery p{margin:6px 0 0;font-size:13px}.support-delivery-details{margin-top:12px}.support-delivery-details summary{cursor:pointer;font-size:13px}.support-delivery-details button{margin-top:12px}.support-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px}.support-filters button{border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:13px;background:white;color:var(--ink)}.support-filters button span{margin-left:5px;font-weight:600}.support-filters button.selected{background:var(--ink);border-color:var(--ink);color:white}.support-ticket{border:1px solid var(--line);border-radius:8px;margin:10px 0;overflow:hidden}.support-ticket.is-unread{border-left:3px solid #426a54}.support-ticket>summary{cursor:pointer;padding:18px;display:flex;align-items:center;gap:18px;justify-content:space-between;list-style:none}.support-ticket>summary::-webkit-details-marker{display:none}.support-ticket>summary:after{content:'+';font-size:22px;color:var(--muted)}.support-ticket[open]>summary:after{content:'−'}.support-ticket-heading{display:grid;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}.support-ticket-heading strong{font-size:15px}.support-ticket-heading>span{font-size:13px;color:var(--muted)}.support-ticket-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.support-tag{font-size:11px;padding:4px 7px;border-radius:4px;background:#f1f2ed;color:#46564d;white-space:nowrap}.support-tag.unread{background:#e1eee4;color:#224e33;font-weight:650}.support-tag.aging{background:#f8edda;color:#775222}.support-tag.resolved{background:#eef0ee;color:#53635a}.support-ticket-content{padding:0 18px 18px;border-top:1px solid var(--line)}.support-ticket-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.support-ticket-content .actions{margin-top:16px}.support-pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.support-pagination .actions{gap:8px}.support-empty{padding:24px 0;color:var(--muted)}[data-support-feedback]:empty{display:none}[data-support-feedback]{font-size:13px;line-height:1.6}.support-nav-badge{display:inline-block;border-radius:999px;background:#32563f;color:white;padding:2px 6px;min-width:19px;font-size:10px;line-height:1.4;text-align:center;vertical-align:middle;margin-left:5px}.support-filters button:focus-visible,.support-ticket>summary:focus-visible{outline:3px solid #617f6a;outline-offset:3px}.support-owner button:disabled{cursor:default;opacity:.5}
@media(max-width:600px){.support-owner>.main-row{display:block}.support-owner>.main-row>.btn{margin-top:14px}.support-summary{gap:7px}.support-summary>div{padding:12px 9px}.support-summary span{font-size:11px;min-height:31px}.support-summary strong{font-size:27px}.support-ticket>summary{padding:14px;gap:10px;flex-wrap:wrap}.support-ticket-heading{flex-basis:60%}.support-ticket-tags{justify-content:flex-start;order:3;width:100%}.support-ticket-content{padding:0 14px 14px}.support-pagination>.tiny{width:100%}.support-pagination .actions{width:100%;justify-content:space-between}.support-filters button{flex:1 1 40%;text-align:left}.support-ticket-content .btn{font-size:12px}}