/* PMX Master shared brand tokens. Status colors retain their meaning. */
:root{--pmx-brand-blue:#086ba8!important;--pmx-brand-sky:#159cda!important;--pmx-brand-navy:#123c69!important;--pmx-brand-gold:#f7c844!important;--pmx-brand-blue-soft:#edf7fd!important;--pmx-brand-gold-soft:#fff9e3!important;--pmx-brand-border:#cce2ef!important;--pmx-brand-ink:#203e55!important;--pmx-brand-muted:#526d80!important;--pmx-brand-surface:#fff!important;
--primary-gradient:var(--pmx-brand-blue)!important;--accent-gradient:var(--pmx-brand-blue)!important;--primary-blue:var(--pmx-brand-blue)!important;--primary-indigo:var(--pmx-brand-navy)!important;--accent-purple:var(--pmx-brand-blue)!important;--gradient-primary:var(--pmx-brand-blue)!important;
--c-blue:var(--pmx-brand-blue)!important;--c-blue-light:var(--pmx-brand-blue-soft)!important;--c-blue-border:var(--pmx-brand-border)!important;--c-purple:var(--pmx-brand-blue)!important;--c-purple-light:var(--pmx-brand-blue-soft)!important;--c-purple-border:var(--pmx-brand-border)!important;--c-pink:var(--pmx-brand-blue)!important;--c-pink-light:var(--pmx-brand-blue-soft)!important;--c-pink-border:var(--pmx-brand-border)!important;
--pmx-student-sidebar:var(--pmx-brand-navy)!important;--pmx-student-sidebar-top:var(--pmx-brand-navy)!important;--pmx-student-accent:var(--pmx-brand-blue)!important;--pmx-student-cyan:var(--pmx-brand-gold)!important;
--pmx-admin-sidebar:var(--pmx-brand-navy)!important;--pmx-admin-sidebar-2:var(--pmx-brand-navy)!important;--pmx-admin-blue:var(--pmx-brand-blue)!important;--pmx-admin-cyan:var(--pmx-brand-gold)!important}
@media screen{
html .btn-primary,html a.btn-primary,html button.btn-primary,html .btn-wide.btn-primary,html .btn-azure{background:var(--pmx-brand-blue)!important;background-image:none!important;border-color:var(--pmx-brand-blue)!important;color:#fff!important}
html .btn-primary:hover,html .btn-primary:focus-visible,html .btn-azure:hover{background:var(--pmx-brand-navy)!important;border-color:var(--pmx-brand-navy)!important}
html .btn-outline-primary{background:transparent!important;color:var(--pmx-brand-blue)!important;border-color:var(--pmx-brand-blue)!important}
html .btn-outline-primary:hover{background:var(--pmx-brand-blue-soft)!important}
html .panel-primary>.panel-heading,html .bg-primary{background:var(--pmx-brand-blue)!important;color:#fff!important;border-color:var(--pmx-brand-blue)!important}
html .text-primary,html a.text-primary{color:var(--pmx-brand-blue)!important}
html .nav-pills>li.active>a,html .nav-pills>li.active>a:hover,html .pagination>.active>a,html .pagination>.active>span{background:var(--pmx-brand-blue)!important;border-color:var(--pmx-brand-blue)!important;color:#fff!important}
html .form-control:focus,html input:focus-visible,html select:focus-visible,html textarea:focus-visible{border-color:var(--pmx-brand-blue);outline-color:var(--pmx-brand-blue);box-shadow:0 0 0 3px #159cda20}
html .progress-bar:not(.progress-bar-danger):not(.progress-bar-success):not(.progress-bar-warning){background-color:var(--pmx-brand-blue)}
html input[type=checkbox],html input[type=radio]{accent-color:var(--pmx-brand-blue)}
html .hero h1 em,html .hero-title .highlight{color:var(--pmx-brand-blue);-webkit-text-fill-color:var(--pmx-brand-blue)}
html .hero::before{background:var(--pmx-brand-gold)}
html .hero-badge{border-color:#edda9d;color:var(--pmx-brand-navy);background:var(--pmx-brand-gold-soft)}
html .pmx-student-header.navbar,html .pmx-teacher-header,html .pmx-admin-header{border-top:3px solid var(--pmx-brand-gold)!important}
html body #app #sidebar.pmx-admin-sidebar,html body #sidebar.pmx-student-sidebar,html body #sidebar.pmx-teacher-sidebar{background:var(--pmx-brand-navy)!important;background-image:none!important}
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu>li.active>a .item-content,html body #app #sidebar.pmx-admin-sidebar .sub-menu>li.active>a{background:#ffffff18!important;border-left:3px solid var(--pmx-brand-gold)!important;color:#fff!important}
html .pmx-student-sidebar .main-navigation-menu>li.active>a,html .pmx-teacher-sidebar .main-navigation-menu>li.active>a{background:#ffffff18!important;border-left:3px solid var(--pmx-brand-gold)!important;color:#fff!important}
html .pmx-admin-brand-icon,html .pmx-student-brand-icon{background:var(--pmx-brand-blue)!important;color:#fff!important;border-color:var(--pmx-brand-gold)!important}
html .work-tabs button.active,html .work-tabs a.active,html .student-menu-symbol{color:var(--pmx-brand-blue)}
html .home-language-switch button[aria-pressed=true]{background:var(--pmx-brand-gold)!important;color:var(--pmx-brand-navy)!important}
html .portal-language-options button[aria-selected=true]{background:var(--pmx-brand-blue-soft);color:var(--pmx-brand-navy)}
}

@media screen{
html body #sidebar.sidebar{background:var(--pmx-brand-navy)!important;background-image:none!important}
html body #sidebar.sidebar .sidebar-container,html body #sidebar.sidebar nav{background:transparent!important}
html body #sidebar.sidebar .main-navigation-menu>li>a{color:#e6f0f7!important}
html body #sidebar.sidebar .main-navigation-menu>li.active>a{border-left:3px solid var(--pmx-brand-gold)!important;background:#ffffff18!important;color:#fff!important}
html .work-hero,html .work-banner,html .student-menu-hero{background:var(--pmx-brand-blue)!important;background-image:none!important;border-bottom:3px solid var(--pmx-brand-gold);color:#fff}
html .work-button{background:var(--pmx-brand-blue);color:#fff}
html .work-button.secondary{background:var(--pmx-brand-blue-soft);color:var(--pmx-brand-navy)}
html .student-menu-section{--category-color:var(--pmx-brand-blue);--category-tint:var(--pmx-brand-blue-soft)}
html .student-menu-section .student-menu-symbol{color:var(--pmx-brand-blue);background:var(--pmx-brand-blue-soft)}
}

@media screen{
html .btn-submit,html .btn-login{background:var(--pmx-brand-blue)!important;background-image:none!important;border-color:var(--pmx-brand-blue)!important;color:#fff!important}
html .btn-submit:hover,html .btn-login:hover{background:var(--pmx-brand-navy)!important}
html .pmx-app-tabs{background:var(--pmx-brand-navy);border-top-color:var(--pmx-brand-gold)}
html .pmx-app-tabs a[aria-current="page"]:not(.pmx-attendance-danger),html .pmx-app-tabs a.pmx-nav-pending:not(.pmx-attendance-danger){background:var(--pmx-brand-blue);border-bottom:2px solid var(--pmx-brand-gold);box-shadow:none;color:#fff}
html .pmx-app-dashboard .page-header-custom{background:var(--pmx-brand-blue);border-bottom:3px solid var(--pmx-brand-gold)}
}

/* One selected surface per teacher/admin navigation item. */
@media screen{
html body:has(.pmx-teacher-header) #app #sidebar .main-navigation-menu li.active,
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu li.active{background:transparent!important;border:0!important;box-shadow:none!important}
html body:has(.pmx-teacher-header) #app #sidebar .main-navigation-menu li.active>a,
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu li.active>a{background:#ffffff18!important;border:1px solid transparent!important;border-left:3px solid var(--pmx-brand-gold)!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important}
html body:has(.pmx-teacher-header) #app #sidebar .main-navigation-menu li.active>a :is(.item-content,.item-inner,.item-media),
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu li.active>a :is(.item-content,.item-inner,.item-media){background:transparent!important;border:0!important;box-shadow:none!important}
html body:has(.pmx-teacher-header) #app #sidebar .main-navigation-menu li.active::before,
html body:has(.pmx-teacher-header) #app #sidebar .main-navigation-menu li.active::after,
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu li.active::before,
html body #app #sidebar.pmx-admin-sidebar .main-navigation-menu li.active::after{display:none!important}
}