:where(html[data-support-theme=dark]) html{background:var(--sg-soft);}
:where(html[data-support-theme=dark]) body{background:radial-gradient(circle at 88% 4%,rgba(255,82,15,.08),transparent 24%),radial-gradient(circle at 18% 100%,rgba(80,160,94,.08),transparent 26%),var(--sg-soft);color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-side{background:linear-gradient(180deg,var(--sg-ink) 0%,var(--sg-ink) 45%,var(--sg-ink) 100%);color:var(--sg-panel);border-right:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-brand{border-bottom:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-brand span{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-nav-label{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-nav a{color:var(--sg-line);}
:where(html[data-support-theme=dark]) .support-nav a .material-symbols-rounded{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-nav a:hover{background:var(--sg-panel);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-nav a.active{background:linear-gradient(135deg,#ffb078,#ffb078);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-nav a.active .material-symbols-rounded{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-side-footer{border-top:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-agent-avatar{background:#ffb078;color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-agent small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-side-footer form button{border:var(--sg-panel);background:var(--sg-panel);color:var(--sg-line);}
:where(html[data-support-theme=dark]) .support-side-footer form button:hover{background:var(--sg-panel);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-topbar{border-bottom:1px solid var(--sg-panel);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-topbar small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-topbar-agent{border:1px solid var(--sg-panel);background:var(--sg-panel);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-live-dot{background:#8ecf9c;box-shadow:0 0 0 4px var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-flash.success{border:1px solid #cfe8d4;background:var(--sg-soft);color:#8ecf9c;}
:where(html[data-support-theme=dark]) .support-flash.error{border:1px solid #f0c9c5;background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .support-hero,:where(html[data-support-theme=dark]) .support-ticket-detail-hero{border:1px solid var(--sg-soft);background:linear-gradient(112deg,var(--sg-panel) 0%,var(--sg-soft) 62%,var(--sg-soft) 100%);}
:where(html[data-support-theme=dark]) .support-hero:after,:where(html[data-support-theme=dark]) .support-ticket-detail-hero:after{border:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-kicker{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-hero h1,:where(html[data-support-theme=dark]) .support-ticket-detail-hero h1{color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-hero p,:where(html[data-support-theme=dark]) .support-ticket-detail-hero p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-hero-action,:where(html[data-support-theme=dark]) .support-button.orange{background:linear-gradient(135deg,#ffb078,#ffb078);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-button.dark{background:var(--sg-ink);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-button.ghost{border:1px solid var(--sg-soft);background:var(--sg-panel);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-metric-grid article{border:1px solid var(--sg-panel);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .tone-orange{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .tone-blue{background:var(--sg-soft);color:#9bbfff;}
:where(html[data-support-theme=dark]) .tone-red{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .tone-green{background:var(--sg-soft);color:#8ecf9c;}
:where(html[data-support-theme=dark]) .support-metric-grid small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-metric-grid p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-card{border:1px solid var(--sg-panel);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-card-head{border-bottom:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-card-head span{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-card-head p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-card-head>a{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-ticket-row{border-bottom:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-ticket-row:hover{background:var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-ticket-row-main small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-ticket-row-side>.material-symbols-rounded{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-audience{background:var(--sg-soft);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-priority{background:var(--sg-panel);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .priority-high,:where(html[data-support-theme=dark]) .priority-urgent,:where(html[data-support-theme=dark]) .priority-critical{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .priority-medium{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .priority-low{background:var(--sg-soft);color:#9bbfff;}
:where(html[data-support-theme=dark]) .support-status{background:var(--sg-soft);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .status-open,:where(html[data-support-theme=dark]) .status-new,:where(html[data-support-theme=dark]) .status-pending{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .status-in-progress{background:var(--sg-soft);color:#9bbfff;}
:where(html[data-support-theme=dark]) .status-waiting,:where(html[data-support-theme=dark]) .status-waiting-for-vendor{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .status-resolved{background:var(--sg-soft);color:#8ecf9c;}
:where(html[data-support-theme=dark]) .status-closed{background:var(--sg-panel);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-quick-links a{border:1px solid var(--sg-panel);color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-quick-links>a>.material-symbols-rounded{background:var(--sg-soft);color:#ffb078;}
:where(html[data-support-theme=dark]) .support-quick-links small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-empty{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-empty>.material-symbols-rounded{background:var(--sg-soft);color:#8ecf9c;}
:where(html[data-support-theme=dark]) .support-empty strong{color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-filterbar{border-bottom:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-search{border:1px solid var(--sg-soft);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-search .material-symbols-rounded{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-filterbar select{border:1px solid var(--sg-soft);background:var(--sg-panel);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-table th{background:var(--sg-soft);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-table td{border-top:1px solid var(--sg-soft);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-table td strong{color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-table td small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-table-action a{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-pagination{border-top:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-backrow a{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-message-copy{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-note{border:1px solid #f0e0c7;background:var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-note>.material-symbols-rounded{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-note p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-facts>div{border-bottom:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-facts dt{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-facts dd{color:var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-facts.horizontal>div{border-right:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-login-body{background:radial-gradient(circle at 15% 15%,rgba(255,82,15,.12),transparent 25%),radial-gradient(circle at 90% 85%,rgba(72,154,92,.10),transparent 28%),var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-login-card{border:1px solid var(--sg-soft);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-login-card>span{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-login-card p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-login-card label{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-login-card input{border:1px solid var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-login-card input:focus{border-color:#ff9d72;box-shadow:0 0 0 3px var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-login-card button{background:linear-gradient(135deg,#ffb078,#ffb078,#ffb078);color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-error{border:1px solid #f1cfca;background:var(--sg-soft);color:#ffb078;}
@media (max-width:1100px){}
@media (max-width:780px){:where(html[data-support-theme=dark]) .support-facts.horizontal>div{border-bottom:1px solid var(--sg-soft);}
}
@media (max-width:480px){}
:where(html[data-support-theme=dark]) .support-pagination a,:where(html[data-support-theme=dark]) .support-pagination span{border:1px solid var(--sg-soft);color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-pagination strong{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-button.danger{background:var(--sg-soft);color:#ffb078;border:1px solid #efc7c3;}
:where(html[data-support-theme=dark]) .support-action-stack textarea{border:1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-action-stack textarea:focus{border-color:#ff9d72;box-shadow:0 0 0 3px var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-route-grid>.material-symbols-rounded{color:#ffb078;}
:where(html[data-support-theme=dark]) .support-route-grid small{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-route-grid p{color:var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-facts a{color:#ffb078;}
@media (max-width:1100px){}
:where(html[data-support-theme=dark]) .support-chat-page{--chat-orange: #ffb078;--chat-orange-soft: var(--sg-soft);--chat-green: #8ecf9c;--chat-green-soft: var(--sg-soft);--chat-blue: #9bbfff;--chat-blue-soft: var(--sg-soft);--chat-red: #ffb078;--chat-border: var(--sg-panel);--chat-text: var(--sg-ink);--chat-muted: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-hero{background:
        radial-gradient(
            circle at 90% 20%,
            rgba(255,255,255,.20),
            transparent 25%
        ),
        linear-gradient(
            115deg,
            #ffb078 0%,
            #ffb078 52%,
            #ffb078 100%
        );color: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-kicker{color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-hero p{color:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-connection,:where(html[data-support-theme=dark]) .support-chat-refresh{border:var(--sg-panel);background:var(--sg-panel);color: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-refresh:hover{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-connection-dot{background: #ffe189;box-shadow:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-connection.is-live
.support-chat-connection-dot{background: #b8ff9f;}
:where(html[data-support-theme=dark]) .support-chat-connection.is-offline
.support-chat-connection-dot{background: var(--sg-soft);box-shadow:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-workspace{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-inbox,:where(html[data-support-theme=dark]) .support-chat-context{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-chat-panel-head{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-filter{border: 1px solid var(--sg-panel);background: var(--sg-panel);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-filter:hover,:where(html[data-support-theme=dark]) .support-chat-filter.active{border-color: #ffc8af;color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-search{border: 1px solid var(--sg-panel);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-search
.material-symbols-rounded{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-search input{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-search input::placeholder{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-conversation:hover{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-conversation.active{border-color: var(--sg-soft);background: var(--sg-soft);box-shadow:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-conversation-store{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-conversation-time{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-conversation-subject{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-mini-status{background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-mini-status.status-open{background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-mini-status.status-waiting_for_vendor{background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-mini-status.status-closed{background: var(--sg-panel);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-mini-category{background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-unread{color: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-loading,:where(html[data-support-theme=dark]) .support-chat-list-empty{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-thread{background:
        linear-gradient(
            180deg,
            var(--sg-panel) 0%,
            var(--sg-soft) 100%
        );}
:where(html[data-support-theme=dark]) .support-chat-thread-empty strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-thread-empty p{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-thread-head{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-thread-head h2{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-thread-head p{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-status-pill{background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-status-pill.status-open{background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-status-pill.status-waiting_for_vendor{background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-status-pill.status-closed{background: var(--sg-panel);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-messages{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-message-label{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-bubble{border: 1px solid var(--sg-soft);background: var(--sg-panel);color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-message.is-support
.support-chat-bubble{border-color: #ffd0ba;background: var(--sg-soft);color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-message-time{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-attachment{border: 1px solid var(--sg-panel);background: var(--sg-panel);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-attachment:hover{border-color: #ffc6ac;color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-closed-note{border-top: 1px solid var(--sg-soft);background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-composer{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-file-chip{background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-file-chip button{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-attach{border: 1px solid var(--sg-panel);background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-attach:hover{border-color: #ffc6ac;}
:where(html[data-support-theme=dark]) .support-chat-composer textarea{border: 1px solid var(--sg-panel);background: var(--sg-panel);color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-composer textarea:focus{border-color: #ffb18c;box-shadow:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-send{background:
        linear-gradient(
            110deg,
            #ffb078,
            #ffb078,
            #ffb078
        );color: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-composer > small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-context-empty{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-context-section{border-bottom: 1px solid var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-context-label{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-context-section select{border: 1px solid var(--sg-panel);background: var(--sg-panel);color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-context-section > strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-secondary-button{border: 1px solid #ffd0bb;background: var(--sg-soft);color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-context-section > small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-context-list > div{border-bottom: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-chat-context-list dt{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-context-list dd{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .support-chat-context-list a{color: #ffb078;}
:where(html[data-support-theme=dark]) .support-chat-security-note{background: var(--sg-soft);color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-security-note
.material-symbols-rounded{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .support-chat-error{border: 1px solid #f0cbc7;background: var(--sg-soft);color: #ffb078;}
@media  (max-width: 1399.98px) {}
@media  (max-width: 1199.98px) {}
@media  (max-width: 899.98px) {}
@media  (max-width: 575.98px) {}
:where(html[data-support-theme=dark]) .support-chat-inbox,:where(html[data-support-theme=dark]) .support-chat-context{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .support-chat-list-empty,:where(html[data-support-theme=dark]) .support-chat-loading{border: 1px dashed var(--sg-panel);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-thread{background:
        radial-gradient(
            circle at 50% 46%,
            rgba(255, 82, 15, .025),
            transparent 34%
        ),
        var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-thread-empty::before{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-thread-empty
.material-symbols-rounded{border: 1px solid var(--sg-soft);box-shadow:var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-context-empty{border: 1px dashed var(--sg-panel);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .support-chat-security-note{border: 1px solid var(--sg-soft);}
@media  (max-width: 1399.98px) {}
@media  (max-width: 1199.98px) {}
@media  (max-width: 899.98px) {}
@media  (max-width: 575.98px) {}
:where(html[data-support-theme=dark]) .support-chat-composer{background: var(--sg-panel);}
@media  (min-width: 1200px) {}
:where(html[data-support-theme=dark]) .live-delivery-hero,:where(html[data-support-theme=dark]) .live-delivery-workspace,:where(html[data-support-theme=dark]) .live-delivery-policy-note,:where(html[data-support-theme=dark]) .live-delivery-summary-grid article{border: 1px solid var(--sg-soft);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-hero{border-color: #f1d9c8;background:
        radial-gradient(circle at 96% 0%, rgba(166, 218, 126, .22), transparent 24%),
        linear-gradient(110deg, var(--sg-soft) 0%, var(--sg-panel) 60%, var(--sg-soft) 100%);}
:where(html[data-support-theme=dark]) .live-delivery-kicker{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-delivery-hero h1,:where(html[data-support-theme=dark]) .live-delivery-workspace h2,:where(html[data-support-theme=dark]) .order-tracking-panel h3{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-delivery-hero p,:where(html[data-support-theme=dark]) .live-delivery-workspace-head p,:where(html[data-support-theme=dark]) .live-delivery-policy-note p,:where(html[data-support-theme=dark]) .live-delivery-map-unavailable p{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-refresh-state{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-refresh-state[data-state="error"]{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-delivery-refresh-state[data-state="success"]{color: #8ecf9c;}
:where(html[data-support-theme=dark]) .live-delivery-primary-button,:where(html[data-support-theme=dark]) .live-delivery-filter-button{color: var(--sg-panel);background: linear-gradient(135deg, #ffb078, #ffb078);}
:where(html[data-support-theme=dark]) .live-delivery-secondary-button{color: var(--sg-muted);border-color: var(--sg-soft);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-summary-grid small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-summary-grid strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-delivery-summary-icon.green{color: #8ecf9c;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-summary-icon.orange{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-summary-icon.blue{color: #9bbfff;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-summary-icon.purple{color: #7656dd;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-summary-icon.muted{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-workspace-head{border-bottom: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-policy-badge{background: var(--sg-soft);color: #8ecf9c;}
:where(html[data-support-theme=dark]) .live-delivery-filters{border-bottom: 1px solid var(--sg-soft);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-search,:where(html[data-support-theme=dark]) .live-delivery-filters select{border: 1px solid var(--sg-soft);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-search .material-symbols-rounded{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-search input{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-delivery-filters select{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-driver-panel,:where(html[data-support-theme=dark]) .order-tracking-panel{background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-driver-panel{border-right: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-driver-panel-head{border-bottom: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-driver-panel-head strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-delivery-driver-panel-head div > span{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-live-dot{background: #8ecf9c;}
:where(html[data-support-theme=dark]) .live-driver-card{border: 1px solid var(--sg-soft);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-driver-card:hover{border-color: #f1b28e;}
:where(html[data-support-theme=dark]) .live-driver-avatar{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-identity strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-driver-identity span{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-driver-availability.online{color: #8ecf9c;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-availability.busy{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-availability.offline{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-meta > span,:where(html[data-support-theme=dark]) .gps-state{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .gps-state i{background: var(--sg-muted);}
:where(html[data-support-theme=dark]) .gps-state.live i{background: #8ecf9c;}
:where(html[data-support-theme=dark]) .gps-state.recent i{background: #6e9ee8;}
:where(html[data-support-theme=dark]) .gps-state.stale i{background: #ffb078;}
:where(html[data-support-theme=dark]) .gps-state.old i{background: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-driver-order{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-order .material-symbols-rounded{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-driver-order small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-driver-order strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-driver-order a{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-driver-order.idle{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-driver-order.idle .material-symbols-rounded{color: #8ecf9c;}
:where(html[data-support-theme=dark]) .live-driver-card-actions{border-top: 1px solid var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-driver-card-actions a{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-delivery-map-shell{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-map-unavailable,:where(html[data-support-theme=dark]) .live-delivery-empty-list{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-map-unavailable .material-symbols-rounded,:where(html[data-support-theme=dark]) .live-delivery-empty-list .material-symbols-rounded{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-map-unavailable strong,:where(html[data-support-theme=dark]) .live-delivery-empty-list strong{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-delivery-map-legend{border: 1px solid var(--sg-soft);background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-map-legend span{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .legend-dot.online{background: #8ecf9c;}
:where(html[data-support-theme=dark]) .legend-dot.busy{background: #ffb078;}
:where(html[data-support-theme=dark]) .legend-dot.offline{background: var(--sg-muted);}
:where(html[data-support-theme=dark]) .legend-dot.stale{background: var(--sg-muted);}
:where(html[data-support-theme=dark]) .legend-dot.store{background: #7c3aed;}
:where(html[data-support-theme=dark]) .legend-dot.customer{background: #9bbfff;}
:where(html[data-support-theme=dark]) .legend-line{border-top: 3px solid #ffb078;}
:where(html[data-support-theme=dark]) .gm-style .gm-style-iw-chr button{background:var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-map-popup-card{color: var(--sg-ink);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-map-popup-brand{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-brand.driver{background: linear-gradient(145deg, var(--sg-soft), var(--sg-panel));}
:where(html[data-support-theme=dark]) .live-map-popup-brand.store{background: linear-gradient(145deg, var(--sg-soft), var(--sg-soft));}
:where(html[data-support-theme=dark]) .live-map-popup-brand.customer{color: #9bbfff;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-title > small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-map-popup-title > strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-map-popup-status{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-status.online,:where(html[data-support-theme=dark]) .live-map-popup-status.open{color: #8ecf9c;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-status.busy{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-status.offline{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-status.customer{color: #9bbfff;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-meta{border-top: 1px solid var(--sg-soft);border-bottom: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-meta-row > .material-symbols-rounded{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-meta-row small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-map-popup-meta-row strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-map-popup-order{border: 1px solid var(--sg-soft);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-order.idle{border-color: var(--sg-soft);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-map-popup-order > .material-symbols-rounded{color: #ffb078;}
:where(html[data-support-theme=dark]) .live-map-popup-order.idle > .material-symbols-rounded{color: #8ecf9c;}
:where(html[data-support-theme=dark]) .live-map-popup-order small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-map-popup-order strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-map-popup-order span{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .live-map-popup-actions a{border: 1px solid var(--sg-soft);color: var(--sg-muted);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-map-popup-actions a.primary{color: var(--sg-panel);background: linear-gradient(135deg, #ffb078, #ffb078);}
:where(html[data-support-theme=dark]) .live-map-popup-actions a:hover{border-color: #f4b18d;color: #ffb078;}
:where(html[data-support-theme=dark]) .live-map-popup-actions a.primary:hover{color: var(--sg-panel);}
:where(html[data-support-theme=dark]) .live-delivery-policy-note{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .live-delivery-policy-note > .material-symbols-rounded{color: #9bbfff;}
:where(html[data-support-theme=dark]) .live-delivery-policy-note strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .live-delivery-back-link{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .order-tracking-map-shell{border-right: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-tracking-panel-block{border: 1px solid var(--sg-soft);background: var(--sg-panel);}
:where(html[data-support-theme=dark]) .order-tracking-data-list > div{border-top: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-tracking-data-list span{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .order-tracking-data-list strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .order-tracking-boundary{background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-tracking-boundary .material-symbols-rounded{color: #9bbfff;}
:where(html[data-support-theme=dark]) .order-tracking-boundary p{color: var(--sg-muted);}
@media  (max-width: 1300px) {}
@media  (max-width: 1100px) {:where(html[data-support-theme=dark]) .live-delivery-driver-panel{border-bottom: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-tracking-map-shell{border-bottom: 1px solid var(--sg-soft);}
}
@media  (max-width: 760px) {}
:where(html[data-support-theme=dark]) .order-live-tracking-card{border: 1px solid var(--sg-soft);background: linear-gradient(110deg, var(--sg-panel) 0%, var(--sg-soft) 100%);}
:where(html[data-support-theme=dark]) .order-live-tracking-title-row h2{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .order-live-tracking-title-row p{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .order-live-gps-badge{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-live-gps-badge.live{color: #8ecf9c;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-live-gps-badge.recent{color: #9bbfff;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-live-gps-badge.stale{color: #ffb078;background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-live-gps-badge.old{color: var(--sg-muted);background: var(--sg-soft);}
:where(html[data-support-theme=dark]) .order-live-tracking-metrics small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .order-live-tracking-metrics strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .order-live-tracking-button{color: var(--sg-panel);background: linear-gradient(135deg, #ffb078, #ffb078);}
@media  (max-width: 760px) {}
:where(html[data-support-theme=dark]) .delivery-live-location-card{border: 1px solid var(--sg-soft);background: linear-gradient(115deg, var(--sg-panel) 0%, var(--sg-soft) 58%, var(--sg-soft) 100%);}
:where(html[data-support-theme=dark]) .delivery-live-location-title h2{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .delivery-live-location-title p{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .delivery-live-location-metrics > div{background:var(--sg-panel);border: 1px solid var(--sg-soft);}
:where(html[data-support-theme=dark]) .delivery-live-location-metrics small{color: var(--sg-muted);}
:where(html[data-support-theme=dark]) .delivery-live-location-metrics strong{color: var(--sg-ink);}
:where(html[data-support-theme=dark]) .delivery-live-map-button{color: var(--sg-panel);background: linear-gradient(135deg, #ffb078, #ffb078);}
:where(html[data-support-theme=dark]) .delivery-live-order-link{color: #ffb078;}
@media  (max-width: 900px) {}
:where(html[data-support-theme=dark]) .delivery-card-kicker{color: #ffb078;}
.support-brand span{font-size:12px;}
.support-nav-label{font-size:12px;}
.support-agent strong{font-size:12px;}
.support-agent small{font-size:12px;}
.support-topbar small{font-size:12px;}
.support-topbar-agent{font-size:12px;}
.support-flash{font-size:12px;}
.support-kicker{font-size:12px;}
.support-hero p,.support-ticket-detail-hero p{font-size:12px;}
.support-metric-grid small{font-size:12px;}
.support-metric-grid p{font-size:12px;}
.support-card-head span{font-size:12px;}
.support-card-head p{font-size:12px;}
.support-card-head>a{font-size:12px;}
.support-ticket-row-main strong{font-size:12px;}
.support-ticket-row-main small{font-size:12px;}
.support-audience,.support-priority,.support-status{font-size:12px;}
.support-quick-links strong{font-size:12px;}
.support-quick-links small{font-size:12px;}
.support-empty strong{font-size:12px;}
.support-empty p{font-size:12px;}
.support-table th{font-size:12px;}
.support-table td{font-size:12px;}
.support-table td strong{font-size:12px;}
.support-table td small{font-size:12px;}
.support-backrow a{font-size:12px;}
.support-message-copy{font-size:12px;}
.support-note strong{font-size:12px;}
.support-note p{font-size:12px;}
.support-facts dt{font-size:12px;}
.support-facts dd{font-size:12px;}
.support-facts dd.mono{font-size:12px;}
.support-facts.horizontal dd{font-size:12px;}
.support-login-card>span{font-size:12px;}
.support-login-card p{font-size:12px;}
.support-login-card label{font-size:12px;}
.support-error{font-size:12px;}
@media (max-width:1100px){}
@media (max-width:780px){}
@media (max-width:480px){}
.support-pagination a,.support-pagination span{font-size:12px;}
.support-pagination strong{font-size:12px;}
.support-ticket-row-side .support-button{font-size:12px;}
.support-route-grid small{font-size:12px;}
.support-route-grid strong{font-size:12px;}
.support-route-grid p{font-size:12px;}
@media (max-width:1100px){}
.support-chat-kicker{font-size:12px;}
.support-chat-connection,
.support-chat-refresh{font-size:12px;}
.support-chat-panel-head > div > span{font-size:12px;}
.support-chat-panel-head > strong{font-size:12px;}
.support-chat-filter{font-size:12px;}
.support-chat-conversation-time{font-size:12px;}
.support-chat-conversation-subject{font-size:12px;}
.support-chat-mini-status,
.support-chat-mini-category{font-size:12px;}
.support-chat-unread{font-size:12px;}
.support-chat-thread-category{font-size:12px;}
.support-chat-thread-head p{font-size:12px;}
.support-chat-status-pill{font-size:12px;}
.support-chat-message-label{font-size:12px;}
.support-chat-message-time{font-size:12px;}
.support-chat-attachment{font-size:12px;}
.support-chat-closed-note{font-size:12px;}
.support-chat-file-chip{font-size:12px;}
.support-chat-send{font-size:12px;}
.support-chat-composer > small{font-size:12px;}
.support-chat-context-empty{font-size:12px;}
.support-chat-context-label{font-size:12px;}
.support-chat-secondary-button{font-size:12px;}
.support-chat-context-section > small{font-size:12px;}
.support-chat-context-list dt{font-size:12px;}
.support-chat-context-list dd{font-size:12px;}
.support-chat-security-note p{font-size:12px;}
.support-chat-error{font-size:12px;}
@media  (max-width: 1399.98px) {}
@media  (max-width: 1199.98px) {}
@media  (max-width: 899.98px) {}
@media  (max-width: 575.98px) {}
.support-chat-filter{font-size:12px;}
@media  (max-width: 1399.98px) {}
@media  (max-width: 1199.98px) {}
@media  (max-width: 899.98px) {}
@media  (max-width: 575.98px) {}
@media  (min-width: 1200px) {}
.live-delivery-kicker{font-size:12px;}
.live-delivery-summary-grid small{font-size:12px;}
.live-delivery-policy-badge{font-size:12px;}
.live-delivery-driver-panel-head div > span{font-size:12px;}
.live-driver-identity span{font-size:12px;}
.live-driver-availability{font-size:12px;}
.live-driver-meta > span,
.gps-state{font-size:12px;}
.live-driver-order small{font-size:12px;}
.live-driver-order strong{font-size:12px;}
.live-driver-order a{font-size:12px;}
.live-driver-order.idle{font-size:12px;}
.live-driver-card-actions a{font-size:12px;}
.live-delivery-empty-list span:last-child{font-size:12px;}
.live-delivery-map-legend span{font-size:12px;}
.live-map-popup-title > small{font-size:12px;}
.live-map-popup-status{font-size:12px;}
.live-map-popup-meta-row small{font-size:12px;}
.live-map-popup-meta-row strong{font-size:12px;}
.live-map-popup-order small{font-size:12px;}
.live-map-popup-order strong{font-size:12px;}
.live-map-popup-order span{font-size:12px;}
.live-map-popup-actions a{font-size:12px;}
.live-delivery-policy-note strong{font-size:12px;}
.live-delivery-policy-note p{font-size:12px;}
.live-delivery-back-link{font-size:12px;}
.order-tracking-data-list span{font-size:12px;}
.order-tracking-data-list strong{font-size:12px;}
.order-tracking-boundary p{font-size:12px;}
@media  (max-width: 1300px) {}
@media  (max-width: 1100px) {}
@media  (max-width: 760px) {}
.order-live-tracking-title-row p{font-size:12px;}
.order-live-gps-badge{font-size:12px;}
.order-live-tracking-metrics small{font-size:12px;}
.order-live-tracking-metrics strong{font-size:12px;}
.order-live-tracking-button{font-size:12px;}
@media  (max-width: 760px) {}
.delivery-live-location-title p{font-size:12px;}
.delivery-live-location-metrics small{font-size:12px;}
.delivery-live-location-metrics strong{font-size:12px;}
.delivery-live-map-button{font-size:12px;}
.delivery-live-order-link{font-size:12px;}
@media  (max-width: 900px) {}
.delivery-card-kicker{font-size:12px;}
/* Essentily Support — shared glass surfaces and accessible workspace controls. */
:root{--sg-bg:#f5f6ef;--sg-panel:#fffdf8;--sg-soft:#eff2e8;--sg-ink:#213b2a;--sg-muted:#5f7163;--sg-line:#d7ded0;--sg-accent:#c44916;--sg-focus:#96521e;--sg-glass:rgba(255,253,248,.88);--sg-shadow:0 14px 40px rgba(34,58,40,.07)}
html[data-support-theme=dark]{--sg-bg:#111c17;--sg-panel:#1d2923;--sg-soft:#25382b;--sg-ink:#e7f1e8;--sg-muted:#b5c7b1;--sg-line:#42574a;--sg-accent:#ffb078;--sg-focus:#ffbf91;--sg-glass:rgba(29,41,35,.9);--sg-shadow:0 14px 40px rgba(0,0,0,.2)}
html,body{background:var(--sg-bg);color:var(--sg-ink)}body{background:radial-gradient(ellipse at 95% 0,rgba(234,139,79,.08),transparent 40%),radial-gradient(ellipse at 0 100%,rgba(77,133,83,.08),transparent 40%),var(--sg-bg)}
.support-content{padding:28px;max-width:1600px}.support-shell{grid-template-columns:248px minmax(0,1fr)}
.support-side{background:var(--sg-panel);color:var(--sg-ink);border-right:1px solid var(--sg-line);padding:24px 16px 16px;overflow-y:auto;scrollbar-width:thin}.support-brand{border-color:var(--sg-line)}.support-brand img{filter:none}.support-brand span,.support-nav-label{color:var(--sg-muted);font-size:11px}.support-nav{padding:20px 0;gap:6px}.support-nav a{color:var(--sg-ink);font-size:14px;min-height:48px}.support-nav a .material-symbols-rounded{background:var(--sg-soft);color:var(--sg-accent)}.support-nav a:hover{background:var(--sg-soft);color:var(--sg-ink)}.support-nav a.active{background:var(--sg-soft);color:var(--sg-ink);border:1px solid var(--sg-line);box-shadow:inset 3px 0 var(--sg-accent)}.support-nav a.active .material-symbols-rounded{background:var(--sg-panel);color:var(--sg-accent)}.support-agent small{color:var(--sg-muted)}.support-side-footer{border-color:var(--sg-line)}.support-agent strong{font-size:13px}.support-side-footer form button{background:var(--sg-soft);color:var(--sg-ink);border-color:var(--sg-line);font-size:13px;min-height:44px}.support-side-footer form button:hover{background:var(--sg-panel);color:var(--sg-accent)}
.support-topbar{height:auto;min-height:78px;gap:16px;position:sticky;top:0;z-index:20;background:var(--sg-glass);border-color:var(--sg-line);backdrop-filter:blur(20px) saturate(125%)}.support-topbar>div:first-child{margin-right:auto;min-width:0}.support-topbar strong{font-size:20px;overflow-wrap:anywhere}.support-topbar small{font-size:11px;color:var(--sg-muted)}.support-topbar-agent{font-size:12px;background:var(--sg-soft);color:var(--sg-ink);border-color:var(--sg-line)}
.support-menu-open{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--sg-line);border-radius:14px;background:var(--sg-panel);color:var(--sg-ink);cursor:pointer}
.support-hero,.support-ticket-detail-hero,.live-delivery-hero,.support-chat-hero{background:var(--sg-glass);color:var(--sg-ink);border:1px solid var(--sg-line);border-radius:24px;box-shadow:var(--sg-shadow);gap:20px}.support-chat-hero h1,.support-chat-hero p,.support-chat-kicker{color:var(--sg-ink)!important}.support-chat-hero p{color:var(--sg-muted)!important}.support-chat-connection{background:var(--sg-soft);color:var(--sg-ink)}
.support-card,.support-metric-grid article,.live-delivery-summary-grid article,.live-delivery-workspace,.support-chat-workspace{background:var(--sg-panel);border:1px solid var(--sg-line);border-radius:22px;box-shadow:var(--sg-shadow)}
.support-hero h1,.support-ticket-detail-hero h1{color:var(--sg-ink);font-size:32px}.support-hero p,.support-ticket-detail-hero p{font-size:14px;color:var(--sg-muted)}.support-kicker{font-size:11px;color:var(--sg-accent);background:none!important}.support-card-head{padding:18px 20px;border-color:var(--sg-line);flex-wrap:wrap}.support-card-head h2{font-size:20px;color:var(--sg-ink)}.support-card-head p{font-size:13px;color:var(--sg-muted)}.support-card-head>div>span{font-size:11px;color:var(--sg-accent)}
.support-metric-grid article{min-height:110px;padding:20px}.support-metric-grid strong{font-size:28px;color:var(--sg-ink)}.support-metric-grid small,.support-metric-grid p{font-size:12px;color:var(--sg-muted)}.support-metric-grid article>.material-symbols-rounded{width:44px;height:44px;box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 4px 12px rgba(30,50,35,.05)}
.support-table th{background:var(--sg-soft);color:var(--sg-muted);font-size:12px;padding:14px 16px}.support-table td{font-size:13px;color:var(--sg-ink);border-color:var(--sg-line);padding:16px}.support-table td strong{font-size:14px;color:var(--sg-ink)}.support-table td small{font-size:12px;color:var(--sg-muted)}.support-table tbody tr:hover{background:var(--sg-soft)}
.support-filterbar{display:flex;flex-wrap:wrap;gap:10px;padding:18px;border-color:var(--sg-line)}.support-filterbar .support-search{flex:1 1 240px;min-width:0}.support-filterbar select{flex:1 1 140px;max-width:220px;font-size:13px;background:var(--sg-panel);color:var(--sg-ink);border-color:var(--sg-line)}.support-search{background:var(--sg-panel);border-color:var(--sg-line);min-height:46px}.support-search input{font-size:14px;min-height:44px;color:var(--sg-ink)}input::placeholder,textarea::placeholder{color:var(--sg-muted);opacity:1}
.support-button,.support-hero-action{min-height:44px;font-size:13px;padding:10px 16px;white-space:normal;text-align:center}.support-button.orange,.support-hero-action,.support-login-card form>button[type=submit]{background:linear-gradient(135deg,#d9591b,#ba3913);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.25),0 6px 14px rgba(136,64,25,.13)}.support-button.dark{background:var(--sg-ink);color:var(--sg-panel)}.support-button.ghost{color:var(--sg-ink);background:var(--sg-panel);border-color:var(--sg-line)}.support-button:hover,.support-hero-action:hover{filter:brightness(.94)}
.support-ticket-row{padding:16px 20px;border-color:var(--sg-line);gap:12px}.support-ticket-row-main{min-width:0}.support-ticket-row-main strong{font-size:14px;white-space:normal;overflow-wrap:anywhere;color:var(--sg-ink)}.support-ticket-row-main small{font-size:12px;color:var(--sg-muted)}.support-ticket-row-side{flex-wrap:wrap;justify-content:flex-end}.support-ticket-row-side .support-button{min-height:40px;font-size:12px}.support-ticket-rows>a:hover,.support-quick-links a:hover{background:var(--sg-soft);color:var(--sg-ink)}
.support-facts dt{font-size:12px;color:var(--sg-muted)}.support-facts dd,.support-facts.horizontal dd{font-size:13px;color:var(--sg-ink);overflow-wrap:anywhere}.support-facts dd.mono{font-size:12px}.support-facts>div{border-color:var(--sg-line)}.support-message-copy{font-size:14px;color:var(--sg-ink)}.support-empty{font-size:14px;color:var(--sg-muted);min-height:200px}.support-empty strong{font-size:15px;color:var(--sg-ink)}.support-empty p{font-size:13px}.support-quick-links strong{font-size:14px}.support-quick-links small{font-size:12px;color:var(--sg-muted)}.support-quick-links a{background:var(--sg-panel);color:var(--sg-ink);border-color:var(--sg-line);min-height:60px}.support-audience,.support-priority,.support-status{font-size:12px;padding:5px 10px;min-height:28px}.support-pagination{border-color:var(--sg-line)}
.support-login-body{padding:24px;min-height:100dvh}.support-login-card{width:min(470px,100%);padding:36px;background:var(--sg-glass);color:var(--sg-ink);border-color:var(--sg-line);border-radius:28px;box-shadow:var(--sg-shadow);backdrop-filter:blur(22px)}.support-login-card img{display:block;background:#fffdf8;border-radius:14px;padding:8px;width:180px}.support-login-card>span{font-size:12px}.support-login-card p{font-size:14px;color:var(--sg-muted)}.support-login-card label{font-size:14px;color:var(--sg-ink)}.support-login-card input{font-size:16px;height:50px;background:var(--sg-panel);color:var(--sg-ink);border-color:var(--sg-line)}.support-login-card button{font-size:14px;min-height:48px}.support-login-card .support-password-toggle{background:var(--sg-soft);color:var(--sg-ink);border:1px solid var(--sg-line);min-height:40px;height:auto;justify-self:end;padding:8px 12px}.support-error,.support-flash{font-size:14px}
.support-bottom-nav{display:none}.support-skip{position:fixed;left:12px;top:-100px;z-index:150;background:var(--sg-panel);color:var(--sg-ink);padding:14px;border:2px solid var(--sg-focus);border-radius:12px}.support-skip:focus{top:12px}
.support-display-launch{position:fixed;right:22px;bottom:22px;z-index:40;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--sg-line);border-radius:18px;background:var(--sg-glass);color:var(--sg-ink);box-shadow:var(--sg-shadow);backdrop-filter:blur(18px);cursor:pointer}
.support-display-dialog,.support-menu-dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--sg-line);border-radius:26px;padding:24px;background:var(--sg-panel);color:var(--sg-ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(12,26,18,.5);backdrop-filter:blur(5px)}.support-display-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-display-heading span{font-size:11px;letter-spacing:.12em;color:var(--sg-accent);font-weight:700}.support-display-heading h2{font:800 24px Nunito,sans-serif;margin:6px 0 12px}.support-display-heading button{min-width:44px;min-height:44px;border:1px solid var(--sg-line);border-radius:12px;background:var(--sg-soft);color:var(--sg-ink);font-size:26px;cursor:pointer}.support-display-dialog>p{font-size:14px;color:var(--sg-muted)}.support-display-dialog>label{display:block;font-size:14px;margin:16px 0 7px}.support-display-dialog select{width:100%;min-height:48px;border:1px solid var(--sg-line);border-radius:12px;background:var(--sg-soft);color:var(--sg-ink);padding:10px;font-size:15px}.support-display-dialog .support-display-check{display:flex;align-items:flex-start;gap:12px}.support-display-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--sg-accent)}.support-display-check small{display:block;font-size:13px;color:var(--sg-muted);margin-top:3px}.support-display-reset{min-height:44px;width:100%;border:1px solid var(--sg-line);border-radius:12px;background:var(--sg-soft);color:var(--sg-ink);font:600 14px Poppins,sans-serif;cursor:pointer}.support-display-status{min-height:20px}
.support-menu-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.support-menu-dialog nav a,.support-menu-settings,.support-menu-logout{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px;border:1px solid var(--sg-line);border-radius:14px;background:var(--sg-soft);color:var(--sg-ink);text-decoration:none;font:600 14px Poppins,sans-serif;overflow-wrap:anywhere}.support-menu-dialog nav a[aria-current]{box-shadow:inset 3px 0 var(--sg-accent)}.support-menu-settings,.support-menu-logout{width:100%;margin-top:10px;cursor:pointer}.support-menu-dialog a:hover,.support-menu-dialog button:hover{background:var(--sg-panel)}
.material-symbols-rounded{font-family:inherit!important;font-variation-settings:normal!important;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;vertical-align:middle}.material-symbols-rounded:empty{visibility:hidden}.material-symbols-rounded>svg,.material-symbols-rounded>img{width:1em;height:1em;flex-shrink:0;display:block;object-fit:contain}.support-nav .material-symbols-rounded>img{padding:2px;background:#fffdf8;border-radius:4px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--sg-focus)!important;outline-offset:3px;box-shadow:none!important}.support-search:focus-within{outline:3px solid var(--sg-focus);outline-offset:3px}.support-search input:focus-visible{outline:0!important}
.support-content :is(section,article,div,aside,form),.support-chat-page{min-width:0}.support-content :is(h1,h2,h3,p,strong,dd,span){overflow-wrap:anywhere}.support-action-stack textarea{font-size:14px;background:var(--sg-panel);color:var(--sg-ink);border-color:var(--sg-line)}
@media(max-width:1023px){.support-shell{grid-template-columns:1fr}.support-side{display:none}.support-content{padding:20px 16px 110px}.support-topbar{padding:14px 16px;min-height:70px}.support-topbar-agent{display:none}.support-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:35;display:flex;align-items:stretch;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--sg-line);background:var(--sg-glass);backdrop-filter:blur(20px);box-shadow:0 -5px 30px rgba(20,44,26,.08)}.support-bottom-nav>a,.support-bottom-nav>button{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:15px;background:transparent;color:var(--sg-muted);font:600 12px Poppins,sans-serif;text-decoration:none;cursor:pointer}.support-bottom-nav [aria-current=page]{background:var(--sg-soft);color:var(--sg-accent)}.support-bottom-nav .material-symbols-rounded{font-size:22px}.support-display-launch{bottom:calc(90px + env(safe-area-inset-bottom));right:16px}.support-dashboard-grid,.support-detail-grid{grid-template-columns:1fr}.support-login-body .support-display-launch{bottom:20px}.support-chat-workspace{margin-bottom:10px}.support-filterbar :is(select,.support-search){max-width:none;flex-basis:100%;width:100%}.support-table-wrap{max-width:100%;overflow:auto}.support-hero,.support-ticket-detail-hero{padding:22px;flex-direction:column;align-items:flex-start}.support-table{min-width:760px}}
@media(max-width:600px){.support-content{padding:16px 12px 120px}.support-metric-grid,.support-metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.support-metric-grid article{padding:14px;gap:8px;flex-direction:column;align-items:flex-start}.support-hero h1,.support-ticket-detail-hero h1{font-size:27px}.support-ticket-row{flex-wrap:wrap}.support-ticket-row-side{justify-content:flex-start}.support-facts.horizontal{grid-template-columns:1fr}.support-login-card{padding:26px 22px}.support-login-body{padding:16px 16px 88px}.support-topbar strong{font-size:18px}.support-menu-dialog nav{grid-template-columns:1fr}.support-menu-dialog{max-height:calc(100dvh - 20px)}.support-display-launch{width:46px;height:46px}.support-chat-hero{flex-direction:column;align-items:flex-start}.support-chat-workspace{min-height:0}.support-chat-thread-empty{min-height:240px}}
html[data-support-contrast=true]{--sg-muted:var(--sg-ink);--sg-line:var(--sg-ink)}html[data-support-contrast=true] :is(.support-topbar,.support-hero,.support-display-launch,.support-bottom-nav,.support-login-card){backdrop-filter:none;background:var(--sg-panel)}html[data-support-contrast=true] :is(p,small,label,dt){color:var(--sg-ink)!important}
html[data-support-motion=true] *,html[data-support-motion=true] *::before,html[data-support-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-support-theme=dark] .support-chat-page{--chat-orange:#ffb078;--chat-orange-soft:#3d3025;--chat-green:#8ecf9c;--chat-green-soft:#25382b;--chat-blue:#9bbfff;--chat-blue-soft:#26394b;--chat-red:#ffacba;--chat-border:var(--sg-line);--chat-text:var(--sg-ink);--chat-muted:var(--sg-muted)}
.support-chat-connection-copy{color:var(--sg-ink)}.support-chat-hero .support-chat-refresh{background:var(--sg-soft);color:var(--sg-ink);border-color:var(--sg-line)}
@media(max-width:1023px){.support-app .support-filterbar{display:flex;grid-template-columns:none}.support-display-dialog,.support-menu-dialog{scroll-padding:24px}}

.support-brand img{background:#fffdf8;padding:8px;border-radius:14px;width:170px;max-width:100%}
.support-chat-hero .support-chat-connection,.support-chat-hero .support-chat-refresh{background:var(--sg-soft);color:var(--sg-ink);border:1px solid var(--sg-line);min-height:44px;font-size:13px!important}
.support-chat-hero .support-chat-refresh:hover{background:var(--sg-panel);color:var(--sg-accent)}
.support-chat-workspace{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr) minmax(220px,.75fr)}
.support-chat-hero p{font-size:14px!important}.support-chat-hero h1{font-size:30px!important}
.live-delivery-hero-actions{max-width:100%;flex-wrap:wrap}.live-delivery-refresh-state{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:1279px){.support-chat-workspace{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);height:auto;max-height:none}.support-chat-context{grid-column:1 / -1}}
@media(max-width:1023px){.support-chat-workspace{grid-template-columns:minmax(0,1fr);height:auto;max-height:none}.support-chat-inbox{border-right:0;border-bottom:1px solid var(--sg-line);min-height:0}.support-chat-conversation-list{height:auto;max-height:360px;min-height:120px}.support-chat-thread{min-height:300px;border-bottom:1px solid var(--sg-line)}.support-chat-thread-empty{min-height:280px;padding:28px 20px}.support-chat-context{grid-column:auto}.live-delivery-hero-actions{width:100%;align-items:flex-start}.support-chat-thread-empty::before{width:180px;height:180px}}
html[data-support-contrast=true] :is(.support-chat-hero,.support-chat-workspace,.live-delivery-hero){background:var(--sg-panel);backdrop-filter:none}
/* Hide font ligature names until local artwork is ready. Labels remain visible. */
.material-symbols-rounded:not([data-support-icon]){visibility:hidden}
.material-symbols-rounded>img{background:#fffdf8;border-radius:4px;padding:2px}

.support-bottom-nav>button.active{background:var(--sg-soft);color:var(--sg-accent)}
