/* SANAD wordmark + MAEEN assistant identity */

/* Platform identity: use the SANAD word itself as the visual mark, not a generic icon */
.brand-mark.sanad-wordmark-slot,
.login-brand .brand-mark.sanad-wordmark-slot{
  width:auto!important;
  min-width:70px!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.brand-mark.sanad-wordmark-slot::before,
.login-brand .brand-mark.sanad-wordmark-slot::before{display:none!important;content:none!important}
.sanad-wordmark{
  display:inline-block;
  position:relative;
  color:#fff;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:27px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.2px;
  background:linear-gradient(180deg,#ffffff 0%,#cae1ff 48%,#76a9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 rgba(9,38,95,.60)) drop-shadow(0 7px 15px rgba(38,98,226,.26));
}
html[lang="en"] .sanad-wordmark{font-size:20px;letter-spacing:.7px}

/* Login presentation wordmark — inspired by the approved SANAD typographic concept */
.sanad-hero-wordmark{
  position:relative;
  display:inline-block;
  margin-bottom:23px;
  padding:4px 8px 10px;
  color:#17357e;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:clamp(58px,6.2vw,92px);
  line-height:.9;
  font-weight:900;
  letter-spacing:-4px;
  background:linear-gradient(180deg,#245fe5 0%,#1c49bd 47%,#112f80 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 rgba(13,35,90,.18)) drop-shadow(0 14px 22px rgba(37,87,205,.14));
}
.sanad-hero-wordmark::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#7db6ff 28%,#356df1 50%,#7db6ff 72%,transparent);
  opacity:.82;
}
html[lang="en"] .sanad-hero-wordmark{font-size:clamp(42px,4.8vw,70px);letter-spacing:2px}

/* MAEEN — a distinct AI identity inside SANAD */
.sn-ai-orb{
  width:72px!important;
  height:72px!important;
  border-radius:23px!important;
  background:linear-gradient(145deg,#6856e9 0%,#7b5ce4 55%,#4f78f5 100%)!important;
  box-shadow:0 20px 46px rgba(96,79,214,.23),inset 0 0 0 1px rgba(255,255,255,.23)!important;
}
.sn-ai-orb::before{
  content:"م"!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[lang="en"] .sn-ai-orb::before{content:"M"!important;font-size:28px!important}
.sn-ai-orb::after{border-color:rgba(111,91,225,.13)!important;box-shadow:0 0 0 9px rgba(110,88,224,.025)!important}
.sn-welcome-kicker{
  color:#6856cb!important;
  letter-spacing:1.15px!important;
  font-weight:850!important;
}

/* Employee assistant naming should read as a product, not a person's full name */
.top h1,.assistant-head strong{letter-spacing:-.35px!important}
.assistant-head span{color:#76839c!important}

@media(max-width:820px){
  .sanad-wordmark{font-size:23px}
  .sanad-hero-wordmark{font-size:54px;letter-spacing:-2px}
}