/* v39.3.2 – Workload Dashboard & Smart Queue */
.workloadPage{width:min(1440px,calc(100% - 44px));margin:32px auto 60px;color:#0f172a}.workloadHero{border-radius:34px;padding:34px;background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.24),transparent 30%),linear-gradient(135deg,#111827 0%,#172554 55%,#2563eb 130%);box-shadow:0 30px 90px rgba(15,23,42,.18);display:flex;justify-content:space-between;gap:24px;align-items:center}.workloadHero h1{margin:12px 0 8px;color:#fff;font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;line-height:1}.workloadHero p{margin:0;color:rgba(226,232,240,.92);max-width:820px;line-height:1.55}.workloadEyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.workloadHeroBtn,.workloadBtn{border:0;border-radius:15px;background:#2563eb;color:#fff;text-decoration:none;padding:12px 15px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.workloadHeroBtn{background:#fff;color:#1d4ed8;white-space:nowrap}.workloadBtn.ghost{background:#eff6ff;color:#1d4ed8}.workloadKpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.workloadKpiGrid article{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.workloadKpiGrid small{display:block;color:#64748b;font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.workloadKpiGrid strong{display:block;font-size:36px;line-height:1;margin:8px 0;color:#1d4ed8}.workloadKpiGrid span{color:#64748b;font-weight:800}.workloadSplit{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.workloadPanel,.workloadPreview{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.workloadPanelHead h2,.workloadPreview h2{margin:0;color:#0f172a;font-size:27px;letter-spacing:-.04em}.workloadPanelHead p,.workloadPreview p{margin:7px 0 0;color:#64748b}.workloadTechList,.smartQueueList{display:grid;gap:12px;margin-top:18px}.workloadTechCard{display:grid;grid-template-columns:54px 1fr 220px;gap:14px;align-items:center;border:1px solid #dbeafe;background:#f8fbff;border-radius:20px;padding:15px}.workloadTechCard.load-warning{border-color:#fde68a;background:#fffbeb}.workloadTechCard.load-danger{border-color:#fecaca;background:#fef2f2}.workloadAvatar{width:50px;height:50px;border-radius:17px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:24px}.workloadTechCard h3{margin:0}.workloadTechCard p{margin:4px 0;color:#64748b}.workloadTechCard small{color:#475569;font-weight:800}.workloadNumbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workloadNumbers span{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;color:#334155;font-weight:800}.workloadNumbers b{color:#1d4ed8}.smartQueueItem{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;border:1px solid #dbeafe;background:#f8fbff;border-radius:20px;padding:15px}.smartQueueItem.risk-warning{border-color:#fde68a;background:#fffbeb}.smartQueueItem.risk-critical{border-color:#fecaca;background:#fef2f2}.queueScore{width:48px;height:48px;border-radius:16px;background:#172554;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950}.queueMain strong{display:block;color:#0f172a}.queueMain p{margin:5px 0;color:#64748b}.queueMain small{color:#475569;font-weight:800}.queueActions{display:flex;gap:8px;align-items:center}.workloadEmpty{border:1px dashed #93c5fd;background:#f8fbff;border-radius:18px;padding:28px;text-align:center;color:#64748b;font-weight:900}.workloadPreview{margin:18px 0}.workloadPreviewHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.workloadPreviewGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.workloadMiniRow{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;margin-top:8px;text-decoration:none;color:#0f172a}.workloadMiniRow.load-warning,.workloadMiniRow.risk-warning{background:#fffbeb;border-color:#fde68a}.workloadMiniRow.load-danger,.workloadMiniRow.risk-critical{background:#fef2f2;border-color:#fecaca}.workloadMiniRow span{color:#64748b;font-weight:800}
@media(max-width:1050px){.workloadSplit,.workloadPreviewGrid{grid-template-columns:1fr}.workloadKpiGrid{grid-template-columns:1fr 1fr}.workloadTechCard,.smartQueueItem{grid-template-columns:54px 1fr}.workloadNumbers,.queueActions{grid-column:1/-1}.queueActions{justify-content:flex-start;flex-wrap:wrap}.workloadHero{flex-direction:column;align-items:flex-start}.workloadHeroBtn{width:100%}}@media(max-width:640px){.workloadPage{width:min(100% - 20px,1440px)}.workloadKpiGrid{grid-template-columns:1fr}.workloadPanel,.workloadPreview,.workloadHero{padding:18px;border-radius:22px}.workloadMiniRow{flex-direction:column}.workloadBtn,.queueActions form,.queueActions button{width:100%}}
/* v39.3.3 – Smart Queue Filters & SLA Risk Timeline */
.queueFilters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
.queueFilterBtn{border:1px solid #dbeafe;background:#fff;color:#1d4ed8;border-radius:999px;padding:9px 12px;font-weight:950;cursor:pointer}
.queueFilterBtn span{display:inline-flex;margin-left:6px;background:#eff6ff;border-radius:999px;padding:2px 7px;color:#334155}
.queueFilterBtn.active{background:#2563eb;color:#fff;border-color:#2563eb}
.queueFilterBtn.active span{background:rgba(255,255,255,.2);color:#fff}
.slaTimeline{margin-top:10px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px}
.slaTimelineLabels{display:flex;justify-content:space-between;gap:10px;color:#334155;font-size:12px;font-weight:900;margin-bottom:7px}
.slaTimelineBar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.slaTimelineBar span{display:block;height:100%;border-radius:999px;background:#10b981}
.slaTimeline.state-warning .slaTimelineBar span{background:#f59e0b}
.slaTimeline.state-critical .slaTimelineBar span{background:#ef4444}
.heatbar{height:9px;background:#e2e8f0;border-radius:999px;margin-top:9px;overflow:hidden}
.heatbar span{display:block;height:100%;background:#10b981;border-radius:999px}
.workloadTechCard.load-warning .heatbar span{background:#f59e0b}
.workloadTechCard.load-danger .heatbar span{background:#ef4444}
.kpiDanger{border-color:#fecaca!important;background:#fef2f2!important}
.criticalPulse{animation:itkCriticalPulse 1.8s ease-in-out infinite}
@keyframes itkCriticalPulse{0%,100%{box-shadow:0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 0 5px rgba(239,68,68,.12)}}
.smartQueueItem[hidden]{display:none!important}
@media(max-width:640px){.queueFilters{display:grid;grid-template-columns:1fr 1fr}.queueFilterBtn{width:100%}.slaTimelineLabels{flex-direction:column;gap:3px}}

@media(max-width:720px){
    .workloadPage{
        width:min(100% - 20px,1440px);
        overflow-x:hidden;
    }

    .workloadHero,
    .workloadPanel,
    .workloadPreview{
        border-radius:24px;
        padding:20px;
    }

    .workloadHero h1,
    .workloadPanelHead h2,
    .workloadPreview h2{
        line-height:1.08;
        letter-spacing:0;
        overflow-wrap:anywhere;
    }

    .workloadHero h1{
        font-size:clamp(31px,10vw,42px);
    }

    .workloadPanelHead h2,
    .workloadPreview h2{
        font-size:clamp(28px,8vw,36px);
    }

    .workloadEyebrow{
        max-width:100%;
        line-height:1.3;
        letter-spacing:.04em;
        overflow-wrap:anywhere;
    }

    .workloadKpiGrid,
    .workloadNumbers{
        grid-template-columns:1fr;
    }

    .workloadTechCard,
    .smartQueueItem{
        grid-template-columns:1fr;
        gap:12px;
        padding:16px;
        align-items:start;
    }

    .workloadAvatar,
    .queueScore{
        justify-self:start;
    }

    .workloadTechCard h3,
    .queueMain strong,
    .workloadMiniRow b,
    .workloadMiniRow span{
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    .queueActions,
    .queueActions form,
    .queueActions button,
    .workloadBtn,
    .workloadHeroBtn{
        width:100%;
        min-width:0;
    }

    .queueActions{
        display:grid;
        grid-template-columns:1fr;
    }

    .queueFilters{
        grid-template-columns:1fr;
    }
}