.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span{font-size:12px;background:#eef3fb;color:#3d4d68;border-radius:20px;padding:6px 10px}
.teacher-details{margin-bottom:20px;border-left:4px solid var(--blue)}.teacher-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px}.teacher-profile h2{margin:2px 0}.teacher-profile .detail-actions{margin-left:auto}.teacher-avatar{width:52px;height:52px;border-radius:14px;background:#e7efff;color:var(--blue);display:grid;place-items:center;font-size:18px;font-weight:800}.teacher-details dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.teacher-details dl div{background:#f7f9fc;border-radius:8px;padding:12px}.teacher-details dt{font-size:12px;color:var(--muted)}.teacher-details dd{font-weight:700;margin:4px 0 0}@media(max-width:700px){.teacher-profile{align-items:flex-start;flex-wrap:wrap}.teacher-profile .detail-actions{margin-left:0;width:100%}.teacher-details dl{grid-template-columns:1fr 1fr}}
.teacher-details{margin-bottom:24px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #233b6710}.teacher-cover{position:relative;padding:30px 32px;background:linear-gradient(125deg,#132544,#1d4480);color:#fff;overflow:hidden}.cover-pattern{position:absolute;width:260px;height:260px;border:55px solid #ffffff0b;border-radius:50%;right:-65px;top:-120px}.teacher-cover:after{content:"";position:absolute;width:130px;height:130px;border:30px solid #4f8cff19;border-radius:50%;right:190px;bottom:-90px}.teacher-details .teacher-profile{position:relative;z-index:1;margin:0}.teacher-details .teacher-avatar{width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,#fff,#dbe8ff);color:#1c4b93;font-size:24px;box-shadow:0 8px 22px #07162b55;border:3px solid #ffffff88}.teacher-identity h2{font-size:25px;margin:2px 0;color:#fff}.teacher-identity p{color:#bfcce2;margin:0}.profile-label{font-size:10px;letter-spacing:1.8px;color:#8db8ff}.profile-status{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:20px;font-size:11px}.profile-status.active{background:#2bc98925;color:#76e6b4;border:1px solid #66dda455}.profile-status.inactive{background:#ef777725;color:#ffabab}.teacher-details .detail-actions{display:flex;align-items:center}.profile-edit,.profile-close{position:relative;z-index:2;text-decoration:none;color:#fff}.profile-edit{padding:9px 13px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff12}.profile-close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:25px;background:#ffffff12}.teacher-body{padding:24px 28px}.teacher-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.teacher-metrics article{position:relative;padding:16px 18px;border:1px solid var(--border);border-radius:11px;background:#fafcff}.teacher-metrics span{display:block;color:var(--muted);font-size:12px}.teacher-metrics strong{font-size:25px}.teacher-metrics small{margin-left:4px;color:var(--muted)}.teacher-metrics i{position:absolute;right:15px;top:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e8f0ff;color:var(--blue);font-style:normal}.profile-grid{display:grid;grid-template-columns:minmax(240px,.75fr) 1.8fr;gap:22px}.profile-grid>section{border:1px solid var(--border);border-radius:12px;padding:20px}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:17px}.section-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eaf1ff;color:var(--blue)}.section-title h3{margin:0;font-size:15px}.section-title p{margin:1px 0 0;font-size:11px;color:var(--muted)}.contact-list{display:grid;gap:8px}.contact-list>div{display:flex;gap:10px;padding:10px;background:#f8fafc;border-radius:8px}.contact-list i{font-style:normal;color:var(--blue)}.contact-list span{display:grid;font-size:10px;color:var(--muted)}.contact-list b{font-size:12px;color:var(--text);overflow-wrap:anywhere}.assignment-card{min-width:0}.year-pill{display:inline-block;padding:4px 7px;background:#edf3ff;color:var(--blue);border-radius:6px;font-size:11px}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.teacher-metrics{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.teacher-cover{padding:24px 20px}.teacher-details .teacher-profile{flex-wrap:wrap}.teacher-details .detail-actions{margin-left:0;width:100%}.teacher-body{padding:18px}.teacher-metrics{grid-template-columns:1fr}.profile-grid>section{padding:14px}}
