/* SIEMS Teacher Directory Frontend */
.siems-teacher-directory{--p:#5b5ce2;--c:#00b8d9;--ink:#182033;--muted:#70798c;max-width:1180px;margin:30px auto;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.siems-front-header{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 34px;margin-bottom:18px;border-radius:25px;background:linear-gradient(125deg,#171b3d,#36368e 52%,#07869d);color:#fff;box-shadow:0 18px 45px rgba(30,41,90,.18)}.siems-front-header:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-170px;background:rgba(255,255,255,.08)}.siems-front-kicker{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.72}.siems-front-header h2{font-size:30px;line-height:1.15;margin:6px 0}.siems-front-header p{margin:0;color:rgba(255,255,255,.75);font-size:13px}.siems-front-search{position:relative;z-index:2;display:flex;align-items:center;background:#fff;border-radius:13px;padding:5px;min-width:390px;box-shadow:0 12px 28px rgba(0,0,0,.16)}.siems-front-search span{color:#8991a3;font-size:21px;padding:0 8px}.siems-front-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;font-size:13px;background:#fff!important}.siems-front-search button{border:0;border-radius:9px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,var(--p),var(--c));font-weight:750;cursor:pointer;transition:.2s;box-shadow:0 4px 0 #3e409f}.siems-front-search button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #3e409f}.siems-result-meta{display:flex;justify-content:flex-end;color:#858da0;font-size:12px;margin:0 2px 10px}.siems-teacher-list{display:flex;flex-direction:column;gap:12px}.siems-teacher-card{position:relative;display:grid;grid-template-columns:220px 1fr 130px;gap:14px;align-items:center;padding:12px;border:1px solid #dfe3ee;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(20,31,70,.055);transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.siems-teacher-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--p),var(--c));opacity:.85}.siems-teacher-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,31,70,.12);border-color:#cfd4f2}.siems-card-photo{width:205px;height:165px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eef0ff,#e9fbff);display:grid;place-items:center}.siems-card-photo img{width:100%;height:100%;object-fit:cover}.siems-no-photo{font-size:48px}.siems-card-info{min-width:0}.siems-info-row{display:grid;grid-template-columns:130px 1fr;align-items:center;min-height:37px;border-bottom:1px solid #edf0f5;padding:0 9px}.siems-info-row:last-child{border-bottom:0}.siems-info-row strong{font-size:12px;color:#3c4456}.siems-info-row span{font-size:13px;color:#30384a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siems-show-more{align-self:end;justify-self:end;border:0;border-radius:11px;padding:11px 14px;background:linear-gradient(135deg,#7778ff,#19bfd6);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 5px 0 #4547b7;transition:.2s}.siems-show-more:hover{transform:translateY(-3px);box-shadow:0 8px 0 #4547b7}.siems-show-more span{margin-left:4px}.siems-front-empty{text-align:center;padding:60px 20px;border:1px dashed #d7dce7;border-radius:18px;color:#7e8799;background:#fbfcff}.siems-front-empty div{font-size:42px}.siems-front-empty h3{margin:8px 0;color:#283147}.siems-teacher-modal{display:none;position:fixed;z-index:999999;inset:0}.siems-teacher-modal.is-open{display:block}.siems-modal-backdrop{position:absolute;inset:0;background:rgba(12,17,35,.66);backdrop-filter:blur(5px)}.siems-modal-panel{position:relative;width:min(760px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:siemsModalIn .25s ease}.siems-modal-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f8;color:#333;font-size:24px;cursor:pointer;z-index:3}.siems-modal-content{padding:30px}.siems-profile-top{display:flex;gap:20px;align-items:center;padding:8px 5px 22px;border-bottom:1px solid #edf0f5}.siems-profile-photo{width:125px;height:125px;border-radius:20px;overflow:hidden;background:#eef0ff;flex:0 0 125px}.siems-profile-photo img{width:100%;height:100%;object-fit:cover}.siems-profile-top h3{font-size:25px;margin:0 0 5px}.siems-profile-top p{margin:0;color:#747d90}.siems-profile-badge{display:inline-block;margin-top:9px;padding:6px 10px;border-radius:20px;background:#eef0ff;color:#565bd1;font-size:11px;font-weight:800}.siems-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.siems-detail-item{padding:12px;border-radius:12px;background:#f8f9fc}.siems-detail-item small{display:block;color:#8790a3;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.siems-detail-item strong{display:block;margin-top:4px;font-size:13px;word-break:break-word}.siems-docs{margin-top:20px}.siems-docs h4{margin:0 0 10px}.siems-doc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.siems-doc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #e3e6ef;border-radius:12px;text-decoration:none!important;color:#293147;background:#fff;transition:.2s}.siems-doc:hover{transform:translateY(-2px);box-shadow:0 7px 17px rgba(20,31,70,.08);border-color:#cfd4f2}.siems-doc span{font-size:11px;font-weight:750}.siems-doc b{font-size:10px;color:#5b5ce2}.siems-loading{padding:30px;text-align:center;color:#747d90}@keyframes siemsModalIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:850px){.siems-front-header{flex-direction:column;align-items:stretch}.siems-front-search{min-width:0}.siems-teacher-card{grid-template-columns:145px 1fr}.siems-card-photo{width:140px;height:140px}.siems-show-more{grid-column:2;justify-self:start}.siems-info-row{grid-template-columns:110px 1fr}.siems-doc-list{grid-template-columns:1fr}}
@media(max-width:560px){.siems-front-header{padding:24px 20px}.siems-front-header h2{font-size:24px}.siems-teacher-card{grid-template-columns:1fr}.siems-card-photo{width:100%;height:190px}.siems-show-more{grid-column:auto;width:100%}.siems-detail-grid{grid-template-columns:1fr}.siems-profile-top{align-items:flex-start}.siems-profile-photo{width:90px;height:90px;flex-basis:90px}.siems-profile-top h3{font-size:20px}}

/* FINAL FRONTEND CARD */
.siems-teacher-card{
  grid-template-columns:230px 1fr 122px;
  min-height:190px;
}
.siems-card-photo{
  width:215px;
  height:176px;
  background:linear-gradient(135deg,#f5f7fb,#eef2ff);
  border:1px solid #edf0f6;
  position:relative;
}
.siems-card-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:3px;
  box-sizing:border-box;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;
}
.siems-card-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 45%,rgba(91,92,226,.05));
  pointer-events:none;
}
.siems-card-photo:hover img{
  transform:scale(1.12);
  filter:saturate(1.05) contrast(1.02);
}
.siems-show-more{
  width:auto!important;
  min-width:0!important;
  height:42px;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap;
  box-shadow:0 4px 0 #4547b7!important;
  transition:transform .22s,box-shadow .22s,filter .22s;
}
.siems-show-more:hover{
  transform:translateY(-4px) scale(1.035);
  box-shadow:0 7px 0 #4547b7!important;
  filter:saturate(1.1);
}
.siems-show-more span{
  font-size:15px;
  margin-left:5px;
}
@media(max-width:850px){
  .siems-teacher-card{grid-template-columns:145px 1fr}
  .siems-card-photo{width:140px;height:150px}
}
@media(max-width:560px){
  .siems-teacher-card{grid-template-columns:1fr}
  .siems-card-photo{width:100%;height:230px}
  .siems-show-more{width:max-content!important;justify-self:start}
}

