.sup2-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #E0F2FE;border-radius:12px;padding:11px 14px;margin-bottom:14px}
.sup2-school-sel{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1.5px solid #BAE6FD;border-radius:9px;background:#F0F9FF;font-family:'Cairo';font-size:12.5px;font-weight:700;color:#0369A1;cursor:pointer}
.sup2-school-sel select{border:none;background:none;font-family:'Cairo';font-size:12.5px;font-weight:700;color:#0369A1;outline:none;cursor:pointer}
.sup2-search{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #E0F2FE;border-radius:9px;padding:0 12px;height:38px}
.sup2-search input{flex:1;border:none;background:none;outline:none;font-family:'Cairo';font-size:12.5px;color:#0F172A}
.sup2-count{font-size:11.5px;font-weight:800;color:#0EA5E9;background:#F0F9FF;padding:5px 11px;border-radius:20px}

/* content tabs in teacher detail */
.sup2-tabs{display:flex;gap:5px;background:#F0F9FF;border:1px solid #BAE6FD;border-radius:10px;padding:4px;margin-bottom:14px}
.sup2-tab{flex:1;padding:9px;text-align:center;font-family:'Cairo';font-size:12.5px;font-weight:700;color:#475569;background:transparent;border:none;border-radius:7px;cursor:pointer;transition:all .15s}
.sup2-tab.on{background:#fff;color:#0EA5E9;box-shadow:0 1px 4px rgba(14,165,233,.15)}
.sup2-content-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #E0F2FE;border-radius:10px;margin-bottom:8px}
.sup2-ci-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.sup2-ci-c{flex:1;min-width:0}
.sup2-ci-t{font-size:13px;font-weight:700;color:#0F172A}
.sup2-ci-s{font-size:11px;color:#64748B;margin-top:1px;display:flex;gap:6px;flex-wrap:wrap}