/* Edunex visual system for the existing PHP learning application. */
body.cc-app {
  --app-font-family: "Manrope", "Inter", sans-serif;
  --primary: #01468c; --primary-dark: #012f66; --primary-soft: #eaf2fc;
  --primary-ring: #01468c33; --accent: #01468c;
  --gold: #01468c; --gold-light: #0a5faf; --gold-deep: #012f66;
  --gold-ink: #01468c; --gold-2: #01468c; --gold-soft: #eaf2fc;
  --gold-bd: #d5e3f3; --on-gold: #fff;
  --navy: #01468c; --navy-dark: #012f66; --navy-deep: #01468c;
  --navy-light: #01468c; --navy-soft: #eaf2fc;
  --bg: #f4f6fb; --card: #fff; --text: #01468c; --text-2: #344054;
  --muted: #667085; --border: #e6e7eb; --border-strong: #bfd1e5;
  --pr-ink: #01468c; --pr-body: #344054; --pr-muted: #667085;
  --pr-ground: #f4f6fb; --pr-ground-2: #eaf2fc; --pr-line: #e6e7eb;
  --pr-wash-gold: #fff8e3; --pr-glow: 0 8px 22px #01468c22;
  --radius: 16px; --radius-sm: 10px;
  color: var(--text-2); background: var(--bg);
}
body.cc-app.site-flat { background: #f4f6fb; }
body.cc-app :is(h1,h2,h3,h4,h5,h6,.stat-value,.hp-chip strong) {
  font-family: "Urbanist", "Inter", sans-serif;
  text-transform: none; letter-spacing: -.02em;
}
body.cc-app.has-sidebar :is(.app-topbar-title,.mobilebar-title) {
  font-family: "Urbanist", "Inter", sans-serif; color:#01468c;
  font-weight:700; text-transform:none;
}
body.cc-app.has-sidebar .sidebar {
  background: #fff; color: #344054; border-right: 1px solid #e6e7eb;
  box-shadow: 4px 0 30px #01468c04;
}
body.cc-app .sb-brand { min-height: 84px; border-color: #e6e7eb; justify-content:center; }
body.cc-app .sb-brand img { max-width: 166px; width: 166px; height: auto; }
body.cc-app .sb-brand-text { display:none; }
body.cc-app .sb-section { color:#667085; font-size:10px; letter-spacing:.1em; }
body.cc-app .sb-link { color:#344054; border-radius:10px; margin-bottom:3px; font-weight:600; }
body.cc-app .sb-link:hover { color:#01468c; background:#f0f6fd; }
body.cc-app .sb-link.active { color:#01468c; background:#eaf2fc; box-shadow:none; }
body.cc-app .sb-link.active::before { background:#01468c; border-radius:4px; }
body.cc-app .sb-ico { color:inherit; }
body.cc-app .sb-foot { border-color:#e6e7eb; background:#f4f6fb; }
body.cc-app .sb-user-info strong { color:#01468c; }
body.cc-app .sb-user-info small { color:#667085; }
body.cc-app :is(.sb-avatar,.app-topbar-avatar) { background:#eaf2fc; color:#01468c; border-color:#d5e3f3; }
body.cc-app .sb-user-link:hover { background:#eaf2fc; }
body.cc-app :is(.sidebar-collapse,.sidebar .lang-switch,.sb-logout) { color:#01468c; background:#fff; border-color:#d5e3f3; }
body.cc-app .sidebar .lang-switch a { color:#667085; }
body.cc-app .sidebar .lang-switch a.on { background:#01468c; color:#fff; }
body.cc-app.has-sidebar :is(.app-topbar,.mobilebar) { background:#fff; border-color:#e6e7eb; box-shadow:0 3px 20px #01468c05; }
body.cc-app.has-sidebar .app-topbar { min-height:84px; }
body.cc-app.has-sidebar main.container { padding:28px; }
body.cc-app main.container :is(.btn-primary,.btn-gold) {
  background:#01468c; color:#fff; border-color:#01468c; box-shadow:none;
}
body.cc-app :is(.app-topbar,.mobilebar,.sb-foot) :is(.btn-primary,.btn-gold) {
  background:#01468c; color:#fff; border-color:#01468c;
}
body.cc-app main.container :is(.btn-primary,.btn-gold):hover { background:#012f66; border-color:#012f66; color:#fff; }
body.cc-app :is(main.container,.app-topbar) .btn-outline { color:#01468c; border-color:#bfd1e5; background:#fff; }
body.cc-app :is(main.container,.app-topbar) .btn-outline:hover { background:#eaf2fc; color:#012f66; }
body.cc-app :is(main.container,.app-topbar) .btn { border-radius:50px; font-weight:700; }
body.cc-app.site-flat main.container :is(.card,.stat,.auth-card,.empty-state,.exam-entry,.course-card,.material-card,.homework-entry,.lab-card) {
  background:#fff; border:1px solid #e6e7eb; border-radius:16px;
  box-shadow:0 6px 24px #01468c05;
}
body.cc-app.site-flat main.container .card:not(.content-section):not(.question-card):not(.section-builder) { padding:24px; }
body.cc-app.site-flat main.container .content-section { overflow:hidden; }
body.cc-app.site-flat main.container :is(.section-heading,.section-header,.card-head) {
  border-color:#e6e7eb; background:#fff;
}
body.cc-app.site-flat main.container .stat { padding:23px; background:#fff8e3; }
body.cc-app.site-flat main.container .stat:nth-child(4n+2) { background:#eaf2fc; }
body.cc-app.site-flat main.container .stat:nth-child(4n+3) { background:#e5f5fd; }
body.cc-app.site-flat main.container .stat:nth-child(4n+4) { background:#e5f9f7; }
body.cc-app .stat::before { display:none; }
body.cc-app .stat .stat-value { color:#01468c; font-size:32px; }
body.cc-app.site-flat main.container .hero-panel {
  display:block; background:linear-gradient(115deg,#fff8e3,#eaf2fc 65%,#eaf2fc);
  border:1px solid #e4e7ef; border-radius:20px; padding:30px; margin-bottom:24px;
  position:relative; overflow:hidden;
}
body.cc-app.site-flat main.container .hero-panel h1 { color:#01468c; font-size:32px; }
body.cc-app.site-flat main.container .hero-panel .hp-sub { color:#667085; }
body.cc-app.site-flat main.container .hp-chip { background:#ffffffba; border:1px solid #fff; border-radius:12px; box-shadow:none; }
body.cc-app.site-flat main.container .hp-chip strong { color:#01468c; }
body.cc-app.site-flat main.container .hp-chip span { color:#667085; }
body.cc-app.site-flat main.container :is(.quick-actions,.quick-actions .qa) { border-color:#e6e7eb; }
body.cc-app.site-flat main.container .quick-actions .qa { background:#fff; color:#01468c; border-radius:12px; }
body.cc-app.site-flat main.container .quick-actions .qa-ico { background:#eaf2fc; color:#01468c; }
body.cc-app.site-flat main.container :is(.tab.active,.tab.on,.tabs a.active) { color:#01468c; border-color:#01468c; background:#eaf2fc; }
body.cc-app main.container :is(th,thead) { background:#eff4fa; color:#344054; }
body.cc-app main.container :is(td,th) { border-color:#e5edf6; }
body.cc-app main.container tbody tr:hover { background:#f8fbff; }
body.cc-app main.container :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]) {
  border-color:#d9e3ef; border-radius:10px; color:#01468c;
}
body.cc-app main.container :is(input,select,textarea):focus { outline-color:#01468c; border-color:#01468c; }
body.cc-app main.container :is(input[type=checkbox],input[type=radio]) { accent-color:#01468c; }
body.cc-app main.container .pager-current { background:#01468c; color:#fff; border-color:#01468c; }
body.cc-app :is(.app-footer,.footer.app-footer) { background:transparent; border-color:#e6e7eb; color:#667085; }
body.cc-app .app-contact-menu summary { background:#01468c; color:#fff; border-color:#01468c; }
body.cc-app.guest main.container { padding-block:48px; min-height:45vh; }
body.cc-app.guest main.container :is(.blog-hero,.tab-intro) { background:linear-gradient(115deg,#012f66,#01468c); }
body.cc-app.guest .auth-card { max-width:560px; padding:36px; }
body.cc-app .edunex-shell { --app-font-family:"Manrope",sans-serif; }
body.cc-app .edunex-shell :is(h1,h2,h3,h4,h5,h6) { font-family:"Urbanist",sans-serif; }
body.cc-app .edunex-shell .container { padding-block:0; }
body.cc-app .edunex-shell .header-search input { border-radius:50px; margin:0; }
body.cc-app .edunex-shell .header-search form { margin:0; }
body.cc-app .edunex-shell .header-search button { background:transparent; border:0; }
body.cc-app .edunex-shell .footer-section { padding-bottom:0; }
body.cc-app.sidebar-collapsed .sb-brand img { width:40px; height:40px; object-fit:cover; object-position:left; }
body.cc-app * { scrollbar-color:#7ea3cb #eff4fa; }
body.cc-app *::-webkit-scrollbar-track { background:#eff4fa; }
body.cc-app *::-webkit-scrollbar-thumb { background:#7ea3cb; border-color:#eff4fa; }
body.cc-app.has-sidebar .sidebar .sb-link.active { background:#01468c; color:#fff; }
body.cc-app.has-sidebar .sidebar .sb-link:hover:not(.active) { background:#eaf2fc; color:#01468c; }
body.cc-app.has-sidebar .tabbar .tab.active { color:#01468c; background:#eaf2fc; }
body.cc-app.has-sidebar .main { background:#f4f6fb; }
body.cc-app.site-flat.has-sidebar main.container .content-section-heading { background:#eff4fa; padding:16px 20px; margin-bottom:0; border-bottom:1px solid #e6e7eb; }
body.cc-app.site-flat.has-sidebar main.container .content-section-heading h2 { color:#01468c; font-family:"Urbanist",sans-serif; font-size:18px; font-weight:700; }
body.cc-app.site-flat.has-sidebar main.container .content-section > p { padding:14px 20px; margin:0; }
body.cc-app.site-flat.has-sidebar main.container .hp-stats > .hp-chip { background:#ffffffba; box-shadow:none; border-color:#fff; }
body.cc-app.site-flat.has-sidebar main.container :is(th,thead) { background:#f8fbff; color:#667085; }
body.cc-app.site-flat.has-sidebar main.container :is(.table-wrap,.data-table-wrap) { border-color:#e6e7eb; }
body.cc-app.guest main.container .blog-hero { padding-top:56px; }
body.cc-app.site-flat main.container :is(.blog-cat.on,.blog-sort.on) { background:#01468c; color:#fff; border-color:#01468c; box-shadow:none; }
@media(max-width:767px) {
  body.cc-app.has-sidebar main.container { padding:18px 14px 32px; }
  body.cc-app.site-flat main.container .card:not(.content-section):not(.question-card):not(.section-builder) { padding:18px; }
  body.cc-app.site-flat main.container .hero-panel { padding:22px 18px; }
  body.cc-app.site-flat main.container .hero-panel h1 { font-size:26px; }
  body.cc-app.guest main.container { padding-block:28px; }
}

/* Chắp Cánh identity. Assets are served from this website. */
body.chapcanh-brand, body.chapcanh-brand .edunex-shell {
  --tj-color-theme-primary:#01468c;
  --tj-color-theme-primary-hover:#012f66;
  --tj-color-heading-primary:#01468c;
  --tj-color-theme-dark:#012f66;
  --tj-color-theme-dark-2:#011e42;
  --tj-color-theme-purple:#012f66;
  --tj-color-theme-purple-2:#0a5faf;
  --tj-color-theme-purple-3:#011e42;
  --tj-color-theme-bg:#fff8e3;
  --tj-color-theme-bg-2:#eaf2fc;
  --chapcanh-gold:#f5b60a;
}
body.chapcanh-brand .tj-btn-primary:not(.tj-btn-primary-light):not(.tj-btn-primary-border),
body.chapcanh-brand .tj-btn-primary-2 .btn-text,
body.chapcanh-brand .tj-btn-primary-2 .btn-icon {
  background:#f5b60a; color:#1f1400; border-color:#f5b60a;
}
body.chapcanh-brand .tj-btn-primary:not(.tj-btn-primary-light):not(.tj-btn-primary-border):hover,
body.chapcanh-brand .tj-btn-primary-2:hover .btn-text,
body.chapcanh-brand .tj-btn-primary-2:hover .btn-icon { background:#fdd525; color:#1f1400; }
body.chapcanh-brand :is(.site_logo,.hamburger_logo) img {
  width:200px; max-width:100%; height:auto; object-fit:contain;
}
body.chapcanh-brand .footer-logo img { width:250px; max-width:100%; height:auto; object-fit:contain; }
body.chapcanh-brand #loading-icon img { width:65px; height:auto; }
body.chapcanh-brand .footer-section .bg-img { mix-blend-mode:luminosity; opacity:.35; }
body.chapcanh-brand .chapcanh-location {
  min-height:320px; padding:48px 24px; background:linear-gradient(120deg,#eaf2fc,#fff8e3);
  border:1px solid #d5e3f3; border-radius:20px; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
}
body.chapcanh-brand .chapcanh-location img { width:100px; height:auto; }
body.chapcanh-brand .chapcanh-location :is(h3,p) { margin:0; }
body.chapcanh-brand.cc-app {
  --gold:#f5b60a; --gold-light:#fdd525; --gold-deep:#c68802;
  --gold-ink:#8a5e00; --gold-2:#8a5e00; --gold-soft:#fff8e3;
  --gold-bd:#f3d583; --on-gold:#1f1400;
  --navy:#01468c; --navy-dark:#012f66; --navy-deep:#011e42;
  --primary:#01468c; --primary-dark:#012f66; --primary-soft:#eaf2fc; --accent:#f5b60a;
}
body.chapcanh-brand.cc-app.has-sidebar .sidebar {
  background:linear-gradient(180deg,#01468c,#011e42); color:#dbeafe; border-color:#012f66;
}
body.chapcanh-brand.cc-app .sb-brand { background:#fff; }
body.chapcanh-brand.cc-app .sb-brand img { width:194px; max-width:100%; height:auto; }
body.chapcanh-brand.cc-app .sb-section { color:#aac9ea; }
body.chapcanh-brand.cc-app.has-sidebar .sidebar .sb-link { color:#e2edfa; }
body.chapcanh-brand.cc-app.has-sidebar .sidebar .sb-link.active { background:#f5b60a; color:#1f1400; }
body.chapcanh-brand.cc-app.has-sidebar .sidebar .sb-link:hover:not(.active) { background:#ffffff12; color:#fff; }
body.chapcanh-brand.cc-app .sb-foot { background:#ffffff08; border-color:#ffffff1c; }
body.chapcanh-brand.cc-app .sb-user-info strong { color:#fff; }
body.chapcanh-brand.cc-app .sb-user-info small { color:#cfe0f4; }
body.chapcanh-brand.cc-app .sb-user-link:hover { background:#ffffff12; }
body.chapcanh-brand.cc-app :is(main.container,.app-topbar,.mobilebar,.sb-foot) :is(.btn-primary,.btn-gold) {
  background:#f5b60a; border-color:#f5b60a; color:#1f1400;
}
body.chapcanh-brand.cc-app :is(main.container,.app-topbar) :is(.btn-primary,.btn-gold):hover { background:#fdd525; border-color:#fdd525; color:#1f1400; }
body.chapcanh-brand.cc-app.has-sidebar .tabbar .tab.active { background:#fff8e3; color:#01468c; }
body.chapcanh-brand.cc-app.sidebar-collapsed .sb-brand img {
  content:url('/assets/images/brand/logo-mark-ui.webp'); width:44px; height:36px; object-fit:contain;
}
@media(max-width:575px) {
  body.chapcanh-brand :is(.site_logo,.hamburger_logo) img { width:174px; }
  body.chapcanh-brand .chapcanh-location { padding:32px 18px; }
}

html{scroll-behavior:auto!important}body.cc-app .sb-brand{min-height:64px;padding:5px 12px}body.cc-app .sb-brand img{width:194px;height:auto}body.cc-app .app-topbar{min-height:64px}