/* The same styles are served in live, persistent demo and static preview. */
.unified-admin #filters,.unified-admin #chips{display:none}
#runtime-section-nav{margin:0 0 18px;display:flex;gap:5px;flex-wrap:wrap}
#runtime-section-nav[hidden]{display:none}
#runtime-section-nav .nav-item{width:auto;font-size:12px;padding:8px 12px;border:1px solid var(--border,#e2e4ed)}
.unified-ui .section-active{background:var(--purple-light,#f0ecff);color:var(--purple,#6553dd)}
.unified-ui .ux-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.unified-ui [hidden]{display:none!important}
.ws-health{padding:12px 16px;border:1px solid var(--border,#e2e4ed);border-radius:10px;margin:10px 0;line-height:1.6}
.ws-health strong{display:block}.ws-health[data-state=offline],.ws-health[data-state=degraded]{border-style:dashed}
@media(max-width:800px){#runtime-section-nav{gap:4px}#runtime-section-nav .nav-item{font-size:12px;padding:9px}}
/* Accessibility: text colors with at least 4.5:1 contrast and a visible keyboard focus everywhere. */
.unified-ui{--muted:#646b80;--amber:#8a5f17;--red:#a8434c;--green:#126d60}
.unified-ui .field label,.unified-ui small,.unified-ui .muted{color:#5f6679}
.unified-ui :focus-visible{outline:3px solid var(--purple,#6553dd);outline-offset:2px}
/* Manager screens: Hoje, Aprovações, Aprendizados, Ritmo e Piloto. */
.nav-count{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--purple,#6553dd);color:#fff;font-size:11px;font-weight:650;text-align:center}
.ux-manager-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ux-priority{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.ux-plan,.ux-approvals{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ux-plan-item,.ux-approval{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#e9ebf2);border-radius:12px;background:var(--panel,#fff)}
.ux-approval{display:block}.ux-plan-item p,.ux-approval p{margin:6px 0}
.ux-plan-item.priority-1{border-left:4px solid var(--red,#a8434c)}.ux-plan-item.priority-2{border-left:4px solid var(--amber,#8a5f17)}
.ux-metric-line,.ux-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0}
.ux-metric-line div,.ux-facts div{min-width:92px}.ux-metric-line dt,.ux-facts dt{font-size:11px;color:var(--muted)}.ux-metric-line dd,.ux-facts dd{margin:2px 0 0;font-weight:600}
.ux-feedback{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ux-feedback .btn[aria-pressed=true]{background:var(--purple-light,#efedff);border-color:var(--purple,#6553dd)}
@media(max-width:800px){.ux-plan-item{flex-direction:column}.ux-plan-item .btn{align-self:flex-start}}