.support-mode{background:#09090b}.sup-rail{width:64px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border,#242428);background:#101012;display:flex;align-items:center;flex-direction:column;z-index:25}.sup-rail a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#77777e;border:1px solid transparent;border-radius:10px;position:relative}.sup-rail .sup-home{margin:12px 0 24px;color:#e9a7bf;background:#211119;border-color:#492536}.sup-rail nav{display:flex;align-items:center;flex-direction:column;gap:6px}.sup-rail a:hover,.sup-rail a.active{color:#e9a7bf;background:#201018;border-color:#432232}.sup-rail a.active:before{content:'';position:absolute;width:2px;height:24px;left:-12px;background:#e9a7bf}.sup-rail .sup-monitor{margin-top:auto;margin-bottom:14px}.sup-workspace{margin-left:64px}.sup-topbar{height:72px;border-bottom:1px solid #242428;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--bg,#09090b);gap:20px}.sup-topbar>div:first-child{display:flex;flex-direction:column;gap:5px}.sup-topbar small,.sup-eyebrow,.sup-context-title>small{color:#c25187;font-size:10px;font-weight:700;letter-spacing:1.2px}.sup-topbar strong{font-size:13px}.sup-top-actions{display:flex;align-items:center;gap:17px;font-size:12px}.sup-top-actions a{white-space:nowrap}.sup-presence{color:#929298;display:flex;align-items:center;gap:6px;white-space:nowrap}.sup-agent-avatar,.sup-avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#28151e;color:#c65d8f;font-size:12px;font-weight:700;flex-shrink:0;position:relative}.sup-agent-avatar{width:33px;height:33px}.sup-agent-avatar.large{width:48px;height:48px;font-size:16px}.sup-avatar i{font-size:7px;position:absolute;bottom:0;right:-1px;background:#28a8db;color:#071925;width:15px;height:15px;border-radius:50%;font-style:normal;display:grid;place-items:center;border:2px solid #111}.sup-agent-name{font-size:12px;font-weight:700;line-height:1.1}.sup-agent-name small{display:block;letter-spacing:.5px;color:#77777e;font-size:9px;margin-top:3px}.sup-main{min-height:calc(100vh - 72px)}.sup-padded{padding:32px;max-width:1800px;margin:auto}.sup-greeting{display:flex;align-items:center;gap:12px;margin-bottom:26px}.sup-greeting h1{font-size:19px;letter-spacing:-.4px;margin-bottom:4px}.sup-greeting p{font-size:13px;color:#82828b}.sup-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.sup-metric{border:1px solid #26262a;border-radius:12px;background:#111113;padding:22px 20px;display:flex;align-items:center;gap:18px;box-shadow:inset 0 0 0 3px #131315}.sup-metric strong{font-size:26px;line-height:1;letter-spacing:-1px}.sup-metric small{display:block;font-size:11px;color:#8c8c94;margin-top:7px}.sup-metric-icon{width:40px;height:40px;border:1px solid #472435;border-radius:7px;background:#25131c;color:#c14f86;display:grid;place-items:center}.sup-metric-icon.green{color:#23b474;border-color:#214537;background:#10251c}.sup-metric-icon.purple{color:#a65ce5;border-color:#46315b;background:#23172e}.sup-metric-icon.blue{color:#508ee9;border-color:#263950;background:#162031}.sup-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sup-panel{background:#111113;border:1px solid #28282d;border-radius:12px;overflow:hidden}.sup-panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px}.sup-panel-title h2{font-size:12px;color:#8c8c94;font-weight:600}.sup-panel-title a{font-size:12px;color:#c76192}.sup-overview-grid>.sup-panel:nth-child(-n+2){min-height:360px}.sup-panel .empty{min-height:190px;font-size:12px}.sup-panel .empty strong{color:#87878d;font-weight:500}.sup-mini-ticket{background:none;border:0;color:inherit;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 20px;cursor:pointer}.sup-mini-ticket:hover{background:#1a1918}.sup-mini-ticket>span:nth-child(2){min-width:0;flex:1}.sup-mini-ticket strong{font-size:12px;display:block}.sup-mini-ticket small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#86868f;font-size:11px;margin-top:3px}.sup-mini-ticket time{font-size:10px;color:#666}.sup-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4598c;margin-right:5px;vertical-align:middle}.sup-status-dot.pending{background:#50b98b}.sup-status-dot.closed{background:#777}.sup-summary-row,.sup-agent-row{display:flex;align-items:center;gap:10px;padding:13px 20px;font-size:12px}.sup-summary-row{justify-content:space-between}.sup-summary-row>span{color:#8a8a93}.sup-agent-row small{margin-left:auto;color:#75757f;font-size:9px}.sup-connect-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #432332;border-radius:8px;background:#201018;font-size:12px;color:#d07aa3;margin-bottom:20px}.sup-connect-banner>span{flex:1}.sup-connect-banner.error{color:#ec8a8a;border-color:#552e2e;background:#291a1a}.sup-inbox{height:calc(100dvh - 72px);min-height:500px;display:grid;grid-template-columns:380px minmax(0,1fr)}.sup-inbox.has-selection{grid-template-columns:350px minmax(320px,1fr) 280px}.sup-ticket-list{border-right:1px solid #29292d;background:#111113;display:flex;flex-direction:column;min-height:0}.sup-list-head{padding:18px 12px 12px;border-bottom:1px solid #252529}.sup-list-title{display:flex;align-items:center;margin-bottom:12px;gap:4px}.sup-list-title h1{font-size:15px;flex:1;letter-spacing:-.2px}.sup-list-title h1 small{font-size:10px;color:#7d7d84;font-weight:400}.sup-list-title .icon-btn{width:28px;height:28px}.sup-search{display:flex;align-items:center;gap:8px;border:1px solid #2a2a2d;background:#0b0b0d;padding:0 10px;border-radius:6px}.sup-search .icon{width:14px;color:#73737b}.sup-search input{background:none;border:0;box-shadow:none!important;width:100%;padding:12px 0;font-size:12px;outline:none}.sup-filter-tabs{display:flex;margin-top:12px;padding:3px;background:#09090b;border-radius:9px;gap:2px}.sup-filter-tabs button{background:transparent;border:0;color:#8d8d95;border-radius:6px;padding:9px 5px;flex:1;font-size:12px;cursor:pointer}.sup-filter-tabs button.active{background:#141416;color:#fafafa;box-shadow:0 1px 3px #000}.sup-list-scroll{overflow-y:auto;flex:1;min-height:0}.sup-ticket-row{border:0;border-bottom:1px solid #1e1e22;border-left:2px solid transparent;background:transparent;display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:14px 11px;cursor:pointer;color:inherit}.sup-ticket-row.selected{background:#28151e;border-color:#4d283a;border-left-color:#c25388}.sup-ticket-row:hover{background:#1b1917}.sup-ticket-row.urgent{border-left-color:#a63a6e}.sup-ticket-text{flex:1;min-width:0}.sup-ticket-text>strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.sup-ticket-text strong small{font-size:9px;font-weight:400;color:#73737a}.sup-ticket-text>span{font-size:11px;color:#a2a2ac;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 6px}.sup-ticket-text>.sup-category{display:inline-block;font-size:9px;color:#ba457d;background:#24131b;padding:2px 4px;border-radius:3px}.sup-ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:80px;flex-shrink:0}.sup-ticket-meta time{font-size:9px;color:#74747c}.sup-ticket-meta>small{font-size:8px;color:#bd457f;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-unread{font-size:10px;background:#bf4a82;color:#fff;border-radius:8px;min-width:16px;text-align:center;padding:1px 4px}.sup-list-footer{padding:8px 12px;border-top:1px solid #26262a;display:flex;gap:4px;align-items:center;color:#777;font-size:10px}.sup-list-footer>span{flex:1}.sup-list-footer .icon-btn{width:26px;height:26px;font-size:20px}.sup-conversation{min-width:0;display:flex;flex-direction:column;min-height:0;background:#09090b}.sup-no-selection{align-items:center;justify-content:center;padding:24px}.sup-no-selection .empty{min-height:180px}.sup-no-selection .sup-connect-banner{max-width:550px}.sup-conversation-head{height:66px;flex-shrink:0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #252529;padding:10px 16px}.sup-conversation-head strong{font-size:12px}.sup-conversation-head small{display:block;color:#5c9dc7;font-size:10px;margin-top:3px}.sup-conversation-head select{max-width:112px;font-size:11px;padding:7px;background:#151517;border:1px solid #252529;border-radius:5px}.sup-conversation-head .sup-avatar{width:34px;height:34px}.sup-back{display:none}.sup-messages{flex:1;overflow-y:auto;min-height:150px;display:flex;flex-direction:column;gap:12px;padding:22px}.sup-day{align-self:center;font-size:10px;color:#898991;padding:4px 12px;background:#141416;border-radius:20px;margin-bottom:8px}.sup-message{align-self:flex-start;max-width:85%;background:#121214;border:1px solid #252529;border-radius:13px 13px 13px 4px;padding:10px 12px;font-size:13px}.sup-message.out{align-self:flex-end;background:#27141d;border-color:#412130;border-radius:13px 13px 4px 13px}.sup-message.note{align-self:stretch;background:#26141d;border:1px solid #4e283a;max-width:100%}.sup-message-author{font-size:10px;color:#9e9ea6;margin-bottom:5px}.sup-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.sup-message footer{font-size:9px;display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#787881;margin-top:6px}.sup-message img{display:block;max-width:300px;width:100%;max-height:320px;object-fit:contain;border-radius:6px}.sup-file{display:flex;align-items:center;gap:8px;font-size:12px;color:#cf77a1}.sup-retry{border:0;background:none;color:#d484aa;font-size:10px;cursor:pointer}.delivery-failed,.delivery-uncertain{color:#d484aa}.delivery-sent{color:#71977b}.sup-composer{padding:12px 18px;border-top:1px solid #252529;background:#101012;flex-shrink:0}.sup-compose-tools{display:flex;align-items:center;gap:4px;margin-bottom:6px}.sup-compose-tools .icon-btn{width:30px;height:26px}.sup-compose-tools .active{color:#c5598d}.sup-compose-tools select{padding:4px 8px;font-size:10px;max-width:200px;color:#92929a;border:0;background:transparent}.sup-compose-input{display:flex;align-items:flex-end;gap:10px}.sup-compose-input textarea{flex:1;min-width:0;padding:12px;font-size:12px;background:#0a0a0c;border:1px solid #29292d;border-radius:6px;resize:vertical;color:inherit;max-height:200px}.sup-compose-input .btn{height:34px;padding:8px 13px}.sup-composer>small{display:block;margin-top:6px;font-size:9px;color:#77777f}.sup-composer.is-note{background:#201118}.sup-context{border-left:1px solid #29292d;background:#111113;overflow-y:auto}.sup-context-title{padding:16px;border-bottom:1px solid #29292d}.sup-context-title h2{font-size:12px;margin-top:5px}.sup-context-card{margin:12px;border:1px solid #29292d;border-radius:11px;padding:16px;display:flex;flex-direction:column;gap:10px}.sup-context-card>small,.sup-context-card label{font-size:10px;color:#8f8f98}.sup-context-card strong{font-size:12px}.sup-context-card .muted{font-size:11px;line-height:1.5}.sup-context-card select{width:100%;margin-top:8px;font-size:11px;padding:9px;background:#101012}.sup-context-card .btn{font-size:10px;align-self:flex-start}.sup-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sup-template{padding:22px}.sup-template h2{font-size:15px;margin-bottom:14px}.sup-template p{color:#95959e;font-size:13px;line-height:1.7;white-space:pre-wrap;margin-bottom:20px}.sup-template>div{display:flex;gap:8px}.sup-settings-form{padding:24px;max-width:760px;margin:20px 0;display:flex;flex-direction:column;gap:20px}.sup-settings-form h2{font-size:15px}.sup-settings-form label{font-size:12px;color:#9999a3;display:flex;flex-direction:column;gap:9px}.sup-settings-form input,.sup-settings-form textarea{width:100%}.sup-settings-form>.btn{align-self:flex-start}.support-mode.light .sup-workspace{--bg:#f8f8fa;background:#f8f8fa;color:#222}.support-mode.light .sup-panel,.support-mode.light .sup-metric,.support-mode.light .sup-ticket-list,.support-mode.light .sup-context,.support-mode.light .sup-context-card{background:#fff;border-color:#ddd;box-shadow:none}.support-mode.light .sup-conversation{background:#f5f5f7}.support-mode.light .sup-message{background:#fff;color:#222}.support-mode.light .sup-message.out{background:#f7e7ef}.support-mode.light .sup-composer{background:#fff}.support-mode.light .sup-compose-input textarea,.support-mode.light .sup-search{background:#fff;color:#222}.support-mode.light .sup-topbar{border-color:#ddd}.support-mode.light .sup-ticket-row.selected{background:#f7e7ef}.support-mode.light .sup-ticket-text>span{color:#777}.support-mode.light .sup-filter-tabs{background:#eee}.support-mode.light .sup-filter-tabs button.active{background:#fff;color:#222}.support-mode.light .sup-context-card select{background:#fff}.support-mode.light .sup-message.note{background:#f5e4ec}@media(min-width:1600px){.sup-inbox.has-selection{grid-template-columns:420px minmax(400px,1fr) 340px}}@media(max-width:1150px){.sup-inbox.has-selection{grid-template-columns:300px minmax(320px,1fr)}.sup-context{display:none}.sup-template-grid{grid-template-columns:1fr 1fr}.sup-top-actions{gap:12px}}@media(max-width:800px){.sup-padded{padding:20px}.sup-metrics{grid-template-columns:1fr 1fr}.sup-overview-grid{grid-template-columns:1fr}.sup-inbox{grid-template-columns:300px minmax(0,1fr)}.sup-topbar{padding:0 16px}.sup-agent-name,.sup-top-actions>a,.sup-presence{display:none}.sup-inbox.has-selection{grid-template-columns:1fr}.sup-inbox.has-selection .sup-ticket-list{display:none}.sup-back{display:inline-flex}.sup-no-selection{display:none}.sup-inbox:not(.has-selection){grid-template-columns:1fr}.sup-template-grid{grid-template-columns:1fr}}@media(max-width:480px){.sup-rail{width:48px}.sup-rail a{width:34px;height:35px}.sup-workspace{margin-left:48px}.sup-topbar{height:64px;padding:0 10px}.sup-topbar small{font-size:8px}.sup-topbar strong{font-size:11px}.sup-main{min-height:calc(100dvh - 64px)}.sup-inbox{height:calc(100dvh - 64px)}.sup-metric{padding:16px 12px;gap:10px}.sup-metric-icon{width:30px;height:30px}.sup-metric strong{font-size:21px}.sup-metric small{font-size:9px}.sup-padded{padding:18px 12px}.sup-conversation-head{padding:8px;gap:7px}.sup-conversation-head select{max-width:88px}.sup-conversation-head>.icon-btn:last-child{display:none}.sup-composer{padding:10px}.sup-messages{padding:14px}.sup-greeting h1{font-size:17px}.sup-connect-banner{flex-wrap:wrap}}

.sup-attachment-bar{display:flex;gap:10px;align-items:center;font-size:11px;color:#d486ab;margin:4px 0}.sup-attachment-bar button{border:0;background:transparent;color:#bb8ea4;cursor:pointer}.sup-compose-tools label{cursor:pointer}.sup-compose-tools input[hidden]{display:none}
.sup-search{flex-direction:row!important;gap:8px!important;min-height:44px}.sup-search input{min-height:42px;margin:0}.sup-inbox .empty p{max-width:280px}.sup-conversation-head .grow{min-width:70px}.sup-message-text{font-size:13px}