/* L2 Teacher Dashboard v4.4.0 - Soft Colorful Wizard UI
 * Scope: dashboard chrome/components only. Calendar internals intentionally untouched.
 */
.l2-td:not(.l2-calendar-area){
  --ui-blue:#2f6fed;
  --ui-blue-dark:#1f56c7;
  --ui-blue-soft:#eaf2ff;
  --ui-red:#e45763;
  --ui-red-soft:#fff0f2;
  --ui-green:#35a86b;
  --ui-green-soft:#ebfaf2;
  --ui-yellow:#e2a62c;
  --ui-yellow-soft:#fff7df;
  --ui-ink:#172033;
  --ui-text:#44506a;
  --ui-muted:#7e8aa1;
  --ui-border:#e6ebf3;
  --ui-bg:#f6f8fc;
  --ui-card:#ffffff;
  --ui-shadow:0 12px 34px rgba(32,52,89,.07);
  --ui-shadow-sm:0 7px 20px rgba(32,52,89,.06);
  background:linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%) !important;
  color:var(--ui-text) !important;
}

/* overall shell */
.l2-td > .l2-td-shell{gap:20px !important;align-items:start !important}
.l2-td .l2-td-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:28px !important;
  padding:18px !important;
  box-shadow:var(--ui-shadow) !important;
}
.l2-td .l2-td-brand{
  padding:6px 4px 18px !important;
  margin-bottom:14px !important;
  border-bottom:1px solid #eef2f7 !important;
}
.l2-td .l2-td-brand span{
  width:52px !important;height:52px !important;border-radius:17px !important;
  background:linear-gradient(135deg,var(--ui-blue),#6e9cff) !important;
  box-shadow:0 10px 22px rgba(47,111,237,.22) !important;
}
.l2-td .l2-td-brand strong{color:var(--ui-ink) !important;font-size:18px !important;font-weight:900 !important}

/* navigation */
.l2-td .l2-td-nav{gap:7px !important}
.l2-td .l2-td-nav-item{
  position:relative !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#66738a !important;
  border-radius:15px !important;
  padding:13px 15px !important;
  font-weight:800 !important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease !important;
}
.l2-td .l2-td-nav-item:hover{
  background:#f1f6ff !important;color:var(--ui-blue) !important;transform:translateX(-2px) !important;
}
.l2-td .l2-td-nav-item.is-active{
  background:linear-gradient(135deg,var(--ui-blue),#5c8cf4) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(47,111,237,.19) !important;
}
.l2-td .l2-td-nav-item.is-active:before{
  content:"" !important;position:absolute !important;right:7px !important;top:12px !important;bottom:12px !important;width:3px !important;
  border-radius:999px !important;background:#fff !important;opacity:.75 !important;
}
.l2-td .l2-td-nav-item.l2-td-logout{
  margin-top:10px !important;border-top:1px solid #eef2f7 !important;border-radius:14px !important;color:#c95d68 !important;
}

/* top header */
.l2-td .l2-td-topbar{
  padding:20px 22px !important;margin-bottom:20px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:26px !important;
  box-shadow:var(--ui-shadow-sm) !important;
}
.l2-td .l2-td-topbar h1{color:var(--ui-ink) !important;font-size:26px !important;font-weight:900 !important}
.l2-td .l2-td-topbar span,.l2-td .l2-td-page-head>span{color:var(--ui-blue) !important;font-weight:900 !important}
.l2-td .l2-td-notify{
  min-width:46px !important;height:46px !important;padding:0 14px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:1px solid #dfe7f4 !important;background:#fff !important;color:var(--ui-blue) !important;
  border-radius:15px !important;box-shadow:0 5px 14px rgba(32,52,89,.05) !important;
}
.l2-td .l2-td-notify:hover{background:var(--ui-blue-soft) !important;border-color:#cbdcfb !important}

/* page headers */
.l2-td .l2-td-page-head{margin-bottom:20px !important}
.l2-td .l2-td-page-head h2{margin:3px 0 5px !important;color:var(--ui-ink) !important;font-size:27px !important;font-weight:900 !important}
.l2-td .l2-td-page-head p{color:var(--ui-muted) !important}

/* cards */
.l2-td .l2-td-card,
.l2-td .l2-td-stats>div,
.l2-td .l2-td-wallet-grid>div,
.l2-td .l2-td-student-card,
.l2-td .l2-td-class-item,
.l2-td .l2-td-message-item,
.l2-td .l2-td-notification,
.l2-td .l2-td-ledger>div,
.l2-td .l2-td-content-list article,
.l2-td .l2-td-profile-edit-card,
.l2-td .l2-td-profile-panel{
  background:var(--ui-card) !important;
  border:1px solid var(--ui-border) !important;
  box-shadow:var(--ui-shadow-sm) !important;
  border-radius:24px !important;
}
.l2-td .l2-td-card{padding:22px !important;margin-bottom:18px !important}
.l2-td .l2-td-card-head h3{color:var(--ui-ink) !important;font-weight:900 !important}
.l2-td .l2-td-card-head span{color:var(--ui-muted) !important}

/* stats */
.l2-td .l2-td-stats{gap:14px !important;margin-bottom:18px !important}
.l2-td .l2-td-stats>div{
  position:relative !important;overflow:hidden !important;padding:20px !important;
}
.l2-td .l2-td-stats>div:before{
  content:"" !important;position:absolute !important;right:0 !important;left:0 !important;top:0 !important;height:5px !important;
  background:linear-gradient(90deg,var(--ui-blue),#7fa8ff) !important;
}
.l2-td .l2-td-stats>div:nth-child(2):before{background:linear-gradient(90deg,var(--ui-green),#79d49f) !important}
.l2-td .l2-td-stats>div:nth-child(3):before{background:linear-gradient(90deg,var(--ui-yellow),#f2ca7b) !important}
.l2-td .l2-td-stats>div:nth-child(4):before{background:linear-gradient(90deg,var(--ui-red),#f1939b) !important}
.l2-td .l2-td-stats span,.l2-td .l2-td-wallet-grid span{color:var(--ui-muted) !important;font-weight:700 !important}
.l2-td .l2-td-stats b,.l2-td .l2-td-wallet-grid strong{color:var(--ui-ink) !important;font-weight:900 !important}

/* score / progress */
.l2-td .l2-td-score strong,.l2-td .l2-td-score-row strong{color:var(--ui-blue) !important}
.l2-td .l2-td-progress{height:10px !important;background:#edf1f7 !important;border-radius:999px !important}
.l2-td .l2-td-progress span{background:linear-gradient(90deg,var(--ui-blue),#79a2ff) !important}

/* buttons */
.l2-td .l2-td-primary,
.l2-td .l2-td-submit,
.l2-td button[data-save],
.l2-td .l2-td-content-actions button:first-child{
  border:0 !important;
  background:linear-gradient(135deg,var(--ui-blue),#5e8ef5) !important;
  color:#fff !important;
  border-radius:15px !important;
  min-height:48px !important;
  padding:0 18px !important;
  font-weight:900 !important;
  box-shadow:0 9px 18px rgba(47,111,237,.17) !important;
}
.l2-td .l2-td-primary:hover,
.l2-td .l2-td-submit:hover,
.l2-td button[data-save]:hover{background:linear-gradient(135deg,var(--ui-blue-dark),#4f7fe4) !important;transform:translateY(-1px) !important}
.l2-td .l2-td-secondary,
.l2-td .l2-td-quick button,
.l2-td .l2-td-content-actions button:not(:first-child){
  border:1px solid #dfe6f1 !important;
  background:#fff !important;
  color:var(--ui-text) !important;
  border-radius:15px !important;
  min-height:48px !important;
  font-weight:800 !important;
}
.l2-td .l2-td-secondary:hover,
.l2-td .l2-td-quick button:hover,
.l2-td .l2-td-content-actions button:not(:first-child):hover{background:#f6f9ff !important;border-color:#c9d9f6 !important;color:var(--ui-blue) !important}

/* segmented tabs */
.l2-td .l2-td-section-tabs,
.l2-td .l2-td-profile-section-tabs,
.l2-td .l2-td-class-tabs{
  gap:6px !important;background:#eef3fb !important;border:1px solid #e0e7f2 !important;border-radius:18px !important;padding:6px !important;box-shadow:none !important;
}
.l2-td .l2-td-section-tab,
.l2-td .l2-td-class-tab{
  border:0 !important;border-radius:13px !important;background:transparent !important;color:#67738a !important;font-weight:900 !important;
  padding:12px 14px !important;
}
.l2-td .l2-td-section-tab:hover,.l2-td .l2-td-class-tab:hover{background:#f8fbff !important;color:var(--ui-blue) !important}
.l2-td .l2-td-section-tab.is-active,.l2-td .l2-td-class-tab.is-active{
  background:#fff !important;color:var(--ui-blue) !important;box-shadow:0 7px 16px rgba(32,52,89,.08) !important;
}

/* forms */
.l2-td .l2-td-form-grid{gap:16px !important}
.l2-td .l2-td-form label{color:var(--ui-ink) !important;font-weight:800 !important}
.l2-td .l2-td-form input,
.l2-td .l2-td-form select,
.l2-td .l2-td-form textarea,
.l2-td .l2-td-toolbar select,
.l2-td .l2-td-sidebar-price-field input,
.l2-td .l2-td-price-input,
.l2-td [data-price-fields] input{
  width:100% !important;
  min-height:54px !important;
  border:1px solid #dce4ef !important;
  background:#fbfdff !important;
  color:var(--ui-ink) !important;
  border-radius:16px !important;
  padding:0 15px !important;
  box-shadow:inset 0 1px 2px rgba(32,52,89,.02) !important;
  outline:none !important;
  font-weight:700 !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
.l2-td .l2-td-form textarea{padding:13px 15px !important;min-height:125px !important;line-height:1.9 !important}
.l2-td .l2-td-form input:focus,
.l2-td .l2-td-form select:focus,
.l2-td .l2-td-form textarea:focus,
.l2-td .l2-td-toolbar select:focus,
.l2-td .l2-td-price-input:focus,
.l2-td [data-price-fields] input:focus{
  border-color:#8fb2f4 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(47,111,237,.10) !important;
}
.l2-td .l2-td-form-actions{gap:10px !important;margin-top:18px !important}

/* checkboxes / choices */
.l2-td .l2-td-check-section{
  background:linear-gradient(180deg,#fbfdff,#f6f9fd) !important;border:1px solid var(--ui-border) !important;border-radius:20px !important;padding:18px !important;
}
.l2-td .l2-td-check-title{color:var(--ui-ink) !important;font-weight:900 !important}
.l2-td .l2-td-check-grid label{
  border:1px solid #e0e7f0 !important;background:#fff !important;border-radius:15px !important;padding:12px 13px !important;color:var(--ui-text) !important;font-weight:800 !important;
  transition:.18s ease !important;
}
.l2-td .l2-td-check-grid label:hover{background:#f5f9ff !important;border-color:#cbdcf8 !important}
.l2-td .l2-td-check-grid input{accent-color:var(--ui-blue) !important}

/* student / class / status cards */
.l2-td .l2-td-student-grid,.l2-td .l2-td-student-grid-rich,.l2-td .l2-td-class-list,.l2-td .l2-td-message-list{gap:14px !important}
.l2-td .l2-td-student-language{background:var(--ui-blue-soft) !important;color:var(--ui-blue) !important;border-radius:999px !important;font-weight:900 !important}
.l2-td .l2-td-status{border-radius:999px !important;padding:6px 10px !important;font-weight:900 !important}
.l2-td .l2-td-status-scheduled{background:var(--ui-blue-soft) !important;color:var(--ui-blue) !important}
.l2-td .l2-td-status-completed{background:var(--ui-green-soft) !important;color:#278553 !important}
.l2-td .l2-td-status-cancelled{background:var(--ui-red-soft) !important;color:#c65360 !important}
.l2-td .l2-td-status-pending,.l2-td .l2-td-status-attendance_pending{background:var(--ui-yellow-soft) !important;color:#a87818 !important}

/* pricing */
.l2-td .l2-td-pricing-section,.l2-td .l2-td-pricing-box{
  background:linear-gradient(180deg,#fff,#fbfdff) !important;border:1px solid var(--ui-border) !important;border-radius:24px !important;box-shadow:var(--ui-shadow-sm) !important;
}
.l2-td .l2-td-pricing-badge{background:var(--ui-blue-soft) !important;color:var(--ui-blue) !important;border-radius:999px !important;font-weight:900 !important}

/* empty states */
.l2-td .l2-td-empty,
.l2-td .l2-td-specialty-empty{
  background:linear-gradient(180deg,#fbfdff,#f5f8fc) !important;border:1px dashed #d6e0ed !important;border-radius:20px !important;color:var(--ui-muted) !important;
}

/* upload areas */
.l2-td .l2-td-upload-field{background:linear-gradient(180deg,#f8fbff,#f1f7ff) !important;border:1px dashed #b9cdef !important;border-radius:20px !important}

/* profile hero */
.l2-td .l2-td-profile-hero,.l2-td .l2-td-profile-edit-hero{padding:6px 0 !important}
.l2-td .l2-td-avatar,.l2-td .l2-td-profile-avatar-large{
  background:linear-gradient(135deg,#eaf2ff,#edfafa) !important;color:var(--ui-blue) !important;border:1px solid #d8e5f7 !important;border-radius:20px !important;
}

/* wallet */
.l2-td .l2-td-wallet-main{background:linear-gradient(135deg,#eff5ff,#eefaf5) !important;border-color:#dbe8e7 !important}

/* trait/age tiles */
.l2-td .l2-td-teacher-traits-section,.l2-td .l2-td-teacher-identity-card,.l2-td .l2-td-availability-card{
  border-radius:24px !important;border:1px solid var(--ui-border) !important;background:#fff !important;box-shadow:var(--ui-shadow-sm) !important;
}

/* login/blocked */
.l2-td .l2-td-login,.l2-td .l2-td-access-denied{border-radius:26px !important;box-shadow:var(--ui-shadow) !important}

/* responsiveness */
@media(max-width:900px){
  .l2-td{padding:16px !important}
  .l2-td>.l2-td-shell{grid-template-columns:1fr !important}
  .l2-td .l2-td-sidebar{position:static !important}
  .l2-td .l2-td-nav{display:grid !important;grid-template-columns:1fr 1fr !important}
  .l2-td .l2-td-stats{grid-template-columns:1fr 1fr !important}
  .l2-td .l2-td-grid-2{grid-template-columns:1fr !important}
}
@media(max-width:600px){
  .l2-td{padding:10px !important}
  .l2-td .l2-td-topbar{padding:17px !important;flex-direction:column !important;align-items:stretch !important;border-radius:22px !important}
  .l2-td .l2-td-nav{grid-template-columns:1fr !important}
  .l2-td .l2-td-stats,.l2-td .l2-td-wallet-grid,.l2-td .l2-td-form-grid{grid-template-columns:1fr !important}
  .l2-td .l2-td-page-head h2{font-size:22px !important}
  .l2-td .l2-td-card{padding:17px !important;border-radius:19px !important}
  .l2-td .l2-td-section-tabs{grid-template-columns:1fr !important}
}

/* v4.5.4 — Teacher information card cleanup */
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  grid-template-areas:
    "avatar head"
    "avatar info";
  column-gap:20px!important;
  row-gap:16px!important;
  align-items:center!important;
  padding:24px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,#fff9fa 100%)!important;
  border:1px solid #dfe7f2!important;
  box-shadow:0 14px 36px rgba(30,59,105,.07)!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-profile{
  grid-area:avatar!important;
  width:96px!important;
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar{
  width:96px!important;
  height:96px!important;
  flex:0 0 96px!important;
  padding:3px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#2f6fed,#7ca5ff 58%,#e45763)!important;
  box-shadow:0 12px 24px rgba(47,111,237,.18)!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:21px!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head{
  grid-area:head!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head>div{
  min-width:0!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head h3{
  margin:0 0 5px!important;
  color:#172033!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head span{
  display:block!important;
  color:#7b879b!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head .l2-td-secondary{
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:0 15px!important;
  border-radius:14px!important;
  background:#edf4ff!important;
  border:1px solid #cdddf8!important;
  color:#2457a6!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid{
  grid-area:info!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
  min-width:0!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div{
  min-width:0!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:14px 15px!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(16,24,40,.035)!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div:nth-child(1){border-inline-start:4px solid #2f6fed!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div:nth-child(2){border-inline-start:4px solid #35a86b!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div:nth-child(3){border-inline-start:4px solid #e2a62c!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid span{
  margin:0 0 6px!important;
  color:#8390a5!important;
  font-size:11px!important;
  font-weight:800!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid strong{
  margin:0!important;
  color:#172033!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card{
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar head"
      "info info";
    column-gap:14px!important;
    padding:18px!important;
  }
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-profile,
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar{
    width:76px!important;height:76px!important;flex-basis:76px!important;
  }
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar img{border-radius:18px!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head .l2-td-secondary{min-height:40px!important;padding:0 12px!important;font-size:11px!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid{grid-template-columns:1fr 1fr!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div:nth-child(3){grid-column:1/-1}
}
@media(max-width:460px){
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card{grid-template-columns:1fr!important;grid-template-areas:"avatar" "head" "info";text-align:center}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-profile{margin-inline:auto}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head{flex-direction:column;justify-content:center}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid{grid-template-columns:1fr!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid>div:nth-child(3){grid-column:auto}
}


/* =========================================================
   TEACHER INFO CARD - MODERN SOFT DESIGN
   ========================================================= */
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card{
  position:relative!important;display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;grid-template-areas:"avatar head" "avatar info"!important;
  gap:18px 22px!important;padding:24px!important;border:1px solid #dfe7f2!important;border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 56%,#fffaf3 100%)!important;
  box-shadow:0 14px 36px rgba(29,58,101,.09)!important;overflow:hidden!important;
}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card::after{content:"";position:absolute;inset:auto -30px -52px auto;width:180px;height:180px;border-radius:50%;background:rgba(47,111,237,.07);pointer-events:none}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-profile{grid-area:avatar!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;margin:0!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar{width:108px!important;height:108px!important;border:4px solid #fff!important;border-radius:28px!important;background:linear-gradient(135deg,#eaf2ff,#fff1f3)!important;box-shadow:0 10px 24px rgba(36,87,166,.16)!important;padding:0!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:24px!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head{grid-area:head!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head h3{margin:0!important;font-size:22px!important;font-weight:900!important;color:#172033!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head .l2-td-secondary{min-height:42px!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background:#eef4ff!important;color:#2457a6!important;font-weight:800!important;box-shadow:none!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head .l2-td-secondary:hover{background:#2457a6!important;color:#fff!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid{grid-area:info!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip{min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:16px 18px!important;border:1px solid #e0e7ef!important;border-radius:18px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip::before{content:"";position:absolute;inset:0 auto 0 0;width:4px}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-teacher{background:#f3f7ff!important}.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-teacher::before{background:#2457a6!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-score{background:#f2fbf6!important}.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-score::before{background:#169b5b!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-wallet{background:#fff9ee!important}.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-wallet::before{background:#d8a900!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip strong{margin:0!important;color:#182230!important;font-size:16px!important;font-weight:900!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important;min-width:0!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-score strong{color:#16803c!important}.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip-wallet strong{color:#8a6900!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip strong small{display:inline!important;font-size:11px!important;font-weight:800!important;margin-right:5px!important;color:inherit!important}
.l2-td-page[data-page-content="overview"] .l2-td-teacher-info-chip em{margin-top:4px!important;color:#7b8493!important;font-size:10px!important;font-style:normal!important;font-weight:700!important}
@media(max-width:760px){
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card{grid-template-columns:1fr!important;grid-template-areas:"avatar" "head" "info"!important;text-align:center!important;padding:20px!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-profile{justify-content:center!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-grid{grid-template-columns:1fr!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head{flex-direction:column!important}
  .l2-td-page[data-page-content="overview"] .l2-td-teacher-identity-card>.l2-td-card-head .l2-td-secondary{width:100%!important}
}