.queue-panel-overlay{position:fixed;inset:0;z-index:5200;display:grid;grid-template-columns:1fr minmax(500px,700px)}
.queue-panel-backdrop{grid-column:1;border:0;background:rgba(3,12,25,.56);backdrop-filter:blur(3px)}
.queue-panel{grid-column:2;height:100dvh;display:flex;flex-direction:column;min-height:0;background:var(--prod-panel,#fff);color:var(--prod-text,#11243d);box-shadow:-24px 0 70px rgba(6,26,54,.3);animation:queue-slide-in .22s ease-out}
.queue-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 22px;border-bottom:1px solid var(--prod-border,#dce6f2)}
.queue-panel>header span{display:block;color:var(--prod-blue,#0968e8);font-size:10px;font-weight:950;letter-spacing:.15em}
.queue-panel>header h2{margin:5px 0 3px;color:var(--prod-text,#11243d);font-size:1.45rem}
.queue-panel>header p{margin:0;color:var(--prod-muted,#64748b);font-size:12px}
.queue-panel>header>div:last-child{display:flex;gap:7px}.queue-panel>header button{width:38px;height:38px;border:1px solid var(--prod-border,#dce6f2);border-radius:11px;background:var(--prod-panel-soft,#f7faff);color:var(--prod-text,#11243d);font-size:20px;cursor:pointer}
.queue-panel-content{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 30px;background:var(--prod-bg,#f4f7fb)}
.queue-job-list{display:grid;gap:11px}.queue-job{padding:15px;border:1px solid var(--prod-border,#dce6f2);border-left:4px solid #5c7c9e;border-radius:15px;background:var(--prod-panel,#fff)}.queue-job.status-dead_letter{border-left-color:#d92d20}.queue-job.status-retry_scheduled{border-left-color:#d97706}.queue-job.status-processing{border-left-color:#0968e8}.queue-job.status-pending{border-left-color:#0891b2}
.queue-job>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.queue-job>header div{display:flex;flex-direction:column;gap:4px}.queue-job>header span{font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--prod-muted,#64748b)}.queue-job>header strong{color:var(--prod-text,#11243d)}.queue-job>header em{font-size:10px;font-style:normal;font-weight:800;color:var(--prod-muted,#64748b);white-space:nowrap}
.queue-message{margin:12px 0 7px;color:var(--prod-text,#11243d);line-height:1.5;font-size:12px}.queue-error{margin:0;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,#d92d20 8%,var(--prod-panel,#fff));color:#a5231a;font-size:10px;line-height:1.5;word-break:break-word}
html[data-theme="dark"] .queue-error{color:#ffaaa4;background:rgba(217,45,32,.12)}
.queue-job>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.queue-job>footer small{color:var(--prod-muted,#64748b)}.queue-job>footer button,.queue-empty button{min-height:34px;padding:7px 12px;border:0;border-radius:10px;background:var(--prod-blue,#0968e8);color:#fff;font-weight:850;cursor:pointer}.queue-job>footer button:disabled{opacity:.55;cursor:wait}
.queue-loading,.queue-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;color:var(--prod-muted,#64748b)}.queue-loading span{width:32px;height:32px;border:3px solid var(--prod-border,#dce6f2);border-top-color:var(--prod-blue,#0968e8);border-radius:50%;animation:queue-spin .8s linear infinite}.queue-empty strong{color:var(--prod-text,#11243d)}.queue-empty p{margin:0;max-width:430px;line-height:1.55}.queue-empty.error strong{color:#b42318}
.queue-panel-open{overflow:hidden}
@keyframes queue-slide-in{from{transform:translateX(35px);opacity:.7}to{transform:none;opacity:1}}@keyframes queue-spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.queue-panel-overlay{grid-template-columns:1fr}.queue-panel-backdrop{grid-column:1;grid-row:1}.queue-panel{grid-column:1;grid-row:1;margin-left:min(10vw,72px);z-index:2}}
@media(max-width:560px){.queue-panel{margin-left:0}.queue-panel>header,.queue-panel-content{padding-left:15px;padding-right:15px}.queue-job>header,.queue-job>footer{align-items:flex-start;flex-direction:column}.queue-job>footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.queue-panel,.queue-loading span{animation:none}}