/* PHASE 8B — 7G final notes + 8A polish */

/* Unified KPI cards: Admin, Reports, LiveControl */
.tl-stat,.tl-control-stat{
  position:relative!important;
  min-height:132px!important;
  height:100%!important;
  padding:1.2rem 1.35rem!important;
  border:1px solid var(--tl-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  box-shadow:0 8px 28px rgba(15,95,74,.055)!important
}
.tl-stat .value,.tl-control-stat .value{
  position:relative!important;
  z-index:2!important;
  max-width:calc(100% - 44px)!important;
  font-size:clamp(1.65rem,2.7vw,2.25rem)!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:var(--tl-green)!important;
  overflow-wrap:anywhere
}
.tl-stat .label,.tl-control-stat .label{
  position:relative!important;
  z-index:2!important;
  margin-top:.55rem!important;
  padding:0!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  font-weight:700!important;
  color:var(--tl-muted)!important
}
.tl-stat .icon,.tl-control-stat .icon{
  position:absolute!important;
  top:1rem!important;
  left:1rem!important;
  right:auto!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#eef7f3!important;
  color:var(--tl-green)!important;
  font-size:.88rem!important;
  font-weight:900!important;
  opacity:.9!important
}

/* OTP */
.tl8b-otp-phone{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.9rem 1rem;border:1px solid var(--tl-border);border-radius:16px;background:#f7faf8
}
.tl8b-otp-phone small,.tl8b-otp-phone strong{display:block}
.tl8b-otp-phone small{color:var(--tl-muted);font-size:.72rem}
.tl8b-otp-phone strong{color:var(--tl-green);margin-top:.1rem}
.tl8b-otp-code{letter-spacing:.35em;font-weight:800}

/* Student dashboard */
.tl8b-student-dashboard-pair>[class*="col-"]{display:flex}
.tl8b-student-dashboard-pair .tl-card{width:100%}

/* Teacher subjects */
.tl8b-material-link{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.8rem .9rem;border:1px solid var(--tl-border);border-radius:14px;
  text-decoration:none;color:var(--tl-green);background:#fff
}
.tl8b-material-link:hover{background:#f7faf8}
.tl8b-material-link strong,.tl8b-material-link small{display:block}
.tl8b-material-link small{color:var(--tl-muted);font-size:.72rem;margin-top:.1rem}

/* System Health */
.tl8b-health-card{
  height:100%;min-height:130px;padding:1.1rem;border-radius:18px;
  border:1px solid var(--tl-border);background:#fff;display:flex;flex-direction:column;justify-content:center
}
.tl8b-health-card span{font-size:.75rem;color:var(--tl-muted);font-weight:700}
.tl8b-health-card strong{font-size:1.45rem;margin:.2rem 0;color:var(--tl-green)}
.tl8b-health-card small{font-size:.7rem;color:var(--tl-muted);overflow-wrap:anywhere}
.tl8b-health-card.ok{border-inline-start:4px solid #198754}
.tl8b-health-card.warn{border-inline-start:4px solid #d39e00}
.tl8b-health-card.bad{border-inline-start:4px solid #dc3545}
.tl8b-health-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--tl-border)}
.tl8b-health-row:last-child{border-bottom:0}
.tl8b-health-row span{color:var(--tl-muted)}
.tl8b-error-message{max-width:520px;white-space:normal;overflow-wrap:anywhere}

/* Portal header logout remains usable */
.tl-portal-nav form{flex:0 0 auto}
@media(max-width:767px){
  .tl-stat,.tl-control-stat{min-height:112px!important;padding:1rem!important}
  .tl-stat .icon,.tl-control-stat .icon{width:32px!important;height:32px!important}
  .tl-portal-nav .container-xl{gap:.5rem!important}
  .tl-portal-nav nav{overflow-x:auto;flex-wrap:nowrap;max-width:48vw}
  .tl-portal-nav .nav-link{white-space:nowrap}
}