/* Secure24 Academy 2026 professional learning experience.
   Loaded after the global platform standard so Academy can keep its own learning hierarchy. */

#academyPanel,
.academy-dashboard-shell{
  --ac-blue:#245fc7;
  --ac-blue-soft:#eef4ff;
  --ac-teal:#147d85;
  --ac-teal-soft:#eaf8f7;
  --ac-green:#23835d;
  --ac-green-soft:#edf8f2;
  --ac-purple:#6b55b7;
  --ac-purple-soft:#f3effc;
  --ac-amber:#a66a12;
  --ac-amber-soft:#fff7e7;
  --ac-red:#b5484e;
  --ac-red-soft:#fff0f1;
  --ac-navy:#143f6b;
  --ac-navy-soft:#edf4f9;
  --ac-slate:#63758a;
  --ac-slate-soft:#f3f6f8;
}

.academy-dashboard-shell{
  display:grid;
  gap:14px;
}

#content .academy-command-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:24px 26px!important;
  border:1px solid #d8e2ee!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0f3159 0%,#174f85 62%,#245f96 100%)!important;
  box-shadow:0 12px 28px rgba(18,58,94,.12)!important;
  color:#fff!important;
}

.academy-command-copy{
  min-width:0;
}

.academy-command-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  color:#d9e8f7;
}

.academy-icon,
.academy-summary-icon,
.academy-course-icon,
.academy-path-icon,
.academy-continue-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.academy-command-eyebrow .academy-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}

.academy-icon svg,
.academy-summary-icon svg,
.academy-course-icon svg,
.academy-path-icon svg,
.academy-continue-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#content .academy-command-header h3{
  margin:0!important;
  max-width:760px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

#content .academy-command-header p{
  margin:8px 0 0!important;
  max-width:760px!important;
  color:#dbe7f3!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.academy-overall-progress{
  --academy-progress:0%;
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#fff var(--academy-progress),rgba(255,255,255,.16) 0);
  padding:8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
}

.academy-overall-progress>div{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:#123b68;
  border:1px solid rgba(255,255,255,.16);
  text-align:center;
}

.academy-overall-progress strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
}

.academy-overall-progress span{
  display:block;
  margin-top:5px;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  color:#cbdced;
}

.academy-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

#content .academy-summary-card{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px 14px!important;
  border:1px solid #dfe6ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(20,63,107,.045)!important;
}

.academy-summary-card .academy-summary-icon{
  width:38px;
  height:38px;
  border-radius:10px;
}

.academy-summary-card strong{
  display:block;
  color:#153d66;
  font-size:21px;
  line-height:1.05;
  font-weight:900;
}

.academy-summary-card div>span{
  display:block;
  margin-top:3px;
  color:#61758a;
  font-size:10px;
  line-height:1.25;
  font-weight:750;
}

.academy-summary-card.tone-blue .academy-summary-icon{background:var(--ac-blue-soft);color:var(--ac-blue)}
.academy-summary-card.tone-teal .academy-summary-icon{background:var(--ac-teal-soft);color:var(--ac-teal)}
.academy-summary-card.tone-green .academy-summary-icon{background:var(--ac-green-soft);color:var(--ac-green)}
.academy-summary-card.tone-purple .academy-summary-icon{background:var(--ac-purple-soft);color:var(--ac-purple)}
.academy-summary-card.tone-amber .academy-summary-icon{background:var(--ac-amber-soft);color:var(--ac-amber)}
.academy-summary-card.tone-slate .academy-summary-icon{background:var(--ac-slate-soft);color:var(--ac-slate)}

#content .academy-tabs{
  display:flex!important;
  gap:5px!important;
  margin:0!important;
  padding:5px!important;
  overflow-x:auto!important;
  border:1px solid #dde5ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  scrollbar-width:none;
}
#content .academy-tabs::-webkit-scrollbar{display:none}

#content .academy-tabs button{
  min-height:36px!important;
  flex:0 0 auto!important;
  padding:7px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#5a6f85!important;
  font-size:11px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

#content .academy-tabs button:hover{
  background:#f3f6fa!important;
  color:#163f6a!important;
}

#content .academy-tabs button.active{
  background:#eaf2ff!important;
  color:#1f5cc0!important;
  box-shadow:inset 0 0 0 1px #d3e2fb!important;
}

/* Continue learning */
.academy-learning-overview{
  display:grid;
  gap:14px;
}

