@property --ac-support-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes ac-support-orbit { to { --ac-support-angle: 360deg; } }
.admin-os .ac-support-nav-badge,.admin-os .ac-support-shortcut>b{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:25px;padding:3px 7px;border-radius:9px;background:linear-gradient(125deg,#476de2,#6656cf);color:#fff;box-shadow:0 0 12px #6a89ff45;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}
.admin-os .ac-support-nav-badge svg{width:12px;height:12px;flex:none}
.admin-os .ac-support-shortcut{border-color:#7d97ff80;background:#657efb14;gap:9px}
.admin-os .admin-alert-item .ac-support-alert-icon{display:grid;place-items:center;width:28px;height:28px;min-width:28px;margin:0;border-radius:8px;background:#718cff20;color:#9eb5ff;box-shadow:none}
.admin-os .admin-alert-item .ac-support-alert-icon svg{width:18px;height:18px}
.admin-os.light .admin-alert-item .ac-support-alert-icon{color:#3e57b4}
.ac-support30 .support-ticket-table{overflow:visible;display:grid;gap:12px;padding:3px}
.ac-support30 .support-ticket-select{position:relative;isolation:isolate;min-width:0;margin:0;grid-template-columns:36px minmax(0,1fr);transition:border-color .2s,box-shadow .2s}
.ac-support30 .support-ticket-select.ac-support-pending{border-color:#6e8af59e;box-shadow:0 0 15px #687aff18,inset 0 0 20px #687aff08}
.ac-support30 .ac-support-pending:before{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--ac-support-angle),transparent 0deg,#8296ff40 190deg,#a9bdff 235deg,#56dcca 265deg,transparent 310deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ac-support-orbit 5s linear infinite}
.ac-support30 .support-ticket-select.ac-support-selected{background:#647fff12;box-shadow:0 0 0 1px #8f9fffa0}
.ac-support30 .support-ticket-select>button.ac-support-ticket-open{display:grid;grid-template-columns:85px minmax(0,1fr) 18px;grid-template-areas:"number body arrow" "state state arrow" "date date arrow";gap:8px 12px;padding:17px 16px 17px 8px;min-width:0;text-align:start;align-items:center}
.ac-support30 .ac-support-ticket-number{grid-area:number;align-self:start;font-size:12px;overflow-wrap:anywhere}
.ac-support30 .ac-support-ticket-body{grid-area:body;min-width:0}
.ac-support30 .ac-support-ticket-body strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}
.ac-support30 .ac-support-ticket-body small,.ac-support30 .ac-support-ticket-body em{font-size:11px;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.ac-support30 .ac-support-ticket-state{grid-area:state;display:flex;align-items:center;min-width:0}
.ac-support30 .ac-support-ticket-open>time{grid-area:date;font-size:11px;opacity:.75;white-space:normal}
.ac-support30 .ac-support-chevron{grid-area:arrow;width:17px;height:17px}
.ac-support30 .ac-support-waiting{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:5px 9px;background:#748efb16;color:#b5c6ff;border:1px solid #839dff45;font-size:11px;font-weight:600;line-height:1.5;white-space:normal;letter-spacing:normal;text-transform:none}
.ac-support30 .ac-support-waiting svg{width:15px;height:15px;flex:none}
.admin-os .ac-support30 .support-ticket-select>button .ac-support-waiting{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;font-size:12px;text-align:start}
.admin-os .ac-support30 .support-ticket-select>button .ac-support-ticket-state{display:flex;align-items:center;justify-content:flex-start}
.admin-os .ac-support30 .support-ticket-select>button>time{display:block}
.admin-os.light .ac-support30 .ac-support-waiting{color:#3b52a2;background:#657cf00c}
.ac-support30 .support-conversation>header small>.ac-support-waiting{display:flex;width:fit-content;margin-top:10px}
.ac-support30 .ac-support-conversation-pending>header{border-bottom-color:#829aff80;box-shadow:inset 3px 0 #8194ff;padding-inline-start:12px}
.ac-support30 .support-conversation:focus{outline:none}
.ac-support30 .support-tabs{flex-wrap:wrap}
.ac-support30 .support-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px}
.ac-support30 .support-tabs>button svg{width:15px;height:15px}
.ac-support30 button:focus-visible{outline:2px solid #a1b4ff;outline-offset:3px}
@media(min-width:1600px){.ac-support30 .support-ticket-select>button.ac-support-ticket-open{grid-template-columns:90px minmax(0,1fr) auto 18px;grid-template-areas:"number body state arrow" "number body date arrow";gap:8px 14px}}
@media(max-width:850px){.ac-support30.support-admin-layout{display:grid;grid-template-columns:minmax(0,1fr)}.ac-support30 .support-ticket-table{min-width:0;overflow:visible}.ac-support30 .support-conversation{position:relative;top:auto;min-width:0;scroll-margin:18px}.ac-support30 .support-admin-actions{flex-wrap:wrap}.admin-os .admin-mobile-dock .ac-support-nav-badge{padding:2px 4px;min-width:20px;gap:2px;font-size:9px}.admin-os .admin-mobile-dock .ac-support-nav-badge svg{width:10px;height:10px}}
@media(max-width:440px){.ac-support30 .support-ticket-select{grid-template-columns:28px minmax(0,1fr)}.ac-support30 .support-ticket-select>button.ac-support-ticket-open{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"number arrow" "body arrow" "state arrow" "date arrow";padding:13px 11px 13px 5px;gap:7px}.ac-support30 .support-tabs>button{font-size:11px;padding:8px}.ac-support30 .support-admin-actions>button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ac-support30 .ac-support-pending:before{animation:none;--ac-support-angle:220deg}.ac-support30 .support-ticket-select{transition:none;transform:none}}