/* CPQ Mobile v48 — compact course cards + assessments. Loaded after v45. */

/* Assessments widget in the trainee profile */
.cpq-profile-assessment-widget{
  display:grid;grid-template-columns:58px minmax(0,1fr) auto 22px;align-items:center;gap:14px;
  margin:0 0 20px;padding:17px 18px;border:1px solid #dce6f2;border-radius:17px;
  background:linear-gradient(135deg,#f8fbff 0%,#eef5fc 100%);color:#102e57!important;
  box-shadow:0 8px 24px rgba(15,45,82,.06);text-decoration:none!important
}
.cpq-profile-assessment-widget__icon{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#123f76;color:#fff;font-size:24px}
.cpq-profile-assessment-widget__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.cpq-profile-assessment-widget__text strong{font-size:19px;line-height:1.45;color:#102e57}
.cpq-profile-assessment-widget__text small{font-size:14px;line-height:1.65;color:#66778c}
.cpq-profile-assessment-widget__stats{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:1px 5px;text-align:center}
.cpq-profile-assessment-widget__stats b{font-size:21px;color:#123f76}.cpq-profile-assessment-widget__stats small{font-size:12px;color:#66778c}
.cpq-profile-assessment-widget__arrow{font-size:16px;color:#7690aa}

/* Trainee assessments page */
.cpq-assessment-shell{direction:rtl}.cpq-assessment-heading{padding:24px;border-radius:19px;background:#0e386b;color:#fff;margin-bottom:18px}
.cpq-assessment-kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;opacity:.9}
.cpq-assessment-heading h1{color:#fff;font-size:31px;line-height:1.35;margin:7px 0}.cpq-assessment-heading p{color:#dce9f7;font-size:15px;margin:0}
.cpq-assessment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cpq-assessment-summary>div{padding:16px;border:1px solid #dfe7f0;border-radius:15px;background:#fff;text-align:center;box-shadow:0 6px 20px rgba(15,45,82,.04)}
.cpq-assessment-summary strong{display:block;color:#123f76;font-size:27px;line-height:1.2}.cpq-assessment-summary span{display:block;color:#66778c;font-weight:700;font-size:13px;margin-top:5px}
.cpq-assessment-section{background:#fff;border:1px solid #e0e7ef;border-radius:18px;padding:19px;margin-bottom:18px;box-shadow:0 8px 26px rgba(15,45,82,.04)}
.cpq-assessment-section__title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.cpq-assessment-section__title>div{display:flex;align-items:center;gap:9px}.cpq-assessment-section__title i{color:#1761a7;font-size:20px}
.cpq-assessment-section__title h2{font-size:22px;color:#102e57;margin:0}.cpq-assessment-section__title>span{font-size:13px;font-weight:700;color:#66778c;background:#f0f5fa;border-radius:999px;padding:6px 10px}
.cpq-assessment-list{display:grid;gap:11px}.cpq-assessment-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px;padding:16px;border:1px solid #e3e9f0;border-radius:14px;background:#fbfdff}
.cpq-assessment-card__main{min-width:0}.cpq-assessment-course{display:block;color:#1761a7;font-size:13px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpq-assessment-card h3{font-size:18px;line-height:1.45;color:#142b50;margin:0 0 7px}.cpq-assessment-meta{display:flex;flex-wrap:wrap;gap:10px;color:#76859a;font-size:12.5px}
.cpq-assessment-result{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e1e8f0;padding-right:13px;text-align:center}
.cpq-assessment-result strong{font-size:25px;color:#123f76;line-height:1.15}.cpq-assessment-result strong small{font-size:13px;color:#78889c;margin-right:2px}.cpq-assessment-result span{font-size:12px;font-weight:800;color:#66778c;margin-top:5px}
.cpq-assessment-result span.is-reviewed{color:#138052}.cpq-assessment-result span.is-failed{color:#b42b38}.cpq-assessment-result .is-pending{color:#9a6200}
.cpq-assessment-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#f1f5f9;color:#52657b;font-size:13px}
.cpq-assessment-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 18px;color:#75869b}.cpq-assessment-empty i{font-size:34px;color:#a2b2c4;margin-bottom:10px}.cpq-assessment-empty strong{font-size:17px;color:#42566f}.cpq-assessment-empty span{font-size:13px;margin-top:4px}

/* Keep public course names readable on all cards. */
.courses-card .courses-card-body .courses-text h5,
.cpq-home .cpq-card h3,
.my-course-1-full-body-card h3{overflow-wrap:anywhere;word-break:normal}

@media (max-width: 991px){
  .cpq-assessment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 767.98px){
  /* Home course sections: compact app-like horizontal cards. */
  body.cpq-theme .cpq-home .cpq-course-grid,
  body.cpq-theme .cpq-home .cpq-special-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.cpq-theme .cpq-home .cpq-card{display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;align-items:stretch!important;min-height:196px!important;height:auto!important;border-radius:17px!important;overflow:hidden!important;margin:0!important}
  body.cpq-theme .cpq-home .cpq-card>a:first-child{display:block!important;width:126px!important;height:100%!important;min-height:196px!important;background:#f7f9fc!important}
  body.cpq-theme .cpq-home .cpq-card>a:first-child img,
  body.cpq-theme .cpq-home .cpq-card img{display:block!important;width:100%!important;height:100%!important;min-height:196px!important;max-height:230px!important;object-fit:contain!important;padding:9px!important;background:#f7f9fc!important}
  body.cpq-theme .cpq-home .cpq-card-body{min-width:0!important;padding:14px 14px 13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  body.cpq-theme .cpq-home .cpq-card h3{font-size:18px!important;line-height:1.45!important;margin:0 0 7px!important;text-align:right!important;min-height:0!important}
  body.cpq-theme .cpq-home .cpq-card p{font-size:14px!important;line-height:1.65!important;margin:0 0 9px!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-align:right!important}
  body.cpq-theme .cpq-home .cpq-card-meta{font-size:12.5px!important;gap:6px!important;margin-top:auto!important;flex-wrap:wrap!important}
  body.cpq-theme .cpq-home .cpq-card-action{font-size:14.5px!important;line-height:1.25!important;min-height:42px!important;padding:9px 8px!important;margin-top:10px!important;border-radius:10px!important}

  /* Main courses listing: remove large white space and enlarge text. */
  .grid-view-body .courses-card>.row{row-gap:14px!important}
  .grid-view-body .courses-card>.row>[class*="col-"]{margin-bottom:0!important;padding-left:8px!important;padding-right:8px!important}
  .grid-view-body .courses-card .courses-card-body.eGridCourse,
  .grid-view-body .courses-card .courses-card-body.epopCourse{
    display:grid!important;grid-template-columns:124px minmax(0,1fr)!important;width:100%!important;height:auto!important;min-height:190px!important;border-radius:16px!important;overflow:hidden!important
  }
  .grid-view-body .courses-card .courses-card-body .courses-card-image{width:124px!important;height:100%!important;min-height:190px!important;margin:0!important;border-radius:0!important;background:#f7f9fc!important;overflow:hidden!important}
  .grid-view-body .courses-card .courses-card-body .courses-card-image>img{width:100%!important;height:100%!important;min-height:190px!important;max-height:225px!important;object-fit:contain!important;padding:8px!important;border-radius:0!important;background:#f7f9fc!important}
  .grid-view-body .courses-card .courses-card-body .courses-text{width:auto!important;min-width:0!important;padding:13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .grid-view-body .courses-card .courses-card-body .courses-text h5{font-size:18px!important;line-height:1.45!important;margin:0 0 7px!important;color:#102e57!important}
  .grid-view-body .courses-card .courses-card-body .courses-text>p{font-size:13.5px!important;line-height:1.6!important;margin:0 0 7px!important;min-height:0!important}
  .grid-view-body .courses-card .review-icon,
  .grid-view-body .courses-card .duration-time,
  .grid-view-body .courses-card .courses-price-border{margin-top:4px!important;margin-bottom:0!important;padding-top:4px!important}
  .grid-view-body .courses-card .review-icon p,
  .grid-view-body .courses-card .duration-time p,
  .grid-view-body .courses-card .courses-price p{font-size:12px!important;margin:0!important}
  .grid-view-body .courses-card .courses-price h5{font-size:16px!important;margin:0!important}
  .grid-view-body .courses-card .courses-card-image-text{top:7px!important;right:7px!important}.grid-view-body .courses-card .courses-card-image-text h3{font-size:10px!important;padding:4px 6px!important}
  .grid-view-body .courses-card .courses-icon{top:8px!important;left:8px!important}
  .grid-view-body .courses-card .enrollBtn{font-size:12px!important;padding:7px 8px!important;white-space:nowrap!important}

  /* List view uses the same compact structure. */
  .courses-list-view-card .courses-list-view-card-body{display:grid!important;grid-template-columns:124px minmax(0,1fr)!important;min-height:190px!important;margin-bottom:14px!important}
  .courses-list-view-card .courses-list-view-card-body .courses-card-image{width:124px!important;height:100%!important;min-height:190px!important}
  .courses-list-view-card .courses-list-view-card-body .courses-card-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:8px!important;border-radius:0!important}
  .courses-list-view-card .courses-list-view-card-body .courses-text{width:auto!important;padding:13px!important;min-width:0!important}

  /* My courses: remove desktop-sized gaps. */
  .my-course-1-full-body .row>[class*="col-"]{margin-bottom:14px!important}
  .my-course-1-full-body-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:stretch!important;gap:0!important;padding:0!important;min-height:184px!important;border-radius:16px!important;overflow:hidden!important}
  .my-course-1-full-body-card .my-course-1-img{width:118px!important;height:100%!important;min-height:184px!important;margin:0!important;background:#f7f9fc!important}
  .my-course-1-full-body-card .my-course-1-img img{width:100%!important;height:100%!important;min-height:184px!important;object-fit:contain!important;padding:8px!important}
  .my-course-1-full-body-card .my-course-1-text{min-width:0!important;padding:13px!important}
  .my-course-1-full-body-card .my-course-1-text-heading h3{font-size:18px!important;line-height:1.45!important;margin:0!important}
  .my-course-1-full-body-card .my-course-1-lesson-text{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.my-course-1-full-body-card .my-course-1-lesson-text p{font-size:11.5px!important;margin:0!important}
  .my-course-1-full-body-card .my-course-1-last{display:block!important;margin-top:8px!important}.my-course-1-full-body-card .my-course-1-last .icon-img{display:none!important}.my-course-1-full-body-card .my-course-1-btn{padding:7px 0 0!important;margin:0!important}.my-course-1-full-body-card .my-course-1-btn .btn{font-size:13px!important;width:100%!important}

  /* Assessments mobile */
  .cpq-profile-assessment-widget{grid-template-columns:46px minmax(0,1fr) 20px;padding:13px;gap:10px}
  .cpq-profile-assessment-widget__icon{width:46px;height:46px;border-radius:12px;font-size:20px}.cpq-profile-assessment-widget__text strong{font-size:17px}.cpq-profile-assessment-widget__text small{font-size:12.5px}.cpq-profile-assessment-widget__stats{grid-column:2;display:flex;gap:5px;justify-content:flex-start}.cpq-profile-assessment-widget__stats b{font-size:15px}.cpq-profile-assessment-widget__arrow{grid-column:3;grid-row:1/3}
  .cpq-assessments-page .container{padding-left:12px!important;padding-right:12px!important}.cpq-assessment-heading{padding:18px 16px;border-radius:16px}.cpq-assessment-heading h1{font-size:25px}.cpq-assessment-heading p{font-size:13.5px;line-height:1.7}
  .cpq-assessment-summary{gap:8px}.cpq-assessment-summary>div{padding:12px 7px;border-radius:12px}.cpq-assessment-summary strong{font-size:22px}.cpq-assessment-summary span{font-size:11.5px}
  .cpq-assessment-section{padding:13px;border-radius:15px}.cpq-assessment-section__title h2{font-size:19px}.cpq-assessment-card{grid-template-columns:minmax(0,1fr) 86px;padding:13px;gap:9px}.cpq-assessment-card h3{font-size:16px}.cpq-assessment-result{padding-right:8px}.cpq-assessment-result strong{font-size:21px}
}

@media (max-width: 410px){
  body.cpq-theme .cpq-home .cpq-card{grid-template-columns:108px minmax(0,1fr)!important;min-height:180px!important}
  body.cpq-theme .cpq-home .cpq-card>a:first-child{width:108px!important;min-height:180px!important}
  body.cpq-theme .cpq-home .cpq-card>a:first-child img,body.cpq-theme .cpq-home .cpq-card img{min-height:180px!important}
  body.cpq-theme .cpq-home .cpq-card h3{font-size:16.5px!important}.grid-view-body .courses-card .courses-card-body.eGridCourse,.grid-view-body .courses-card .courses-card-body.epopCourse,.courses-list-view-card .courses-list-view-card-body{grid-template-columns:108px minmax(0,1fr)!important}.grid-view-body .courses-card .courses-card-body .courses-card-image,.courses-list-view-card .courses-list-view-card-body .courses-card-image{width:108px!important}
  .my-course-1-full-body-card{grid-template-columns:104px minmax(0,1fr)!important}.my-course-1-full-body-card .my-course-1-img{width:104px!important}
  .cpq-assessment-card{grid-template-columns:1fr}.cpq-assessment-result{border-right:0;border-top:1px solid #e1e8f0;padding:10px 0 0;flex-direction:row;justify-content:space-between}.cpq-assessment-note{grid-column:1}
}