/* V8: full teacher photo + premium border */
.siems-card-photo{
  border:2px solid #dfe4f0!important;
  box-shadow:0 8px 20px rgba(31,43,82,.10),inset 0 0 0 1px rgba(255,255,255,.85)!important;
  background:#fff!important;
}
.siems-card-photo img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  padding:4px!important;
}
.siems-card-photo:hover{
  border-color:#aeb6ee!important;
  box-shadow:0 13px 28px rgba(48,61,135,.16),0 0 0 4px rgba(93,101,225,.06)!important;
}
.siems-profile-photo{
  border:3px solid #e0e5f2!important;
  box-shadow:0 10px 24px rgba(31,43,82,.13)!important;
  background:#fff!important;
}
.siems-profile-photo img{
  object-fit:contain!important;
  background:#fff!important;
  padding:4px!important;
}
.siems-doc{
  min-height:50px;
}
.siems-doc:hover{
  transform:translateY(-3px)!important;
}

/* =========================================================
   OUTPUT FINAL POLISH — FULL PHOTO + INDIVIDUAL PROFILE
   Admin/List page styles are intentionally untouched.
   ========================================================= */

/* Full uploaded image, never cropped */
.siems-card-photo{
  width:215px!important;
  height:205px!important;
  box-sizing:border-box!important;
  padding:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:2px solid #d7ddef!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ffffff,#f4f7fc)!important;
  box-shadow:0 9px 22px rgba(29,43,88,.11),inset 0 0 0 1px rgba(255,255,255,.95)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.siems-card-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  border-radius:10px!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1)!important;
}
.siems-card-photo:hover{
  transform:translateY(-3px)!important;
  border-color:#aeb8f0!important;
  box-shadow:0 15px 30px rgba(48,61,135,.16),0 0 0 4px rgba(93,101,225,.06)!important;
}
.siems-card-photo:hover img{transform:scale(1.045)!important}

