.ticket-bell-wrap{position:relative;flex-shrink:0;z-index:30}
.ticket-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dadfec;border-radius:13px;background:#ffffffd9;color:#727d96;cursor:pointer}
.ticket-bell svg{width:22px;height:22px}
.ticket-bell.has-unread{color:#6550bc;background:#f1ecff;border-color:#d7c9f3}
#ticketBellCount{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:8px;background:#8a5bd2;color:#fff;border:2px solid #fff;font-size:10px;line-height:16px}
.ticket-notification-panel{position:absolute;top:52px;left:0;width:340px;max-width:calc(100vw - 24px);padding:20px;background:#fcfdff;border:1px solid #e0dcef;border-radius:18px;box-shadow:0 20px 60px #29335a26;text-align:right}
.ticket-notification-panel h3{font-size:15px;color:#34405b;margin:0 0 10px}
.ticket-notification-panel p{font-size:12px;line-height:1.9;color:#7a849a;margin-bottom:14px}
#ticketNotificationItems{max-height:42vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ticket-notification-item{display:flex;flex-direction:column;gap:7px;width:100%;padding:13px;text-align:right;background:#f4f2fc;border:1px solid #e9e2f7;border-radius:11px;margin-bottom:9px;cursor:pointer;font-family:inherit;color:#4b436c}
.ticket-notification-item strong{font-size:12px;overflow-wrap:anywhere}.ticket-notification-item span{font-size:10px;color:#8c78b6}
.ticket-notification-panel>.btn{width:100%;margin-top:9px}
.dashboard-ticket-card{display:flex;align-items:center;gap:18px;padding:23px 25px;background:linear-gradient(115deg,#ffffffed,#f6f4ffdc);border:1px solid #e0ddee;box-shadow:0 8px 26px #43407a08,inset 0 1px #fff;border-radius:20px;margin-bottom:24px}
.dashboard-ticket-card.has-unread{border-color:#cdbce9;background:linear-gradient(115deg,#fff,#f1ecfe)}
.ticket-card-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ece7fa;color:#7c62ba;flex-shrink:0}
.ticket-card-symbol svg{width:26px;height:26px}
.ticket-card-copy{flex:1;min-width:0}.ticket-card-copy h3{font-size:15px;color:#303d59;margin:0 0 5px}.ticket-card-copy p{font-size:13px;line-height:1.8;margin:0;color:#6a5c8b}.ticket-card-copy small{font-size:10px;color:#9097aa;line-height:1.8}
.ticket-unread-label{display:inline-block;margin-inline-start:7px;color:#7852bd;background:#eee5fb;padding:3px 7px;border-radius:6px;font-size:10px;white-space:nowrap}
.ticket-welcome{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px;background:#20294159;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow-y:auto}
.ticket-welcome[hidden],.ticket-notification-panel[hidden],#ticketBellCount[hidden]{display:none!important}
.ticket-welcome-card{width:min(470px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:32px;background:linear-gradient(140deg,#fff,#f6f3ff);border:1px solid #fff;border-radius:25px;box-shadow:0 30px 100px #1d214445;text-align:center;color:#38435c}
.ticket-welcome-kicker{display:inline-block;font-size:11px;color:#8b71b9;background:#f0eafb;border:1px solid #e6dbf7;border-radius:8px;padding:5px 10px;margin-bottom:17px}
.ticket-welcome h2{font-size:20px;line-height:1.9;margin:0 0 10px}.ticket-welcome p{font-size:13px;line-height:2;color:#7d8499;margin:0}
.ticket-guide-arrow{width:60px;height:45px;margin:3px auto;color:#a48acb;display:block}
.ticket-attention-frame{position:relative;isolation:isolate;overflow:hidden;padding:2px;border-radius:17px;margin-bottom:22px}
.ticket-attention-frame::before{content:'';position:absolute;z-index:-2;width:600px;height:600px;left:calc(50% - 300px);top:calc(50% - 300px);background:conic-gradient(from 0deg,#e0d3f6 0deg,#e0d3f6 230deg,#8f6cd2 280deg,#c5e0f7 325deg,#e0d3f6 360deg);animation:ticket-border-turn 5s linear infinite}
.ticket-attention-frame button{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;padding:24px 17px;background:#faf8ff;border:0;border-radius:15px;font-family:inherit;cursor:pointer;color:#574c76}
.ticket-attention-frame span{font-size:14px;font-weight:700;overflow-wrap:anywhere}.ticket-attention-frame strong{font-size:12px;color:#8562b9}
.ticket-welcome-card>.btn{width:100%;justify-content:center}.ticket-welcome-card>small{display:block;font-size:10px;line-height:1.9;color:#979bae;margin-top:12px}
@keyframes ticket-border-turn{to{transform:rotate(360deg)}}
@media(max-width:640px){.dashboard-ticket-card{padding:18px;gap:12px;flex-wrap:wrap}.ticket-card-copy{flex-basis:calc(100% - 65px)}.dashboard-ticket-card>.btn{width:100%;justify-content:center}.ticket-notification-panel{position:fixed;top:150px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 170px);overflow:auto}.ticket-welcome-card{padding:24px 19px}.ticket-welcome h2{font-size:18px}.topbar-actions{flex-wrap:wrap}.ticket-bell{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.ticket-attention-frame::before{animation:none}}
@media(prefers-reduced-transparency:reduce){.ticket-welcome{backdrop-filter:none;-webkit-backdrop-filter:none;background:#30394bdd}}