/* V28 — site-only assistant and managed live support */
.supportRequestV28,.supportTicketV28{margin:2px 12px 12px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);overflow:hidden;box-shadow:0 12px 30px color-mix(in srgb,var(--ui-heading) 8%,transparent)}.supportRequestV28>header{padding:13px 14px;background:linear-gradient(135deg,#071d29,#124155);color:#fff;display:flex;align-items:center;gap:9px}.supportRequestV28>header>i{width:30px;height:30px;border-radius:9px;background:var(--ui-accent);color:var(--ui-on-accent);display:grid;place-items:center;font-style:normal}.supportRequestV28>header span{display:grid}.supportRequestV28>header b{font-size:10px;color:#fff}.supportRequestV28>header small{font-size:7px;color:#b5c8d0}.supportRequestV28 form{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.supportRequestV28 label{display:grid;gap:5px;font-size:8px;font-weight:800;color:var(--ui-heading)}.supportRequestV28 label>small{font-size:7px;color:var(--ui-muted)}.supportRequestV28 .wide{grid-column:1/-1}.supportRequestV28 input,.supportRequestV28 textarea{width:100%;padding:9px 10px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-2);color:var(--ui-text);font-size:9px;resize:vertical}.supportRequestV28 form>button{min-height:42px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-hover));color:var(--ui-on-accent);font-size:9px;font-weight:850;cursor:pointer}.supportConsentV28{display:grid!important;grid-template-columns:18px 1fr;align-items:start;padding:10px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-muted)!important;line-height:1.45}.supportConsentV28 input{width:16px;height:16px;margin:0;accent-color:var(--ui-accent)}.supportTicketV28>header{padding:13px 15px;border-bottom:1px solid var(--ui-border);display:flex;align-items:center;justify-content:space-between}.supportTicketV28>header span{display:grid}.supportTicketV28>header small{font-size:6px;color:var(--ui-muted);letter-spacing:1px}.supportTicketV28>header b{font-size:11px;color:var(--ui-heading)}.supportTicketV28>header em{padding:6px 8px;border-radius:7px;background:var(--ui-success-soft);color:var(--ui-success);font-size:7px;font-style:normal;font-weight:850}.supportThreadV28{max-height:245px;overflow:auto;padding:13px;display:grid;gap:9px}.supportThreadV28 article{max-width:86%;padding:9px 11px;border-radius:5px 12px 12px;background:var(--ui-surface-2)}.supportThreadV28 article.visitor{justify-self:end;border-radius:12px 5px 12px 12px;background:var(--ui-accent-soft)}.supportThreadV28 article small{font-size:6px;color:var(--ui-muted)}.supportThreadV28 article p{margin:4px 0 0;color:var(--ui-text);font-size:9px;line-height:1.5}.supportFollowupV28{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid var(--ui-border)}.supportFollowupV28 input{min-width:0;height:38px;border:1px solid var(--ui-border);border-radius:9px;padding:0 10px;background:var(--ui-surface-2);color:var(--ui-text);font-size:8px}.supportFollowupV28 button,.supportRefreshV28{border:0;border-radius:9px;background:var(--ui-accent);color:var(--ui-on-accent);padding:0 12px;font-size:8px;font-weight:800}.supportRefreshV28{margin:0 12px 12px;min-height:34px;background:var(--ui-surface-3);color:var(--ui-heading);cursor:pointer}
.supportMetricsV28{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.supportMetricsV28 a{padding:20px;border:1px solid var(--ui-border,#dce5e9);border-radius:16px;background:var(--ui-surface,#fff);display:grid;transition:.2s}.supportMetricsV28 a:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow)}.supportMetricsV28 small{font-size:7px;color:var(--ui-accent,#ed3040);letter-spacing:1.2px;font-weight:900}.supportMetricsV28 b{font-size:28px;color:var(--ui-heading,#071c28);margin:6px 0}.supportMetricsV28 span{font-size:8px;color:var(--ui-muted,#6f818b)}.supportAdminV28{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:14px}.supportQueueV28,.supportDetailV28{padding:0!important;overflow:hidden}.supportQueueV28>header,.supportDetailV28>header{padding:20px 22px;border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;align-items:center}.supportQueueV28>header h2,.supportDetailV28>header h2{margin:5px 0 0}.supportQueueV28>header select{width:auto;min-width:130px;height:38px}.supportQueueV28>a{padding:15px 18px;border-bottom:1px solid var(--ui-border);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;color:var(--ui-text);transition:.18s}.supportQueueV28>a:hover,.supportQueueV28>a.selected{background:var(--ui-surface-2)}.supportQueueV28>a>i{width:42px;height:42px;border-radius:13px;background:var(--ui-surface-3);color:var(--ui-accent);display:grid;place-items:center;font-style:normal;font-weight:900}.supportQueueV28>a>div{min-width:0;display:grid}.supportQueueV28>a small{font-size:7px;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supportQueueV28>a b{font-size:10px;color:var(--ui-heading);margin:4px 0}.supportQueueV28>a span{font-size:7px;color:var(--ui-muted)}.supportStatusV28{padding:6px 8px;border-radius:7px;font-size:7px;font-style:normal;font-weight:850;white-space:nowrap}.supportStatusV28.new{background:var(--ui-danger-soft);color:var(--ui-danger)}.supportStatusV28.in_progress{background:var(--ui-warning-soft);color:var(--ui-warning)}.supportStatusV28.answered{background:var(--ui-success-soft);color:var(--ui-success)}.supportStatusV28.closed{background:var(--ui-surface-3);color:var(--ui-muted)}.supportContactV28{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ui-border)}.supportContactV28>div{padding:14px 18px;background:var(--ui-surface);display:grid}.supportContactV28 small{font-size:6px;color:var(--ui-muted);letter-spacing:1px}.supportContactV28 b,.supportContactV28 a{font-size:9px;color:var(--ui-heading);margin-top:4px}.supportConversationV28{max-height:380px;overflow:auto;padding:20px;background:var(--ui-surface-2);display:grid;gap:11px}.supportConversationV28 article{max-width:82%;padding:12px 14px;border-radius:5px 14px 14px;background:var(--ui-surface);border:1px solid var(--ui-border)}.supportConversationV28 article.admin{justify-self:end;border-radius:14px 5px 14px 14px;background:var(--ui-accent-soft);border-color:color-mix(in srgb,var(--ui-accent) 20%,var(--ui-border))}.supportConversationV28 small{font-size:7px;color:var(--ui-muted)}.supportConversationV28 p{font-size:9px;line-height:1.6;color:var(--ui-text);margin:5px 0 0}.supportReplyV28{padding:18px 20px;display:grid;gap:10px}.supportReplyV28 label{display:grid;gap:7px;font-size:9px;font-weight:800}.supportReplyV28 textarea{width:100%;resize:vertical}.supportReplyV28 button{justify-self:end}.supportStatusFormV28{padding:13px 20px;border-top:1px solid var(--ui-border);display:flex;justify-content:flex-end;gap:8px;background:var(--ui-surface-2)}.supportStatusFormV28 select{width:auto;min-width:140px}.proSide nav a em[data-support-count][hidden]{display:none!important}
@media(max-width:1050px){.supportAdminV28{grid-template-columns:1fr}.supportMetricsV28{grid-template-columns:1fr 1fr}.supportConversationV28{max-height:300px}}@media(max-width:600px){.supportRequestV28 form{grid-template-columns:1fr}.supportRequestV28 .wide{grid-column:auto}.supportMetricsV28{grid-template-columns:1fr 1fr}.supportQueueV28>a{grid-template-columns:38px 1fr}.supportQueueV28>a>em{grid-column:2}.supportContactV28{grid-template-columns:1fr}.supportStatusFormV28{display:grid}.supportStatusFormV28 select{width:100%}}
.systemV28 .supportRequestV28>header b{font-size:14px}.systemV28 .supportRequestV28>header small{font-size:11px}.systemV28 .supportRequestV28 label{font-size:13px}.systemV28 .supportRequestV28 label>small{font-size:11px}.systemV28 .supportRequestV28 input,.systemV28 .supportRequestV28 textarea{font-size:14px;line-height:1.5;padding:11px 12px}.systemV28 .supportRequestV28 form>button{font-size:14px;min-height:48px}.systemV28 .supportTicketV28>header small{font-size:10px}.systemV28 .supportTicketV28>header b{font-size:15px}.systemV28 .supportTicketV28>header em{font-size:11px}.systemV28 .supportThreadV28 article small{font-size:10px}.systemV28 .supportThreadV28 article p{font-size:14px}.systemV28 .supportFollowupV28 input,.systemV28 .supportFollowupV28 button,.systemV28 .supportRefreshV28{font-size:13px}.systemV28 .supportMetricsV28 small{font-size:11px}.systemV28 .supportMetricsV28 b{font-size:32px}.systemV28 .supportMetricsV28 span{font-size:13px}.systemV28 .supportQueueV28>a small{font-size:11px}.systemV28 .supportQueueV28>a b{font-size:15px}.systemV28 .supportQueueV28>a span{font-size:12px}.systemV28 .supportStatusV28{font-size:11px}.systemV28 .supportContactV28 small{font-size:10px}.systemV28 .supportContactV28 b,.systemV28 .supportContactV28 a{font-size:14px}.systemV28 .supportConversationV28 small{font-size:11px}.systemV28 .supportConversationV28 p{font-size:14px}.systemV28 .supportReplyV28 label{font-size:14px}