/* Individual profile modal */
.siems-profile-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(12,20,46,.62)!important;
  backdrop-filter:blur(7px)!important;
}
.siems-profile-modal.is-open{display:flex!important}
.siems-profile-panel{
  width:min(980px,96vw)!important;
  max-height:92vh!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:0!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #e0e5f0!important;
  box-shadow:0 30px 80px rgba(8,20,62,.28)!important;
  animation:siemsProfileIn .3s cubic-bezier(.2,.9,.2,1) both!important;
}
.siems-profile-head{
  position:relative!important;
  padding:25px 30px!important;
  color:#fff!important;
  background:linear-gradient(118deg,#191d4c,#303b90,#159db8)!important;
}
.siems-profile-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.15!important;
}
.siems-profile-head p{
  margin:7px 0 0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:12px!important;
}
.siems-profile-close{
  position:absolute!important;
  right:18px!important;
  top:16px!important;
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  font-size:23px!important;
  cursor:pointer!important;
  transition:transform .2s,background .2s!important;
}
.siems-profile-close:hover{
  transform:rotate(8deg) scale(1.08)!important;
  background:rgba(255,255,255,.23)!important;
}
.siems-profile-body{
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  gap:26px!important;
  padding:28px!important;
}
.siems-profile-photo-wrap{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.siems-profile-photo{
  width:245px!important;
  height:285px!important;
  box-sizing:border-box!important;
  padding:7px!important;
  border:2px solid #d8deed!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 27px rgba(29,43,88,.12)!important;
}
.siems-profile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:11px!important;
  background:#fff!important;
}
.siems-profile-info{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0 18px!important;
  align-content:start!important;
}
.siems-profile-field{
  padding:13px 0!important;
  border-bottom:1px solid #e9edf4!important;
}
.siems-profile-field.full{grid-column:1/-1!important}
.siems-profile-field label{
  display:block!important;
  margin-bottom:5px!important;
  color:#778196!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.7px!important;
  font-weight:850!important;
}
.siems-profile-field strong{
  color:#26324b!important;
  font-size:14px!important;
  font-weight:650!important;
  word-break:break-word!important;
}

/* Download-only document area */
.siems-profile-documents{
  margin:0 28px 28px!important;
  padding:20px!important;
  border:1px solid #e1e6f0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fbfcff,#f4f8fc)!important;
}
.siems-profile-documents h3{
  margin:0 0 4px!important;
  color:#26324b!important;
  font-size:16px!important;
}
.siems-profile-documents .doc-subtitle{
  margin:0 0 14px!important;
  color:#8791a4!important;
  font-size:11px!important;
}
.siems-download-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.siems-download-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid #d8deec!important;
  background:#fff!important;
  color:#4e55d6!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 4px 0 #d9deea!important;
  transition:transform .2s,box-shadow .2s,background .2s!important;
}
.siems-download-btn:hover{
  transform:translateY(-4px)!important;
  background:linear-gradient(135deg,#eef0ff,#e7fbff)!important;
  box-shadow:0 8px 16px rgba(70,78,190,.13)!important;
}
.siems-download-empty{
  grid-column:1/-1!important;
  padding:14px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#8a93a5!important;
  font-size:12px!important;
  text-align:center!important;
}
@keyframes siemsProfileIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .siems-card-photo{width:165px!important;height:185px!important}
  .siems-profile-body{grid-template-columns:1fr!important}
  .siems-profile-photo{width:220px!important;height:255px!important;margin:auto!important}
  .siems-download-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .siems-card-photo{width:100%!important;height:250px!important}
  .siems-profile-body{padding:20px!important}
  .siems-profile-info{grid-template-columns:1fr!important}
  .siems-profile-documents{margin:0 20px 20px!important}
}

