/* Clock indicators are scoped to the sidebar beta; normal percentage styles stay intact. */
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-legend {
    grid-column: 1 / -1; position: static; align-self: start; margin: 0 0 -18px; padding: 0 2px 4px;
    border-top: 0; border-bottom: 1px solid rgba(100,110,120,.25);
    color: var(--theme-text); text-align: center; font-size: 11px; line-height: 1.3;
}
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-legend[hidden] { display: none; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-legend > strong { display: block; font-size: 11px; font-weight: 700; margin-bottom: 4px; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: center; gap: 4px 8px; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels > span { display: inline-flex; align-items: center; gap: 3px; color: var(--theme-text); white-space: nowrap; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels svg { width: 18px; height: 18px; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge {
    width: 36px; height: 46px; flex: 0 0 36px; flex-direction: column; gap: 2px;
    border: 0; border-radius: 0; background: transparent; box-shadow: none;
    color: #737f89; font-size: 10px; line-height: 1.1;
}
body.hk-sidebar-beta #menuOverlay .category-workload-badge svg { display: block; width: 29px; height: 29px; flex: 0 0 29px; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge .hk-printer-wait-label { color: #495360; font-size: 10px; font-weight: 700; }
body.hk-sidebar-beta #menuOverlay .active-cat .category-workload-badge .hk-printer-wait-label { color: #fff; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-green,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-green svg { color: #16804e; background: transparent; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-orange,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-orange svg { color: #dfb113; background: transparent; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-red,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-red svg { color: #dc7a08; background: transparent; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-loading { color: #89959e; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-loading::after { content: none; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-loading svg { animation: hkPrinterWaitSpin 1.2s linear infinite; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-unavailable { opacity: .7; }
@keyframes hkPrinterWaitSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-loading svg { animation: none; }
}

body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-purple,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-purple svg { color: #dc454b; background: transparent; }

body.hk-sidebar-beta #menuOverlay .hk-printer-wait-copy { display: flex; flex-direction: column; gap: 1px; text-align: left; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-copy strong { font-size: 11px; line-height: 1.2; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-copy small { font-size: 10px; line-height: 1.2; color: var(--theme-text); opacity: .8; }
/* Stored level keys retain their rank; these are the new visual colours. */
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-orange svg path,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-orange svg path { stroke: #503b00; }
body.hk-sidebar-beta #menuOverlay .category-workload-badge.is-orange svg circle,
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-levels .is-orange svg circle { stroke: #9e7708; }

/* Compact only the legend area; keep the spacing between category buttons. */
body.hk-sidebar-beta #menuOverlay .menu-grid-container.has-workload-indicators { padding-top: 8px; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-legend + .category-group-heading { margin-top: 0; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-legend + .sidebar-cat-link.has-category-limit { margin-top: 18px; }

/* Fit indicative minutes inside the existing 69.3px category button. */
body.hk-sidebar-beta #menuOverlay .category-workload-badge.has-wait-minutes { height: 56px; gap: 1px; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-minutes { color: #495360; font-size: 9px; font-weight: 600; line-height: 1.1; letter-spacing: -.15px; white-space: nowrap; }
body.hk-sidebar-beta #menuOverlay .active-cat .hk-printer-wait-minutes { color: #fff; }
body.hk-sidebar-beta #menuOverlay .hk-printer-wait-minutes[hidden] { display: none; }