/* =========================================================
   BEC — د والدينو برخې سټایل (نورو برخو ته لاس نه وهي)
   ========================================================= */
#teachersSection{--tch-wa:#1faa59;--tch-line:#e3ecf7;--tch-ink:#14325a}
#teachersSection .tch-head h2{margin:14px 0 6px;color:var(--tch-ink)}
#teachersSection .tch-head p,#teachersSection .tch-note{color:#5b7090;font-size:14px;line-height:1.8;margin:0 0 14px}
#teachersSection h3{margin:20px 0 10px;color:var(--tch-ink)}
#teachersSection .tch-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#teachersSection .tch-cards .card{min-height:105px}
#teachersSection .tch-cards .card:before{background:#0b6cf0}
#teachersSection .tch-cards .card.stat-active:before{background:#16a35a}
#teachersSection .tch-cards .card.stat-inactive:before{background:#f0464f}
#teachersSection .tch-cards .card:nth-child(4):before{background:#25d366}

#teachersSection .tch-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid var(--tch-line);margin:8px 0 18px}
#teachersSection .tch-tab{border:0;background:#eef4fc;color:#38557f;padding:11px 18px;border-radius:10px 10px 0 0;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
#teachersSection .tch-tab:hover{background:#e0ecfb}
#teachersSection .tch-tab.on{background:#0b6cf0;color:#fff}
#teachersSection .tch-pane{display:none}
#teachersSection .tch-pane.on{display:block}

#teachersSection .tch-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#teachersSection .tch-btn{border:1px solid #cfdcee;background:#fff;color:#27466f;padding:10px 16px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
#teachersSection .tch-btn:hover{background:#f1f6fd}
#teachersSection .tch-primary,.tch-dash .tch-primary{background:#0b6cf0;border-color:#0b6cf0;color:#fff}
#teachersSection .tch-primary:hover,.tch-dash .tch-primary:hover{background:#0a5fd9}
#teachersSection .tch-wa,.tch-dash .tch-wa{background:var(--tch-wa,#1faa59);border-color:var(--tch-wa,#1faa59);color:#fff}
#teachersSection .tch-wa:hover,.tch-dash .tch-wa:hover{background:#128c4a}
#teachersSection .tch-wa[disabled]{opacity:.45;cursor:not-allowed}
#teachersSection .tch-danger{color:#c0262d;border-color:#f0c4c6}
#teachersSection .tch-danger:hover{background:#fdeeee}
#teachersSection .tch-mini{border:1px solid #cfdcee;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px;font-family:inherit;font-weight:700}
#teachersSection .tch-mini.tch-wa{color:#fff}
#teachersSection .tch-rowact{white-space:nowrap}
#teachersSection .tch-rowact .tch-mini{margin-inline-end:4px}

#teachersSection .tch-filter{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
#teachersSection .tch-filter .search-box{flex:1 1 260px}
#teachersSection .tch-table{min-width:760px}
#teachersSection .tch-table tbody tr:hover{background:#f3f8ff}
#teachersSection .tch-bad{color:#c0262d;font-weight:700}
#teachersSection .tch-empty{text-align:center;color:#7a8ca6;padding:18px}
#teachersSection .tch-done{background:#eaf8f0}
#teachersSection .tch-prev{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#teachersSection .tch-hint{display:block;margin-top:4px;color:#7a8ca6;font-size:12.5px}
#teachersSection .tch-hint.ok{color:#16803f;font-weight:700}
#teachersSection .tch-hint.err{color:#c0262d}
#teachersSection .tch-text{width:100%;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.9;resize:vertical;min-height:220px}
#teachersSection .tch-info{margin:8px 0;color:#38557f;font-size:14px}
#teachersSection .tch-warn{display:block;margin-top:6px;color:#8a5a00;background:#fff4d6;border-radius:8px;padding:8px 10px}
#teachersSection .tch-msg{margin:10px 0;min-height:0;font-size:14px;border-radius:8px}
#teachersSection .tch-msg.ok,#teachersSection .tch-msg.err{padding:10px 12px}
#teachersSection .tch-msg.ok{background:#e1f5e8;color:#14532d}
#teachersSection .tch-msg.err{background:#fde8e7;color:#991b1b}

/* Dashboard card */
.tch-dash{background:#fff;border:1px solid #e7eef8;border-radius:14px;box-shadow:0 3px 14px #193c6510;padding:18px 20px;margin:16px 0}
.tch-dash .tch-dash-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tch-dash h3{margin:0;font-size:18px;color:#14325a}
.tch-dash .tch-btn{border:1px solid #cfdcee;padding:9px 15px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.tch-dash .tch-dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.tch-dash .tch-dash-stats div{background:#f4f8fe;border-radius:11px;padding:14px;text-align:center}
.tch-dash .tch-dash-stats b{display:block;font-size:28px;color:#0b3a7a}
.tch-dash .tch-dash-stats span{font-size:13px;color:#5b7090}
.tch-dash .tch-dash-foot{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}
.tch-dash .tch-dash-recent p{margin:4px 0;font-size:14px;color:#38557f}
.tch-dash .tch-dash-recent small{color:#7a8ca6;margin-inline-start:6px}
.tch-dash .tch-empty{color:#7a8ca6}

@media(max-width:900px){#teachersSection .tch-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tch-dash .tch-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#teachersSection .tch-tab{flex:1 1 45%;border-radius:10px}#teachersSection .tch-cards{grid-template-columns:1fr!important}}

#teachersSection .tch-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:700}
#teachersSection .tch-badge.on{background:#e1f5e8;color:#14532d}
#teachersSection .tch-badge.off{background:#fde8e7;color:#991b1b}
#teachersSection .tch-sub{color:#7a8ca6}
#teachersSection .tch-total{margin:6px 0 10px;color:#38557f;font-size:15px}
#teachersSection .tch-cards .card:nth-child(4):before{background:#ff9a1f}

/* units checkboxes + attendance */
.tch-units{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #d4e1f0;border-radius:10px;background:#fff;min-height:42px;align-items:center}
.tch-units .tch-unit{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #d4e1f0;border-radius:999px;background:#f5f9ff;cursor:pointer;font-weight:600;color:#183456}
.tch-units .tch-unit input{width:auto;margin:0}
.tch-att-status,.tch-att-note{width:100%;min-width:110px}