.queue-banner{color:#fff;background:#282622;border-color:#282622;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:24px 28px;display:grid}.queue-orbit{border:1px solid #ffffff24;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative}.queue-orbit span{width:36px;height:36px;font:20px var(--serif);z-index:2;background:#d94f45;border-radius:50%;place-items:center;display:grid}.queue-orbit i,.queue-orbit b{border:1px solid #db6b6244;border-radius:50%;animation:2.6s linear infinite orbit;position:absolute}.queue-orbit i{width:48px;height:48px}.queue-orbit b{width:61px;height:61px;animation-direction:reverse}.queue-banner h2{font:600 18px var(--serif);margin:10px 0 4px}.queue-banner p{color:#9f9790;font-size:10px}.queue-banner dl{margin:0;display:flex}.queue-banner dl div{border-left:1px solid #46423d;padding:0 20px}.queue-banner dt{color:#8e8780;font-size:10px}.queue-banner dd{font:700 22px var(--serif);margin:6px 0 0}.task-filters{gap:4px;margin:25px 0 12px;display:flex}.task-filters button{color:#82786f;border-radius:6px;padding:8px 11px;font-size:10px}.task-filters button.active{color:#fff;background:#2d2a26}.task-list{overflow:hidden}.task-list>header,.task-list>article{grid-template-columns:1.4fr .7fr 1fr .5fr .5fr;align-items:center;gap:14px;display:grid}.task-list>header{color:#948a81;background:#f0ebe5;padding:11px 20px;font-size:10px}.task-list>article{border-top:1px solid #ede5dd;min-height:76px;padding:10px 20px}.task-list>article:first-of-type{border:0}.task-list article>div:first-child{align-items:center;gap:11px;display:flex}.task-list article>div:first-child>i{color:#716961;font:8px DM Mono}.task-list article p{margin:0}.task-list article p b,.task-list article p small,.task-list article>div:nth-child(2) b,.task-list article>div:nth-child(2) small{display:block}.task-list article p b,.task-list article>div:nth-child(2) b{font-size:10px}.task-list article p small,.task-list article>div:nth-child(2) small{color:#716961;margin-top:4px;font-size:10px}.task-progress{align-items:center;gap:9px;display:flex}.task-progress>i{background:#ede5dd;border-radius:8px;flex:1;height:4px;overflow:hidden}.task-progress>i b{background:#d94f45;height:100%;display:block}.task-progress span{font-size:10px}.task-list article>div:last-child{justify-content:flex-end;align-items:center;gap:9px;display:flex}.task-list article>div:last-child a,.task-list article>div:last-child button{color:#7c7269;font-size:10px}.task-list .retry{font-weight:700;color:#c54f47!important}.task-note{color:#786d65;border:1px solid #e0d6ce;border-radius:9px;gap:10px;margin-top:12px;padding:13px 17px;display:flex}.task-note>span{color:#d94f45}.task-note p{margin:0;font-size:10px;line-height:1.6}.task-note b{display:block}@keyframes orbit{to{transform:rotate(360deg)scale(.92)}}@media (width<=780px){.queue-banner{grid-template-columns:60px 1fr}.queue-banner dl{grid-column:1/-1}.task-list>header{display:none}.task-list>article{grid-template-columns:1fr auto}.task-list>article>div:nth-child(2),.task-progress{grid-column:1}.task-list>article>.status-pill{grid-area:1/2}.task-list>article>div:last-child{grid-area:2/2}}.queue-banner{transition:all .25s}.queue-banner.paused{background:#494641;border-color:#494641}.queue-banner.paused .queue-orbit i,.queue-banner.paused .queue-orbit b{animation-play-state:paused}.queue-banner.paused .queue-orbit span{background:#77716a}.task-filters i{opacity:.65;margin-left:5px;font-size:10px;font-style:normal}.task-list article>div:last-child{position:relative}.task-menu{z-index:8;background:#2c2925;border-radius:7px;flex-direction:column;width:105px;padding:5px;position:absolute;top:28px;right:0;box-shadow:0 10px 25px #0003;align-items:stretch!important;gap:2px!important;display:flex!important}.task-menu button{text-align:left;border-radius:4px;color:#e8e2dc!important;padding:7px!important}.task-menu button:hover{background:#45403b}.task-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.task-empty>span{color:#557461;background:#e5efe7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.task-empty>b{font:700 13px var(--serif)}.task-empty>button{color:#bd4e46;font-size:10px}.task-toast{z-index:70;color:#fff;background:#292622;border-radius:9px;padding:12px 16px;font-size:10px;position:fixed;bottom:26px;right:26px;box-shadow:0 16px 40px #0004}.task-toast span{background:#5f8568;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:8px;display:inline-grid}@media (width<=620px){.task-toast{bottom:76px;right:12px}}.task-filters.is-disabled{opacity:1;background:#fcf8f4;border:1px dashed #e0d3c8;border-radius:8px;align-items:center;gap:10px;padding:9px 12px}.task-filters.is-disabled .task-filter-caption{color:#655c54;font-size:10px;font-weight:700}.task-filter-pending{color:#9a8e84;align-items:center;gap:6px;font-size:10px;display:inline-flex}.task-filter-pending i{background:#c5b9af;border-radius:50%;width:6px;height:6px;display:block}@media (width<=620px){.task-filters.is-disabled{justify-content:space-between}.page-tasks .task-empty.service-empty{min-height:208px}}.task-list article.is-highlight{border-radius:14px;box-shadow:inset 0 0 0 2px #d94f4573,0 10px 26px #bd3d351f}.task-list article.is-highlight>div:first-child i{color:#fff;background:#d94f45}.task-actions a.task-listen{color:#fff;white-space:nowrap;background:#d94f45;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.task-actions a.task-listen b{font-size:11px;line-height:1}.task-actions a.task-listen:hover{transform:translateY(-1px);box-shadow:0 8px 18px #bd3d3547}.queue-banner .sync-time{color:#776f67;margin-left:10px;font-size:12px}@media (width<=620px){.queue-banner .sync-time{margin:6px 0 0;display:block}}.task-filters{flex-wrap:wrap}.queue-refresh{cursor:pointer;min-height:40px}.queue-refresh:disabled{cursor:wait;opacity:.68}.queue-banner.service-pending,.queue-banner.service-error{background:#3b3732;border-color:#3b3732}.queue-banner.service-pending .queue-orbit,.queue-banner.service-error .queue-orbit{border-color:#ffffff1c}.queue-banner.service-pending .queue-orbit i,.queue-banner.service-pending .queue-orbit b,.queue-banner.service-error .queue-orbit i,.queue-banner.service-error .queue-orbit b{border-color:#ffffff14;animation-play-state:paused}.queue-banner.service-pending .queue-orbit span,.queue-banner.service-error .queue-orbit span{background:#756b61}.queue-banner.service-error{background:#4a3935}.task-filters.is-disabled{opacity:.68}.task-filters button:disabled{cursor:not-allowed}.task-loading{justify-content:center;align-items:center;gap:10px;min-height:220px;padding:35px;display:flex}.task-skeleton{background:#e7dfd7;border-radius:99px;width:92px;height:8px;animation:1.4s ease-in-out infinite task-skeleton-pulse;display:block}.task-skeleton.wide{width:180px}.task-skeleton.short{width:48px;animation-delay:.12s}.task-error{justify-content:center;align-items:center;gap:13px;min-height:220px;padding:35px;display:flex}.task-error>span{color:#b94e46;background:#f7e2dd;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.task-error>div{gap:5px;display:grid}.task-error b{font:700 13px var(--serif)}.task-error small{color:#8d8177;max-width:260px;font-size:10px;line-height:1.6}.task-error button,.task-empty>a{color:#bd4e46;font-size:10px;font-weight:700}.task-error button{background:#fffaf7;border:1px solid #e5c7c1;border-radius:7px;padding:10px 12px}.task-empty small{color:#9b9087;text-align:center;max-width:320px;font-size:10px;line-height:1.7}.task-empty.service-empty{gap:9px}.empty-mark{font:700 20px var(--serif);background:#f3e1dc;border-radius:50%;place-items:center;color:#c3544a!important;width:42px!important;height:42px!important;display:grid!important}.service-empty>a{color:#b94e46;background:#f8e4df;border-radius:7px;margin-top:3px;padding:10px 13px;font-size:10px;font-weight:700}.service-empty>a b,.task-empty>a b{margin-left:5px}.task-no-action{color:#716961;font-size:10px}.task-actions{justify-content:flex-end;min-width:76px;display:flex}.task-actions a{color:#bd4e46;font-size:10px;font-weight:700}@keyframes task-skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=620px){.queue-refresh{min-height:44px}.task-error{flex-wrap:wrap;justify-content:flex-start}.task-error>div{flex:1;min-width:180px}.task-error button{margin-left:47px}.task-empty{padding:30px 20px}.task-actions{min-width:0}.task-no-action{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.task-skeleton{opacity:.7;animation:none}}.page-tasks .queue-banner{box-shadow:0 16px 34px #28231f28}.page-tasks .task-list{box-shadow:0 12px 30px #4b372210}.page-tasks .task-note{border-color:#e1d3c9}@keyframes tasks-rise-in{0%{transform:translateY(6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-tasks .queue-orbit i,.page-tasks .queue-orbit b{animation:none!important}}@media (prefers-reduced-motion:no-preference){.page-tasks .page-heading,.page-tasks .queue-banner,.page-tasks .task-filters,.page-tasks .task-list,.page-tasks .task-note{animation:.38s cubic-bezier(.2,.8,.2,1) both tasks-rise-in}.page-tasks .queue-banner{animation-delay:50ms}.page-tasks .task-filters{animation-delay:.1s}.page-tasks .task-list{animation-delay:.15s}.page-tasks .task-note{animation-delay:.2s}}.task-empty-flow{background:#fcf9f5;border:1px solid #e8ddd4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:min(620px,100%);margin:8px 0 4px;padding:12px 14px;display:grid}.task-empty-flow>span{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;display:grid}.task-empty-flow>span>i{color:#c46a60;grid-row:span 2;font:8px DM Mono,monospace}.task-empty-flow b,.task-empty-flow small{display:block}.task-empty-flow b{color:#5d5148;font-size:10px}.task-empty-flow small{color:#a0968d;margin-top:2px;font-size:10px}.task-empty-flow>em{color:#c7b8ad;font-size:12px;font-style:normal}@media (width<=620px){.task-empty-flow{text-align:left;grid-template-columns:1fr;align-items:stretch;gap:8px}.task-empty-flow>em{display:none}.task-empty-flow>span{border-bottom:1px solid #eee6de;padding:6px 0}.task-empty-flow>span:last-child{border-bottom:0;padding-bottom:0}.task-error button,.task-empty>button{justify-content:center;align-items:center;min-height:44px;padding-inline:14px;display:inline-flex}.task-filters button,.product-app .task-filters button{min-height:36px;padding:8px 12px;font-size:11px}.queue-refresh,.product-app .queue-refresh{min-height:38px}}