#content .academy-continue-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 17px!important;
  border:1px solid #d7e3ef!important;
  border-left:4px solid var(--ac-blue)!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,#f7fbff,#fff)!important;
  box-shadow:0 5px 14px rgba(20,63,107,.05)!important;
}

.academy-continue-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--ac-blue-soft);
  color:var(--ac-blue);
}

.academy-continue-copy>span,
.academy-section-title>div>span,
.academy-paths-head>div>span{
  display:block;
  margin-bottom:4px;
  color:#6e8296;
  font-size:9px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.09em;
}

#content .academy-continue-copy h3{
  margin:0!important;
  font-size:15px!important;
}

#content .academy-continue-copy p{
  margin:3px 0 7px!important;
  color:#64788d!important;
  font-size:11px!important;
}

.academy-continue-progress{
  max-width:420px;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e3eaf2;
}

.academy-continue-progress i,
.academy-course-progress i,
.academy-path-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2d6fd2,#2e8d73);
}

.academy-continue-copy small{
  display:block;
  margin-top:5px;
  color:#718396;
  font-size:10px;
}

#content .academy-continue-card>button{
  min-height:38px!important;
  padding:8px 13px!important;
  background:#185bab!important;
  border-color:#185bab!important;
  color:#fff!important;
}

#content .academy-section-title{
  margin:3px 0 0!important;
  align-items:start!important;
}

#content .academy-section-title h3{
  margin:0!important;
  font-size:17px!important;
}

#content .academy-section-title p{
  margin:4px 0 0!important;
  color:#718396!important;
  font-size:11px!important;
}

.academy-learning-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

#content .academy-course-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-height:0!important;
  padding:15px!important;
  border:1px solid #dfe6ee!important;
  border-left:3px solid #8fa3b8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(20,63,107,.04)!important;
}

#content .academy-course-card.tone-info{border-left-color:var(--ac-blue)!important}
#content .academy-course-card.tone-success{border-left-color:var(--ac-green)!important}
#content .academy-course-card.tone-warning{border-left-color:var(--ac-amber)!important}
#content .academy-course-card.tone-danger{border-left-color:var(--ac-red)!important}

.academy-course-card-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}

.academy-course-icon{
  width:36px;
  height:36px;
  border-radius:9px;
  background:#eff4f9;
  color:#245f96;
}

.academy-course-card-head>div>span{
  display:block;
  margin-bottom:3px;
  color:#718499;
  font-size:9px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}

#content .academy-course-card h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.3!important;
}

#content .academy-course-card>p{
  margin:0!important;
  min-height:38px;
  color:#64788c!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.academy-status-chip{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:4px 7px;
  border-radius:999px;
  font-size:9px!important;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
}

.academy-status-chip.success{background:var(--ac-green-soft);color:var(--ac-green)}
.academy-status-chip.info{background:var(--ac-blue-soft);color:var(--ac-blue)}
.academy-status-chip.warning{background:var(--ac-amber-soft);color:var(--ac-amber)}
.academy-status-chip.danger{background:var(--ac-red-soft);color:var(--ac-red)}
.academy-status-chip.neutral{background:var(--ac-slate-soft);color:var(--ac-slate)}

.academy-course-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.academy-course-meta span{
  padding:4px 7px;
  border-radius:6px;
  background:#f4f7fa;
  color:#66798d;
  font-size:9px;
  font-weight:700;
}

.academy-course-progress{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}

.academy-course-progress>div{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e5ebf1;
}

.academy-course-progress small{
  color:#6d8094;
  font-size:9px;
  font-weight:750;
}

.academy-course-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid #edf1f5;
}

.academy-course-card-foot>small{
  color:#718397!important;
  font-size:9px!important;
}

#content .academy-course-card-foot>button{
  min-height:34px!important;
  padding:6px 10px!important;
  background:#fff!important;
  border:1px solid #cddaea!important;
  color:#1a568f!important;
  font-size:10px!important;
}

/* Learning paths */
#content .academy-paths-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:2px 0 12px!important;
  padding:0 2px!important;
}

#content .academy-paths-head h3{
  margin:0!important;
  font-size:18px!important;
}

#content .academy-paths-head p{
  margin:5px 0 0!important;
  max-width:760px!important;
  color:#708397!important;
  font-size:11px!important;
}

.academy-paths-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}

.academy-paths-legend span{
  padding:5px 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
}
.academy-paths-legend .success{background:var(--ac-green-soft);color:var(--ac-green)}
.academy-paths-legend .info{background:var(--ac-blue-soft);color:var(--ac-blue)}
.academy-paths-legend .warning{background:var(--ac-amber-soft);color:var(--ac-amber)}

