/* The console in a brand's colours (a schools site: Active Education). Loaded after app.css and the brand's own stylesheet (which defines the --brand-* variables), and only
   when the page has the class console-branded, so a business site keeps the Readiness look. No colour is written here: every one comes from the brand. */
.console-branded .sidebar,
.console-branded.bg-navy { background: var(--brand-secondary); }
.console-branded .nav-link { color: rgba(255, 255, 255, .82); }
.console-branded .nav-link:hover,
.console-branded .nav-link.active,
.console-branded .nav-group-toggle:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.console-branded .nav-section-heading,
.console-branded .identity-role { color: var(--brand-accent); }
.console-branded .identity-block { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .85); }
.console-branded .btn-primary { background: var(--brand-primary); color: var(--brand-on-primary); }
.console-branded .btn-primary:focus-visible,
.console-branded input:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 2px; }
.console-branded .domain-tab.active,
.console-branded .page-link.active,
.console-branded .topic-chip.selected { background: var(--brand-primary); color: var(--brand-on-primary); border-color: var(--brand-primary); }
.console-branded .audience-tab.active { background: var(--brand-accent); color: var(--brand-secondary); border-color: var(--brand-accent); }
.console-branded .sort-link.active { color: var(--brand-primary); }
.console-branded a.text-blue-600 { color: var(--brand-link); }