/* Stage 17: Super Admin welcome banner using the user-provided clinic building image. */
@media screen {
 body.hp-superadmin .hp16-welcome-banner{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:190px;margin:0 0 20px;padding:26px 30px;overflow:hidden;border:1px solid #c5e2e8;border-radius:16px;
  color:#fff;background-image:linear-gradient(90deg,rgba(3,43,58,.94) 0%,rgba(4,76,83,.82) 48%,rgba(5,105,102,.35) 100%),url('hasan-polyclinic-welcome.webp');
  background-size:cover;background-position:center 48%;box-shadow:0 12px 30px rgba(12,64,78,.16)
 }
 body.hp-superadmin .hp16-welcome-copy{position:relative;z-index:1;max-width:760px}
 body.hp-superadmin .hp16-welcome-eyebrow{display:inline-block;margin-bottom:8px;color:#c9fff2;font-size:12px;font-weight:850;letter-spacing:.14em}
 body.hp-superadmin .hp16-welcome-banner h2{margin:0 0 8px;color:#fff;font-size:clamp(25px,3vw,38px);font-weight:900;letter-spacing:-.035em;line-height:1.12}
 body.hp-superadmin .hp16-welcome-banner p{max-width:620px;margin:0;color:#f0fffc;font-size:15px;font-weight:550;line-height:1.6}
 body.hp-superadmin .hp16-welcome-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px;color:#f1fffc;font-size:13px;font-weight:750}
 body.hp-superadmin .hp16-welcome-mark{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:rgba(255,255,255,.16);color:#fff;font-size:42px;backdrop-filter:blur(5px)}
}
@media screen and (max-width:767px){
 body.hp-superadmin .hp16-welcome-banner{min-height:174px;margin-bottom:15px;padding:20px 18px;border-radius:13px;background-position:58% center}
 body.hp-superadmin .hp16-welcome-banner h2{font-size:clamp(23px,6vw,30px)}
 body.hp-superadmin .hp16-welcome-banner p{font-size:13px;max-width:100%}
 body.hp-superadmin .hp16-welcome-mark{flex-basis:48px;width:48px;height:48px;border-radius:14px;font-size:27px}
 body.hp-superadmin .hp16-welcome-meta{font-size:11px;gap:7px 12px}
}
@media screen and (max-width:420px){body.hp-superadmin .hp16-welcome-mark{display:none}}
@media print{.hp16-welcome-banner{display:none!important}}