.academy-path-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}

#content .academy-path-card{
  --tone:var(--ac-blue);
  --tone-soft:var(--ac-blue-soft);
  display:block!important;
  overflow:hidden!important;
  border:1px solid #dfe6ee!important;
  border-top:3px solid var(--tone)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(20,63,107,.045)!important;
}

#content .academy-path-card.tone-teal{--tone:var(--ac-teal);--tone-soft:var(--ac-teal-soft)}
#content .academy-path-card.tone-purple{--tone:var(--ac-purple);--tone-soft:var(--ac-purple-soft)}
#content .academy-path-card.tone-amber{--tone:var(--ac-amber);--tone-soft:var(--ac-amber-soft)}
#content .academy-path-card.tone-green{--tone:var(--ac-green);--tone-soft:var(--ac-green-soft)}
#content .academy-path-card.tone-navy{--tone:var(--ac-navy);--tone-soft:var(--ac-navy-soft)}

#content .academy-path-card>summary{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  padding:15px!important;
  cursor:pointer!important;
  background:#fff!important;
}

#content .academy-path-card>summary::-webkit-details-marker{display:none}

.academy-path-icon{
  width:42px;
  height:42px;
  border-radius:11px;
  background:var(--tone-soft);
  color:var(--tone);
}

.academy-path-summary{
  min-width:0;
}

.academy-path-summary>span{
  display:block;
  margin-bottom:3px;
  color:var(--tone);
  font-size:9px;
  font-weight:850;
  letter-spacing:.07em;
}

#content .academy-path-summary h3{
  margin:0!important;
  font-size:14px!important;
}

#content .academy-path-summary p{
  margin:3px 0 7px!important;
  color:#687c91!important;
  font-size:10px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.academy-path-progress{
  width:min(310px,100%);
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e4eaf0;
}

.academy-path-progress i{
  background:var(--tone);
}

.academy-path-summary small{
  display:block;
  margin-top:5px;
  color:#718397;
  font-size:9px;
  font-weight:700;
}

.academy-path-toggle{
  min-width:82px;
  color:var(--tone);
  font-size:10px;
  font-weight:800;
  text-align:right;
}

.academy-path-toggle::after{
  content:'  ›';
  font-size:15px;
}

.academy-path-card[open] .academy-path-toggle::after{
  content:'  ⌄';
}

.academy-path-body{
  padding:0 15px 15px;
  border-top:1px solid #edf1f5;
  background:#fbfcfe;
}

#content .academy-path-body>p{
  margin:11px 0!important;
  color:#64788c!important;
  font-size:10px!important;
  line-height:1.5!important;
}

.academy-path-courses{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
}

.academy-path-course-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid #e2e8ef;
  border-radius:9px;
  background:#fff;
}

.academy-course-number{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:7px;
  background:var(--tone-soft);
  color:var(--tone);
  font-size:9px;
  font-weight:900;
}

.academy-path-course-row b{
  display:block;
  color:#1d405f;
  font-size:10px;
  line-height:1.3;
}

.academy-path-course-row small{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:3px;
  color:#718397;
  font-size:9px;
}

#content .academy-path-course-row>button{
  min-height:32px!important;
  padding:5px 9px!important;
  border:1px solid #d3deea!important;
  background:#fff!important;
  color:var(--tone)!important;
  font-size:9px!important;
}

/* Catalogue/certificate refinements */
.academy-catalogue{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}
#content .academy-catalogue-card{
  min-height:230px!important;
  padding:15px!important;
  border-top:3px solid #2b6bb6!important;
}
#content .academy-catalogue-card h3{
  font-size:14px!important;
}
#content .academy-catalogue-card p{
  font-size:10px!important;
  line-height:1.5!important;
}
#content .academy-catalogue-card small{
  font-size:9px!important;
}
#content .academy-cert-card{
  padding:15px!important;
  border-top:3px solid var(--ac-green)!important;
}

/* Existing management screen stays business-like but tighter */
.academy-admin-kpis{
  gap:8px!important;
}
#content .academy-admin-kpis .card{
  min-height:78px!important;
  padding:12px!important;
}

@media(max-width:1180px){
  .academy-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .academy-summary-card:last-child{grid-column:auto}
  .academy-learning-grid{grid-template-columns:1fr}
  .academy-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:820px){
  #content .academy-command-header{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }
  .academy-overall-progress{
    width:96px;
    height:96px;
  }
  .academy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .academy-continue-card{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  #content .academy-continue-card>button{
    grid-column:1/-1;
    width:100%;
  }
  .academy-path-grid{grid-template-columns:1fr!important}
  #content .academy-paths-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .academy-paths-legend{justify-content:flex-start}
}