/* =========================================================
   FINAL OUTPUT ONLY — INDIVIDUAL TEACHER PROFILE
   No admin/list redesign.
   ========================================================= */
.siems-individual-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(12,20,46,.62)!important;
  backdrop-filter:blur(7px)!important;
}
.siems-individual-page{
  width:min(1040px,96vw)!important;
  max-height:92vh!important;
  overflow:auto!important;
  background:#fff!important;
  border:1px solid #dfe4ef!important;
  border-radius:24px!important;
  box-shadow:0 30px 85px rgba(8,20,62,.30)!important;
  animation:siemsIndividualIn .3s cubic-bezier(.2,.9,.2,1) both!important;
}
.siems-individual-head{
  position:relative!important;
  padding:25px 30px!important;
  background:linear-gradient(118deg,#191d4c,#303b90,#159db8)!important;
  color:#fff!important;
}
.siems-individual-head .eyebrow{
  margin:0 0 7px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  letter-spacing:1.5px!important;
  font-weight:900!important;
}
.siems-individual-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:28px!important;
}
.siems-individual-head p{
  margin:7px 0 0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:12px!important;
}
.siems-individual-close{
  position:absolute!important;
  right:18px!important;
  top:16px!important;
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  font-size:24px!important;
  cursor:pointer!important;
}
.siems-individual-close:hover{
  background:rgba(255,255,255,.24)!important;
  transform:scale(1.06)!important;
}
.siems-individual-main{
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  gap:28px!important;
  padding:28px!important;
}
.siems-individual-photo{
  width:245px!important;
  height:285px!important;
  padding:7px!important;
  box-sizing:border-box!important;
  border:2px solid #d8deed!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(29,43,88,.12)!important;
}
.siems-individual-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:11px!important;
  background:#fff!important;
}
.siems-individual-fields{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0 20px!important;
  align-content:start!important;
}
.siems-individual-field{
  padding:13px 0!important;
  border-bottom:1px solid #e8edf4!important;
}
.siems-individual-field.full{grid-column:1/-1!important}
.siems-individual-field label{
  display:block!important;
  margin-bottom:5px!important;
  color:#778196!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.7px!important;
  font-weight:850!important;
}
.siems-individual-field strong{
  color:#26324b!important;
  font-size:14px!important;
  font-weight:650!important;
  word-break:break-word!important;
}
.siems-individual-documents{
  margin:0 28px 28px!important;
  padding:21px!important;
  border:1px solid #e0e6f0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fbfcff,#f3f8fc)!important;
}
.siems-individual-documents h3{
  margin:0 0 5px!important;
  color:#26324b!important;
  font-size:17px!important;
}
.siems-individual-documents p{
  margin:0 0 15px!important;
  color:#8791a4!important;
  font-size:11px!important;
}
.siems-individual-downloads{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.siems-individual-download{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  padding:0 13px!important;
  box-sizing:border-box!important;
  border:1px solid #d5dced!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#4d55d8!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 4px 0 #d8deea!important;
  transition:all .2s ease!important;
}
.siems-individual-download:hover{
  transform:translateY(-4px)!important;
  color:#3e46c7!important;
  background:linear-gradient(135deg,#eef0ff,#e7fbff)!important;
  box-shadow:0 9px 18px rgba(70,78,190,.14)!important;
}
.siems-individual-no-doc{
  grid-column:1/-1!important;
  padding:14px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#8a93a5!important;
  text-align:center!important;
  font-size:12px!important;
}
@keyframes siemsIndividualIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .siems-individual-main{grid-template-columns:1fr!important}
  .siems-individual-photo{margin:auto!important}
  .siems-individual-downloads{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .siems-individual-main{padding:20px!important}
  .siems-individual-fields{grid-template-columns:1fr!important}
  .siems-individual-documents{margin:0 20px 20px!important}
  .siems-individual-head{padding:22px!important}
}


/* Individual Teacher Profile page */
.siems-show-more{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-decoration:none!important;cursor:pointer!important;
}
.siems-individual-profile{
  width:min(1100px,96vw);margin:24px auto 50px;font-family:inherit;color:#27314a;
}
.siems-profile-page-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:28px 32px;border-radius:24px;
  background:linear-gradient(118deg,#191d4c,#303b90,#159db8);
  color:#fff;box-shadow:0 20px 45px rgba(20,31,80,.18);
}
.siems-profile-page-head h2{margin:4px 0 4px;color:#fff;font-size:32px;line-height:1.15}
.siems-profile-page-head p{margin:0;color:rgba(255,255,255,.82)}
.siems-profile-back{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:13px;color:#fff!important;text-decoration:none!important;
  background:linear-gradient(135deg,#6974ff,#23bddd);
  box-shadow:0 5px 0 #3846bb,0 12px 25px rgba(25,65,190,.22);
  font-weight:800;transition:transform .22s ease,box-shadow .22s ease;
}
.siems-profile-back:hover{transform:translateY(-3px);box-shadow:0 8px 0 #3846bb,0 18px 30px rgba(25,65,190,.25)}
.siems-profile-page-card{
  margin-top:22px;padding:28px;display:grid;grid-template-columns:260px 1fr;gap:32px;
  background:#fff;border:1px solid #e1e6f1;border-radius:24px;
  box-shadow:0 18px 45px rgba(20,31,70,.10);
}
.siems-profile-page-photo{
  min-height:280px;display:flex;align-items:center;justify-content:center;
  padding:12px;border:3px solid #dfe5ff;border-radius:22px;
  background:linear-gradient(145deg,#fff,#f3f7ff);
  box-shadow:0 10px 28px rgba(31,55,130,.12);overflow:hidden;
}
.siems-profile-page-photo img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:14px}
.siems-profile-page-info{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.siems-profile-page-info>div{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:58px;border-bottom:1px solid #edf0f6;
}
.siems-profile-page-info span{font-size:12px;font-weight:800;color:#69748c;text-transform:uppercase;letter-spacing:.04em}
.siems-profile-page-info strong{font-size:15px;color:#26334f;text-align:right;overflow-wrap:anywhere}
.siems-profile-documents{
  margin-top:22px;padding:28px;border-radius:24px;background:linear-gradient(145deg,#f8fbff,#fff);
  border:1px solid #dfe6f3;box-shadow:0 18px 45px rgba(20,31,70,.08);
}
.siems-profile-doc-head{text-align:center}
.siems-profile-doc-head>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#5867d9}
.siems-profile-doc-head h3{margin:6px 0 5px;font-size:24px;color:#202b49}
.siems-profile-doc-head p{margin:0 0 22px;color:#748097}
.siems-profile-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.siems-profile-download{
  display:flex;align-items:center;gap:14px;padding:17px 18px;border-radius:16px;
  color:#24304c!important;text-decoration:none!important;background:#fff;
  border:1px solid #dce3f2;box-shadow:0 5px 0 #d7deeb,0 12px 24px rgba(25,42,90,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.siems-profile-download:hover{transform:translateY(-4px);border-color:#5b74ee;box-shadow:0 8px 0 #5364c8,0 18px 30px rgba(45,74,170,.14)}
.siems-doc-icon{
  display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;
  color:#fff;font-size:11px;font-weight:900;background:linear-gradient(135deg,#5868ef,#1bb9d7);
  box-shadow:0 5px 12px rgba(55,80,190,.20);
}
.siems-profile-download span:last-child{display:flex;flex-direction:column;gap:4px}
.siems-profile-download b{font-size:14px}
.siems-profile-download small{font-size:11px;color:#75819a}
@media(max-width:800px){
  .siems-profile-page-head{flex-direction:column;align-items:flex-start}
  .siems-profile-page-card{grid-template-columns:1fr}
  .siems-profile-page-photo{max-width:320px;margin:auto;width:100%}
  .siems-profile-page-info{grid-template-columns:1fr}
  .siems-profile-doc-grid{grid-template-columns:1fr}
}

.siems-teacher-profile-page{background:#f5f7fb!important}


.siems-profile-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.siems-profile-print{
  border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#4e5fe8,#18afd0);
  box-shadow:0 5px 0 #3546b4,0 12px 24px rgba(30,55,160,.20);font-weight:800;
  transition:transform .2s ease,box-shadow .2s ease;
}
.siems-profile-print:hover{transform:translateY(-3px);box-shadow:0 8px 0 #3546b4,0 18px 28px rgba(30,55,160,.24)}
@media print{
  @page{
    size:A4 portrait;
    margin:8mm;
  }

  html,body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#17213b!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  body.siems-teacher-profile-page{
    background:#fff!important;
    font-size:10px!important;
  }

  /* Hide browser/UI controls and leave a clean printable document. */
  .siems-profile-print,
  .siems-profile-back{
    display:none!important;
  }

  .siems-individual-profile{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  /* Compact professional header */
  .siems-profile-page-head{
    min-height:26mm!important;
    box-sizing:border-box!important;
    padding:7mm 8mm!important;
    margin:0 0 5mm!important;
    border-radius:5mm!important;
    background:linear-gradient(118deg,#191d4c,#303b90,#159db8)!important;
    color:#fff!important;
    box-shadow:none!important;
    break-inside:avoid!important;
  }
  .siems-profile-page-head h2{
    margin:1mm 0 .8mm!important;
    font-size:20pt!important;
    line-height:1.05!important;
    color:#fff!important;
  }
  .siems-profile-page-head p{
    margin:0!important;
    font-size:9.5pt!important;
    color:rgba(255,255,255,.9)!important;
  }
  .siems-front-kicker{
    font-size:7pt!important;
    letter-spacing:.16em!important;
    color:rgba(255,255,255,.85)!important;
  }

  /* One compact information panel */
  .siems-profile-page-card{
    margin:0 0 5mm!important;
    padding:5mm!important;
    grid-template-columns:43mm 1fr!important;
    gap:7mm!important;
    min-height:72mm!important;
    box-sizing:border-box!important;
    border:1px solid #d9e1f0!important;
    border-radius:5mm!important;
    background:#fff!important;
    box-shadow:none!important;
    break-inside:avoid!important;
  }

  .siems-profile-page-photo{
    width:43mm!important;
    height:57mm!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:2mm!important;
    border:1.2px solid #cbd7f4!important;
    border-radius:4mm!important;
    box-shadow:none!important;
    background:#f8faff!important;
  }
  .siems-profile-page-photo img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    border-radius:2.5mm!important;
  }

  .siems-profile-page-info{
    grid-template-columns:1fr 1fr!important;
    gap:0 6mm!important;
    align-content:start!important;
  }
  .siems-profile-page-info>div{
    min-height:13.2mm!important;
    box-sizing:border-box!important;
    padding:1.5mm 0!important;
    border-bottom:1px solid #e8edf5!important;
  }
  .siems-profile-page-info span{
    font-size:6.7pt!important;
    letter-spacing:.035em!important;
  }
  .siems-profile-page-info strong{
    font-size:8.2pt!important;
    line-height:1.2!important;
  }

  /* Documents fit on the same A4 page */
  .siems-profile-documents{
    margin:0!important;
    padding:5mm!important;
    border-radius:5mm!important;
    border:1px solid #d9e1f0!important;
    background:#fbfcff!important;
    box-shadow:none!important;
    break-inside:avoid!important;
  }
  .siems-profile-doc-head{
    text-align:left!important;
    display:flex!important;
    align-items:baseline!important;
    gap:4mm!important;
    flex-wrap:wrap!important;
    margin-bottom:3mm!important;
  }
  .siems-profile-doc-head>span{
    font-size:6.5pt!important;
    letter-spacing:.14em!important;
  }
  .siems-profile-doc-head h3{
    margin:0!important;
    font-size:12pt!important;
  }
  .siems-profile-doc-head p{
    display:none!important;
  }

  .siems-profile-doc-grid{
    grid-template-columns:repeat(3,1fr)!important;
    gap:3mm!important;
  }
  .siems-profile-download{
    min-height:16mm!important;
    box-sizing:border-box!important;
    padding:3mm!important;
    border-radius:3mm!important;
    box-shadow:none!important;
    border:1px solid #dbe3f1!important;
    background:#fff!important;
    break-inside:avoid!important;
  }
  .siems-doc-icon{
    width:10mm!important;
    height:10mm!important;
    min-width:10mm!important;
    border-radius:2.5mm!important;
    font-size:6pt!important;
    box-shadow:none!important;
  }
  .siems-profile-download b{
    font-size:7.5pt!important;
  }
  .siems-profile-download small{
    font-size:6.5pt!important;
  }

  .siems-front-empty{
    padding:4mm!important;
  }

  /* Avoid accidental page breaks from inherited layout rules. */
  *{
    break-before:auto!important;
    break-after:auto!important;
  }
  .siems-profile-page-head,
  .siems-profile-page-card,
  .siems-profile-documents{
    break-inside:avoid-page!important;
  }
}