/*
 * HRSpring v4.9.20 - SprinGO LMS UI bridge
 * Fix tab active state, balanced course cards/buttons and theme menu integration.
 */
:root {
  --springo-brand-blue: #2563eb;
  --springo-brand-red: #e4003a;
  --springo-theme-text: #07152f;
  --springo-theme-muted: #52637b;
  --springo-theme-line: #d7deea;
}

body .springo-gitiho-catalog .sg-tabs,
body .springo-checkout-marketplace .sg-tabs {
  gap: 30px !important;
  border-bottom: 1px solid var(--springo-theme-line) !important;
}
body .springo-gitiho-catalog .sg-tabs a,
body .springo-gitiho-catalog .sg-tabs button,
body .springo-checkout-marketplace .sg-tabs a,
body .springo-checkout-marketplace .sg-tabs button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 46px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--springo-theme-muted) !important;
  font: 850 16px/1.2 Inter, Roboto, "Segoe UI", Arial, sans-serif !important;
}
body .springo-gitiho-catalog .sg-tabs a.is-active,
body .springo-gitiho-catalog .sg-tabs button.is-active,
body .springo-gitiho-catalog .sg-tabs a.active,
body .springo-gitiho-catalog .sg-tabs button.active,
body .springo-checkout-marketplace .sg-tabs a.is-active,
body .springo-checkout-marketplace .sg-tabs button.is-active,
body .springo-checkout-marketplace .sg-tabs a.active,
body .springo-checkout-marketplace .sg-tabs button.active {
  background: transparent !important;
  color: var(--springo-theme-text) !important;
  border-color: transparent !important;
}
body .springo-gitiho-catalog .sg-tabs a.is-active::after,
body .springo-gitiho-catalog .sg-tabs button.is-active::after,
body .springo-checkout-marketplace .sg-tabs a.is-active::after,
body .springo-checkout-marketplace .sg-tabs button.is-active::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: 4px !important;
  border-radius: 999px 999px 0 0 !important;
  background: linear-gradient(90deg, var(--springo-brand-red), #ff6b8a) !important;
}
body .springo-gitiho-catalog .sg-course-card,
body .springo-checkout-marketplace .sg-course-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
body .springo-gitiho-catalog .sg-course-info,
body .springo-checkout-marketplace .sg-course-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 210px !important;
}
body .springo-gitiho-catalog .sg-course-info h3,
body .springo-checkout-marketplace .sg-course-info h3 { min-height: 52px !important; }
body .springo-gitiho-catalog .sg-course-info h3 a,
body .springo-checkout-marketplace .sg-course-info h3 a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body .springo-gitiho-catalog .sg-price-row,
body .springo-checkout-marketplace .sg-price-row { margin-top: auto !important; min-height: 38px !important; }
body .springo-checkout-marketplace .sg-checkout-pick,
body .springo-gitiho-catalog .sg-checkout-pick {
  width: max-content !important;
  min-width: 190px !important;
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #fff !important;
  box-shadow: 0 12px 25px rgba(37,99,235,.22) !important;
  font-weight: 900 !important;
}
body .springo-payment-option.is-selected,
body .springo-payment-option:has(input:checked) {
  border-color: var(--springo-brand-blue) !important;
  background: #eff6ff !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.10) !important;
}
body .hrspring-menu-springo-lms > a {
  color: #0f172a !important;
  font-weight: 900 !important;
}
body .hrspring-menu-springo-lms .sub-menu a {
  white-space: nowrap !important;
}

/* v4.9.22 - Góc học tập profile: nới layout và giữ UI LMS đẹp trong panel tài khoản */
.sp-profile-panel[data-section="learning"]{padding:0!important}.sp-profile-panel[data-section="learning"]>.sp-head{border:0!important;margin:0 0 16px!important;padding:0!important}.sp-profile-panel[data-section="learning"] .springo-learner-dashboard{max-width:100%!important;width:100%!important;font-size:14px}.sp-profile-panel[data-section="learning"] .sld-hero,.sp-profile-panel[data-section="learning"] .sld-card,.sp-profile-panel[data-section="learning"] .sld-metrics article{box-shadow:0 10px 34px rgba(15,23,42,.06)!important}.sp-profile-panel[data-section="learning"] .sld-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sp-profile-panel[data-section="learning"] .sld-course{grid-template-columns:190px 1fr!important}.sp-main-card:has(.sp-profile-panel[data-section="learning"].active){padding:24px!important;border-radius:18px!important}@media(max-width:900px){.sp-profile-panel[data-section="learning"] .sld-metrics,.sp-profile-panel[data-section="learning"] .sld-course{grid-template-columns:1fr!important}}