@media(max-width:560px){
  #content .academy-command-header{
    gap:15px!important;
    border-radius:12px!important;
  }
  #content .academy-command-header h3{
    font-size:20px!important;
  }
  .academy-overall-progress{
    width:88px;
    height:88px;
  }
  .academy-summary-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  #content .academy-summary-card{
    min-height:72px!important;
    padding:10px!important;
  }
  .academy-summary-card .academy-summary-icon{
    width:33px;
    height:33px;
  }
  .academy-summary-card strong{
    font-size:18px;
  }
  #content .academy-tabs button{
    min-height:38px!important;
    padding:7px 10px!important;
  }
  #content .academy-continue-card{
    grid-template-columns:1fr!important;
  }
  .academy-continue-icon{width:40px;height:40px}
  #content .academy-course-card{
    padding:12px!important;
  }
  .academy-course-card-head{
    grid-template-columns:auto minmax(0,1fr);
  }
  .academy-course-card-head>.academy-status-chip{
    grid-column:2;
  }
  .academy-course-card-foot{
    align-items:flex-start;
    flex-direction:column;
  }
  #content .academy-course-card-foot>button{
    width:100%;
  }
  #content .academy-path-card>summary{
    grid-template-columns:auto minmax(0,1fr)!important;
    padding:12px!important;
  }
  .academy-path-toggle{
    grid-column:2;
    min-width:0;
    text-align:left;
  }
  .academy-path-course-row{
    grid-template-columns:auto minmax(0,1fr);
  }
  #content .academy-path-course-row>button{
    grid-column:1/-1;
    width:100%;
  }
  .academy-catalogue{grid-template-columns:1fr!important}
}


/* Learning insights and assessment queue */
.academy-learning-insights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:2px;
}

#content .academy-insight{
  --tone:var(--ac-slate);
  --tone-soft:var(--ac-slate-soft);
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:78px!important;
  padding:12px!important;
  border:1px solid #dfe6ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#content .academy-insight.tone-blue{--tone:var(--ac-blue);--tone-soft:var(--ac-blue-soft)}
#content .academy-insight.tone-green{--tone:var(--ac-green);--tone-soft:var(--ac-green-soft)}
#content .academy-insight.tone-amber{--tone:var(--ac-amber);--tone-soft:var(--ac-amber-soft)}
#content .academy-insight.tone-red{--tone:var(--ac-red);--tone-soft:var(--ac-red-soft)}

.academy-insight-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:9px;
  background:var(--tone-soft);
  color:var(--tone);
}
.academy-insight-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.academy-insight small{
  display:block;
  color:#718397!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.07em;
}
.academy-insight strong{
  display:block;
  margin-top:2px;
  color:#1b4265;
  font-size:11px;
  line-height:1.3;
}
.academy-insight div>span{
  display:block;
  margin-top:2px;
  color:#718397;
  font-size:9px;
}

.academy-assessment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#content .academy-assessment-card{
  --tone:var(--ac-amber);
  --tone-soft:var(--ac-amber-soft);
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-height:112px!important;
  padding:14px!important;
  border:1px solid #dfe6ee!important;
  border-left:3px solid var(--tone)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(20,63,107,.04)!important;
}
#content .academy-assessment-card.tone-purple{--tone:var(--ac-purple);--tone-soft:var(--ac-purple-soft)}
.academy-assessment-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--tone-soft);
  color:var(--tone);
}
.academy-assessment-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.academy-assessment-card>div>span{
  display:block;
  color:#718397;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#content .academy-assessment-card h3{
  margin:3px 0!important;
  font-size:13px!important;
}
#content .academy-assessment-card p{
  margin:0!important;
  color:#64788c!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#content .academy-assessment-card small{
  display:block;
  margin-top:5px;
  color:#718397!important;
  font-size:9px!important;
}
#content .academy-assessment-card>button{
  min-height:35px!important;
  padding:6px 10px!important;
  background:#fff!important;
  border:1px solid #d3deea!important;
  color:var(--tone)!important;
  font-size:9px!important;
}

@media(max-width:820px){
  .academy-learning-insights{grid-template-columns:1fr}
  .academy-assessment-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  #content .academy-assessment-card{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  #content .academy-assessment-card>button{
    grid-column:1/-1;
    width:100%;
  }
}