/* Training Portal — Compact DGA-lite shell v5
   Scope: shared master pages and the affected administration/learner screens.
   No global replacement of Bootstrap grid, ASP.NET controls or functional styles.
*/
body.dga-lite {
  --tp-shell-border:#e4e9e7;
  --tp-shell-ink:#1f2937;
  --tp-shell-green:#1b8354;
  --tp-shell-light:#f6faf7;
}

/* ── Shared: tighter rhythm, no large unused header/footer space ── */
body.dga-lite .header-menu-content {
  border-bottom:1px solid var(--tp-shell-border);
  box-shadow:0 1px 5px rgba(15,23,42,.045)!important;
}
body.dga-lite .header-menu-content .logo img {max-height:36px;max-width:160px;width:auto;object-fit:contain}
body.dga-lite .dashboard-heading h3,body.dga-lite .dashboard-heading h2 {overflow-wrap:anywhere}

/* ── Dashboard: one 62px horizontal bar, open the RTL nav from the right ── */
body.dga-lite-dashboard .header-menu-area {
  position:sticky;
  top:0;
  z-index:1023;
  background:#fff;
}
body.dga-lite-dashboard .header-menu-content,
body.dga-lite-dashboard .dashboard-menu-content {
  width:100%!important;
  margin:0!important;
  padding:0 24px!important;
}
body.dga-lite-dashboard .header-menu-content .main-menu-content>.row>.col-lg-12 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
}
body.dga-lite-dashboard .header-menu-content .logo--box {
  display:flex!important;
  align-items:center;
  flex:0 0 auto;
  gap:12px;
  min-width:0;
}
body.dga-lite-dashboard .tp-shell-logo {display:inline-flex;align-items:center;line-height:1}
body.dga-lite-dashboard .tp-shell-menu-button {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:7px 13px;
  border:1px solid #d3e7dc;
  background:#f7fbf8;
  border-radius:9px;
  color:#165e40;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  white-space:nowrap;
  cursor:pointer;
}
body.dga-lite-dashboard .tp-shell-menu-button i {font-size:18px}
body.dga-lite-dashboard .tp-shell-menu-button:hover,
body.dga-lite-dashboard .tp-shell-menu-button[aria-expanded="true"] {background:#e9f6ee;border-color:#9bccaf}
body.dga-lite-dashboard .header-menu-content .menu-wrapper {
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  padding:0;
  margin:0;
  flex:1 1 auto;
  min-width:0;
}
body.dga-lite-dashboard .header-menu-content .nav-right-button,
body.dga-lite-dashboard .header-menu-content .user-action-wrap {display:flex!important;align-items:center;gap:12px}
body.dga-lite-dashboard .header-menu-content .course-cart {margin:0!important;padding:0!important;border:0!important}
body.dga-lite-dashboard .header-menu-content .course-cart ul,
body.dga-lite-dashboard .header-menu-content .user-profile-cart ul {margin:0}
body.dga-lite-dashboard .header-menu-content .course-cart a.theme-btn {
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  min-height:36px;
  padding:7px 13px;
  border-radius:8px;
  font-size:13px;
  line-height:1.4;
}
body.dga-lite-dashboard .header-menu-content .avatar-xs {width:38px;height:38px}
body.dga-lite-dashboard .header-menu-content .user-profile-cart {margin:0}
body.dga-lite-dashboard .header-menu-content .user-profile-cart .shop-cart-btn {display:flex;align-items:center;cursor:pointer}
body.dga-lite-dashboard .header-menu-content .notification-dropdown-menu {z-index:1050}

/* Remove the legacy 325px reservation. One consistent side drawer on all devices. */
body.dga-lite-dashboard .dashboard-content-wrap {
  width:100%!important;
  height:auto!important;
  min-width:0;
  min-height:calc(100vh - 62px);
  margin:0!important;
  padding:18px 22px 22px!important;
  overflow:visible;
}
body.dga-lite-dashboard .dashboard-content-wrap>.container-fluid {
  max-width:1540px;
  margin:auto;
  padding:0 4px;
}
body.dga-lite-dashboard .dashboard-off-canvas-menu {
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  width:min(310px,88vw);
  max-width:100%;
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  transform:translateX(105%)!important;
  box-shadow:-8px 0 28px rgba(16,24,40,.12);
  z-index:1035;
  transition:transform .23s ease;
}
body.dga-lite-dashboard .dashboard-off-canvas-menu.active {transform:translateX(0)!important}
body.dga-lite-dashboard .dashboard-menu-close {
  display:flex!important;
  align-items:center;
  justify-content:center;
  right:auto;
  left:15px;
  top:15px;
  border-radius:9px;
}
body.dga-lite-dashboard .dashboard-off-canvas-menu>.logo-box {padding-inline:20px!important;margin-top:5px}
body.dga-lite-dashboard .dashboard-off-canvas-menu .off--canvas-menu-list {
  padding-top:20px!important;
  padding-inline:12px;
  padding-bottom:35px;
}
body.dga-lite-dashboard .off--canvas-menu-list>li>a {margin:2px 0;padding:9px 12px;border-radius:8px}
body.dga-lite-dashboard .body-overlay {background:rgba(16,24,40,.40)}

/* Title is the first element below the site bar; no separate floating menu row. */
body.dga-lite-dashboard .dashboard-heading {
  display:flex;
  align-items:center;
  min-height:40px;
  margin:0 0 18px!important;
  padding:0 0 12px;
  border-bottom:1px solid var(--tp-shell-border);
}
body.dga-lite-dashboard .dashboard-heading h3 {
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.6;
  font-weight:700;
  margin:0;
}
body.dga-lite-dashboard .dashboard-copyright-content {padding-top:12px;margin-top:22px}
body.dga-lite-dashboard .dashboard-copyright-content .copy-desc {font-size:12px}

/* ── Course administrator: one toolbar, readable tables, horizontal sub-navigation ── */
body.dga-lite-dashboard .tp-admin-course-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px 20px;
  flex-wrap:wrap;
  padding:9px 0 15px;
}
body.dga-lite-dashboard .tp-admin-course-states {flex:1 1 350px;min-width:0}
body.dga-lite-dashboard .tp-admin-course-states .nav-tabs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  border:0;
  margin:0;
}
body.dga-lite-dashboard .tp-admin-course-states .nav-tabs .nav-link {
  padding:7px 12px;
  min-height:36px;
  border:1px solid transparent;
  border-radius:8px;
  color:#4b5563;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
body.dga-lite-dashboard .tp-admin-course-states .nav-tabs .nav-link:hover,
body.dga-lite-dashboard .tp-admin-course-states .nav-tabs .nav-link.active {
  background:#edf8f1;
  border-color:#d4e9db;
  color:#166a45;
}
body.dga-lite-dashboard .tp-admin-course-search {display:flex;align-items:center;gap:10px;flex:0 1 400px;min-width:260px}
body.dga-lite-dashboard .tp-admin-course-search input {min-width:110px;width:100%;height:39px;margin:0!important}
body.dga-lite-dashboard .tp-admin-course-search .btn {min-height:39px;padding:8px 14px;white-space:nowrap;margin:0!important}
body.dga-lite-dashboard .tp-admin-course-list {border:1px solid var(--tp-shell-border);border-radius:10px;background:#fff;overflow-x:auto}
body.dga-lite-dashboard .tp-admin-course-list .table {margin:0!important;min-width:640px;border-collapse:collapse}
body.dga-lite-dashboard .tp-admin-course-list .table th,
body.dga-lite-dashboard .tp-admin-course-list .table td {padding:10px 14px!important;line-height:1.6;border-color:#e7ebee;vertical-align:middle}
body.dga-lite-dashboard .tp-admin-course-list .table thead th {background:#f3f6f5;color:#344054;font-size:13px;font-weight:700}
body.dga-lite-dashboard .tp-admin-course-list .table th:first-child {width:65%}
body.dga-lite-dashboard .tp-admin-course-list .table th:nth-child(2) {width:25%}
body.dga-lite-dashboard .tp-admin-course-list .table th:nth-child(3) {width:10%;min-width:95px}
body.dga-lite-dashboard .tp-admin-course-list .table a {color:#176b49;font-weight:600;text-decoration:none}
body.dga-lite-dashboard .tp-admin-course-list .table a:hover {text-decoration:underline}
body.dga-lite-dashboard .tp-admin-course-tabs {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  gap:3px;
  max-width:100%;
  padding:4px 0 8px;
  border-bottom:1px solid var(--tp-shell-border);
  margin:0 0 16px;
}
body.dga-lite-dashboard .tp-admin-course-tabs .nav-item {flex:0 0 auto}
body.dga-lite-dashboard .tp-admin-course-tabs .nav-link {
  padding:9px 12px;
  border-radius:7px;
  white-space:nowrap;
  font-size:13px;
  color:#475467;
  font-weight:600;
}
body.dga-lite-dashboard .tp-admin-course-tabs .nav-link:hover {background:#f3f7f5;color:#166a45}
body.dga-lite-dashboard .tp-admin-course-tabs .nav-link.active {background:#eaf7ef;color:#166a45;border:1px solid #d2e9db}

/* ── Learner courses: remove empty AI banner; one toolbar and compact cards. ── */
body.dga-lite-dashboard .tp-my-courses-intro {padding:14px 18px;margin:0 0 14px;gap:10px;background:#fff}
body.dga-lite-dashboard .tp-my-courses-intro h2 {font-size:18px;margin:0 0 3px}
body.dga-lite-dashboard .tp-my-courses-intro p {font-size:13px;line-height:1.7}
body.dga-lite-dashboard .tp-my-courses-intro .btn {padding:8px 12px;font-size:13px;white-space:nowrap}
body.dga-lite-dashboard .tp-advisor-lite {background:#f6faf7;border:1px solid #d5e9dc;border-radius:9px;padding:0 12px;margin:0 0 12px}
body.dga-lite-dashboard .tp-advisor-toggle {display:inline-flex;align-items:center;gap:9px;padding:10px 2px;border:0;background:transparent;color:#196944;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
body.dga-lite-dashboard .tp-advisor-content {border-top:1px solid #d5e9dc;padding:12px 0 14px;font-size:13px}
body.dga-lite-dashboard .tp-my-courses-filters {margin:0 0 12px!important;padding:7px 10px;background:#fff;border:1px solid var(--tp-shell-border);border-radius:9px}
body.dga-lite-dashboard .tp-course-filter-tabs {display:flex;align-items:center;flex-wrap:wrap;gap:4px;border:0}
body.dga-lite-dashboard .tp-course-filter-tabs .nav-link {padding:8px 12px;font-size:13px;white-space:nowrap;border-radius:7px}
body.dga-lite-dashboard .tp-course-filter-tabs .nav-link.active {background:#eaf7ef;color:#166a45;border:1px solid #d5e9dc}
body.dga-lite-dashboard .tp-course-filter-tools {margin:0 0 12px!important;justify-content:flex-start;gap:8px 12px}
body.dga-lite-dashboard .tp-course-filter-tools input {min-height:39px;max-width:340px}
body.dga-lite-dashboard .tp-my-course {margin-bottom:14px}
body.dga-lite-dashboard .tp-my-course .tp-course-image {width:220px;min-width:220px;max-width:25%;overflow:hidden}
body.dga-lite-dashboard .tp-my-course .tp-course-image img {width:100%;height:100%;min-height:168px;object-fit:cover}
body.dga-lite-dashboard .tp-my-course .card-body {padding:18px 20px}
body.dga-lite-dashboard .tp-my-course .card-title {font-size:18px;margin-bottom:7px}
body.dga-lite-dashboard .tp-my-course .tp-course-next {margin:8px 0;padding:8px 11px}
body.dga-lite-dashboard .tp-status-chips {margin:0 0 8px}
body.dga-lite-dashboard .tp-status-chips .ribbon {padding:2px 8px!important;font-size:11px!important}
body.dga-lite-dashboard .tp-my-course .tp-course-actions {justify-content:flex-start}

/* ── Public layout: consistent 66px nav without changing its menu behavior. ── */
body.dga-lite-public .header-menu-content {padding:0 24px!important}
body.dga-lite-public .header-menu-content .main-menu-content>.row {min-height:66px}
body.dga-lite-public .header-menu-content .main-menu-content .menu-wrapper {padding:7px 0}
body.dga-lite-public .header-menu-content .logo img {max-height:38px}
body.dga-lite-public .header-menu-content .main-menu>ul>li>a {font-size:14px;padding:6px 9px}
body.dga-lite-public .header-menu-content .nav-right-button .theme-btn {padding:8px 12px;font-size:13px}

@media(max-width:991px) {
  body.dga-lite-dashboard .header-menu-content,body.dga-lite-dashboard .dashboard-menu-content {padding:0 14px!important}
  body.dga-lite-dashboard .header-menu-content .main-menu-content>.row>.col-lg-12 {min-height:58px}
  body.dga-lite-dashboard .dashboard-content-wrap {padding:14px 12px 22px!important}
  body.dga-lite-dashboard .dashboard-heading {margin-bottom:14px!important}
  body.dga-lite-dashboard .header-menu-content .course-cart {display:none!important}
  body.dga-lite-dashboard .tp-admin-course-search {flex:1 1 100%;max-width:500px}
  body.dga-lite-dashboard .tp-my-course .tp-course-image {min-width:180px;width:180px}
  body.dga-lite-public .header-menu-content {padding:0 14px!important}
}
@media(max-width:600px) {
  body.dga-lite-dashboard .header-menu-content .logo img {max-width:112px;max-height:32px}
  body.dga-lite-dashboard .tp-shell-menu-button {min-height:36px;padding:7px 9px;gap:5px;font-size:12px}
  body.dga-lite-dashboard .header-menu-content .logo--box {gap:9px}
  body.dga-lite-dashboard .dashboard-content-wrap {padding:12px 9px 20px!important}
  body.dga-lite-dashboard .dashboard-heading h3 {font-size:18px}
  body.dga-lite-dashboard .tp-admin-course-states {flex-basis:100%}
  body.dga-lite-dashboard .tp-admin-course-states .nav-tabs {flex-wrap:wrap}
  body.dga-lite-dashboard .tp-admin-course-search {min-width:0;max-width:none}
  body.dga-lite-dashboard .tp-admin-course-search .btn {padding:8px 10px}
  body.dga-lite-dashboard .tp-admin-course-list .table {min-width:590px}
  body.dga-lite-dashboard .tp-my-course .tp-course-image {max-width:100%;width:100%}
  body.dga-lite-dashboard .tp-my-course .tp-course-image img {min-height:0;height:170px}
  body.dga-lite-dashboard .tp-my-course .card-body {padding:14px}
  body.dga-lite-dashboard .tp-my-courses-intro .btn {width:100%;text-align:center}
  body.dga-lite-dashboard .tp-course-filter-tabs {gap:2px}
  body.dga-lite-dashboard .tp-course-filter-tabs .nav-link {padding:7px 10px}
  body.dga-lite-dashboard .tp-course-filter-tools input {min-width:0;width:100%}
  body.dga-lite-public .header-menu-content .main-menu-content>.row {min-height:60px}
}
@media(prefers-reduced-motion:reduce){body.dga-lite-dashboard .dashboard-off-canvas-menu {transition:none!important}}

/* v5.2 – compact quick links, readable support counts and consistent RTL spacing. */
body.dga-lite-dashboard .tp-shell-logo {gap:8px;color:#14583a!important;text-decoration:none;white-space:nowrap}
body.dga-lite-dashboard .tp-shell-logo span {font-size:15px;font-weight:750;line-height:1.4}
body.dga-lite-dashboard .tp-header-quicknav {display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:nowrap}
body.dga-lite-dashboard .tp-header-quicknav .tp-quicklink {display:inline-flex;align-items:center;gap:5px;min-height:37px;padding:6px 10px;border-radius:8px;color:#344054;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
body.dga-lite-dashboard .tp-header-quicknav .tp-quicklink:hover,
body.dga-lite-dashboard .tp-header-quicknav .tp-quicklink[aria-current="page"] {color:#17643f;background:#f0f8f2}
body.dga-lite-dashboard .tp-header-quicknav .tp-quick-supervision {border:1px solid #e0ebe5;background:#f8fbf9}
body.dga-lite-dashboard .tp-nav-badge {display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:999px;padding:2px 6px;background:#c62828;color:white!important;font-size:12px;font-weight:800;line-height:1;font-family:inherit;box-shadow:0 0 0 2px #fff}
body.dga-lite-dashboard .off--canvas-menu-list > li > a .tp-nav-badge {margin-inline-start:auto}
body.dga-lite-dashboard .off--canvas-menu-list > li > a {display:flex;align-items:center;gap:5px}
body.dga-lite-dashboard .off--canvas-menu-list>li>a>svg,body.dga-lite-dashboard .off--canvas-menu-list>li>a>i {flex:0 0 18px;margin:0!important}
body.dga-lite-dashboard .tp-my-courses-intro {box-shadow:none!important}
body.dga-lite-dashboard .tp-my-courses-filters {box-shadow:none!important}
body.dga-lite-dashboard .dashboard-area {min-height:calc(100vh - 62px)}
body.dga-lite-dashboard .dashboard-content-wrap .tp-support-routing-note {display:flex;align-items:start;gap:10px;background:#f6faf7;border:1px solid #d9e9dd;border-radius:9px;padding:11px 13px;margin:0 0 17px;color:#365d47;font-size:13px}
body.dga-lite-dashboard .tp-policy-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
body.dga-lite-dashboard .tp-policy-item {border:1px solid #dfe8e2;border-radius:10px;padding:16px;background:#fcfdfc}
body.dga-lite-dashboard .tp-policy-item > i {color:#176a47;font-size:22px}
body.dga-lite-dashboard .tp-policy-item p {font-size:13px;color:#4f5d66}
body.dga-lite-dashboard .dashboard-content-wrap .table-responsive {margin-bottom:12px}
@media(max-width:1199px){body.dga-lite-dashboard .tp-header-quicknav .tp-quick-home {display:none}}
@media(max-width:980px){body.dga-lite-dashboard .tp-header-quicknav .tp-quick-courses {display:none}}
@media(max-width:760px){body.dga-lite-dashboard .tp-header-quicknav {margin-inline-start:auto} body.dga-lite-dashboard .tp-header-quicknav .tp-quicklink:not(.tp-quick-supervision){display:none}body.dga-lite-dashboard .tp-header-quicknav .tp-quick-supervision>span:not(.tp-nav-badge){display:none}body.dga-lite-dashboard .tp-header-quicknav .tp-quick-supervision {padding:6px 9px}body.dga-lite-dashboard .tp-shell-logo span{display:none} body.dga-lite-dashboard .tp-policy-grid{grid-template-columns:1fr}}
@media(max-width:450px){body.dga-lite-dashboard .header-menu-content .course-cart {display:none!important}body.dga-lite-dashboard .tp-header-quicknav .tp-quick-supervision{font-size:12px}}

/* Old template preloader waited for every image and then held the screen for >2 seconds. */
body.dga-lite .preloader {display:none!important}
body.dga-lite .tp-support-tabs .tp-tab {display:inline-flex;align-items:center;gap:8px}