/* Faster daily work on desktop and the private packaged extension surface. */
.ux-density { white-space:nowrap; font-size:11px; }
.ux-help { margin:8px 0 14px; border:0; min-width:0; }
.ux-help > summary { display:inline-flex; gap:7px; align-items:center; min-height:28px; font-size:12px; color:#a9bed9; list-style:none; }
.ux-help > summary::before { content:'+'; width:18px; height:18px; display:inline-grid; place-items:center; border:1px solid #475c78; border-radius:50%; }
.ux-help[open] > summary::before { content:'−'; }
.ux-help > summary::-webkit-details-marker { display:none; }
.ux-help > :not(summary) { margin-top:8px; animation:ux-reveal 160ms ease-out; }
.heading .ux-help { margin:4px 0 0; }
.table-wrap { max-height:68vh; position:relative; isolation:isolate; }
.table-wrap thead th { position:sticky; top:0; z-index:3; background:#202e43; box-shadow:0 1px #45536b; }
.table-wrap tr > :first-child { position:sticky; left:0; z-index:2; background:#18202c; box-shadow:1px 0 #344156; min-width:165px; max-width:300px; }
.table-wrap thead tr > :first-child { z-index:4; background:#202e43; }
.table-wrap tbody tr:hover > :first-child { background:#23334a; }
.table-wrap .ux-numeric { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.table-wrap:focus-visible { outline:2px solid #88b4fb; outline-offset:3px; }
.ux-form-hint { margin:14px 0 0; padding:12px; background:#1a293c; border:1px solid #425d80; border-radius:9px; font-size:12px; color:#c0d2ed; }
.ux-form-hint.blocked { border-color:#90733f; color:#f1d4a4; background:#332e24; }
.ux-field-jump { display:inline; padding:0; border:0; background:none; color:#a8ccff; text-align:left; font-size:inherit; text-decoration:underline; text-underline-offset:3px; }
.ux-preview { position:fixed; inset:0 0 0 auto; margin:0; padding:0; width:min(650px,94vw); max-width:100%; height:100dvh; max-height:100dvh; border:0; border-left:1px solid #496182; background:#111923; color:#e6edf9; box-shadow:-15px 0 60px #0006; }
.ux-preview[open] { display:flex; flex-direction:column; animation:ux-slide 180ms cubic-bezier(.2,.7,.2,1); }
.ux-preview::backdrop { background:#02081299; }
.ux-preview > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 20px; border-bottom:1px solid #344156; flex-shrink:0; }
.ux-preview h2 { font-size:18px; }
.ux-preview-body { padding:18px; overflow-y:auto; overscroll-behavior:contain; }
.ux-preview .facts { margin-top:16px; }
.workload-details { margin-bottom:18px; border:1px solid #35485f; border-radius:12px; background:#171f2b; }
.workload-details > summary { padding:15px 18px; color:#d5e3f5; font-weight:600; }
.workload-details > summary small { margin-left:8px; font-weight:400; }
.workload-details > .card { border:0; border-top:1px solid #35485f; box-shadow:none; background:none; }
.ux-tasks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.ux-task { display:flex; flex-direction:column; gap:8px; padding:18px; border:1px solid #3d536d; border-radius:12px; color:#dce7f6; background:#1b293c; text-decoration:none; }
.ux-task:hover { text-decoration:none; background:#243750; border-color:#7298cb; }
.ux-task > strong { font-size:28px; font-variant-numeric:tabular-nums; }
.ux-task > small { margin-top:auto; }
[data-updating] { position:relative; }
[data-updating]::before { content:''; display:block; position:absolute; z-index:5; top:-8px; left:0; right:0; height:2px; background:linear-gradient(90deg,#5f9df5,#67d4df); animation:ux-refresh 900ms ease-in-out infinite alternate; }
html[data-density=compact] :is(.card,.kpi) { padding:13px; }
html[data-density=compact] :is(td,th) { padding:8px 9px; }
html[data-density=compact] .card-head { padding-bottom:10px; margin-bottom:11px; }
html[data-density=compact] :is(.queue-card,.filters) { padding:12px; }
html[data-density=compact] .queue-card { margin-bottom:10px; }
html[data-density=compact] .form-grid { gap:11px; }
html[data-density=compact] .heading { margin-bottom:15px; }
html[data-density=compact] .main { padding-top:18px; }
@keyframes ux-reveal { from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)} }
@keyframes ux-slide { from{opacity:.6;transform:translateX(20px)}to{opacity:1;transform:translateX(0)} }
@keyframes ux-refresh { from{opacity:.4}to{opacity:1} }
@media(prefers-reduced-motion:reduce){.ux-preview[open],.ux-help > :not(summary),[data-updating]::before{animation:none;}}

.workflow-status .icon{width:13px;height:13px}.ux-preview .card{margin-top:0;margin-bottom:15px}