/* SANAD final visual fixes — clearer brand mark, cleaner answers, distinct AI identity */

/* 1) SANAD brand mark: trust + connection, no letter monogram and no generic AI sparkle */
.brand-mark svg,
.login-brand .brand-mark svg{display:none!important}
.brand-mark::before,
.login-brand .brand-mark::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:center/25px 25px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 4.8 31.5 9v8.7c0 7.6-4.5 13.3-11.5 17.5C13 31 8.5 25.3 8.5 17.7V9L20 4.8Z' stroke='white' stroke-width='2.45' stroke-linejoin='round'/%3E%3Cpath d='M15.6 16.3h-1.1a4.4 4.4 0 0 0 0 8.8h4.1l5.8-8.8h1.1a4.4 4.4 0 1 1 0 8.8h-4.1' stroke='%237DD3FC' stroke-width='2.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2 20.7h5.6' stroke='white' stroke-width='2.65' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sn-hero-mark{
  background:linear-gradient(150deg,#0b1d46 0%,#153d8c 100%)!important;
  border-color:rgba(94,157,255,.28)!important;
}
.sn-hero-mark svg{display:none!important}
.sn-hero-mark::before{
  content:""!important;
  inset:0!important;
  display:block!important;
  background:center/42px 42px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 4.8 31.5 9v8.7c0 7.6-4.5 13.3-11.5 17.5C13 31 8.5 25.3 8.5 17.7V9L20 4.8Z' stroke='white' stroke-width='2.45' stroke-linejoin='round'/%3E%3Cpath d='M15.6 16.3h-1.1a4.4 4.4 0 0 0 0 8.8h4.1l5.8-8.8h1.1a4.4 4.4 0 1 1 0 8.8h-4.1' stroke='%237DD3FC' stroke-width='2.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2 20.7h5.6' stroke='white' stroke-width='2.65' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}
.sn-hero-mark::after{border-color:rgba(63,126,241,.12)!important;box-shadow:0 0 0 9px rgba(63,126,241,.018)!important}

/* 2) AI itself has a separate visual language: violet, not the platform blue */
.sn-ai-orb{
  background:linear-gradient(145deg,#6d5dfc,#8257df)!important;
  box-shadow:0 18px 42px rgba(110,85,225,.22),inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.sn-ai-orb svg{display:none!important}
.sn-ai-orb::before{
  content:"AI";
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.6px;
  direction:ltr;
}
.sn-welcome-kicker{color:#6b5ad7!important}

/* 3) Site/approved answers: white and high-contrast instead of a blue wash */
.msg.ai{
  max-width:min(92%,1120px)!important;
  background:#fff!important;
  border:1px solid rgba(32,57,105,.10)!important;
  color:#172642!important;
  box-shadow:0 9px 26px rgba(31,55,101,.045)!important;
}
.msg.ai p,.msg.ai li,.msg.ai div,.msg.ai span{color:#233552!important}
.msg.ai strong{color:#10264f!important}
.msg.ai .semantic-block{
  background:#fff!important;
  border:1px solid rgba(40,69,119,.10)!important;
  box-shadow:inset 3px 0 0 rgba(83,108,151,.15),0 4px 14px rgba(35,57,94,.025)!important;
}
html[dir="rtl"] .msg.ai .semantic-block{box-shadow:inset -3px 0 0 rgba(83,108,151,.15),0 4px 14px rgba(35,57,94,.025)!important}
.msg.ai .semantic-block>strong{color:#17396f!important}
.msg.ai .semantic-block li{color:#344765!important}
.msg.ai .semantic-question{
  background:#f8fafc!important;
  border:1px solid rgba(40,69,119,.10)!important;
  border-inline-start:3px solid #7391bf!important;
  color:#2b4163!important;
}
.msg.ai .semantic-question strong{color:#17396f!important}
.msg.ai .semantic-question div{color:#415472!important}
.msg.ai .semantic-warning{
  background:#fffaf2!important;
  border-color:rgba(202,137,42,.18)!important;
}

/* 4) Real model-generated answers regain a visibly different AI color */
.msg.ai.ai-generated,
.msg.ai:has(.ai-generated-content){
  background:linear-gradient(135deg,#fff 0%,#fbf9ff 58%,#f7f4ff 100%)!important;
  border:1px solid rgba(117,83,205,.18)!important;
  border-inline-start:4px solid #7658cf!important;
  box-shadow:0 11px 30px rgba(92,67,164,.07)!important;
}
.msg.ai.ai-generated::before,
.msg.ai:has(.ai-generated-content)::before{
  content:"SANAD AI";
  display:block;
  width:max-content;
  margin-bottom:9px;
  padding:3px 7px;
  border-radius:999px;
  background:#f1edff;
  color:#684fc4;
  font-size:7.5px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.55px;
  direction:ltr;
}
.msg.ai.ai-generated .semantic-block,
.msg.ai .ai-generated-content .semantic-block{
  background:#fdfcff!important;
  border-color:rgba(116,83,204,.12)!important;
  box-shadow:inset 3px 0 0 rgba(117,83,205,.16),0 4px 14px rgba(78,55,142,.025)!important;
}
html[dir="rtl"] .msg.ai.ai-generated .semantic-block,
html[dir="rtl"] .msg.ai .ai-generated-content .semantic-block{box-shadow:inset -3px 0 0 rgba(117,83,205,.16),0 4px 14px rgba(78,55,142,.025)!important}
.msg.ai.ai-generated .semantic-block>strong,
.msg.ai .ai-generated-content .semantic-block>strong{color:#5540a7!important}
.msg.ai.ai-generated .key-highlight,
.msg.ai .ai-generated-content .key-highlight{background:#f0ebff!important;border-color:#e2d9ff!important;color:#6047ba!important}

/* 5) Action buttons: primary label stays white even when answer-highlights wraps codes inside it */
.msg.ai .source-actions a.primary,
.msg.ai .source-actions a.primary:link,
.msg.ai .source-actions a.primary:visited{
  background:linear-gradient(135deg,#245fd8,#345be4)!important;
  border:1px solid rgba(30,82,205,.12)!important;
  color:#fff!important;
  text-shadow:none!important;
  opacity:1!important;
}
.msg.ai .source-actions a.primary *,
.msg.ai .source-actions a.primary .key-highlight,
.msg.ai .source-actions a.primary span{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.msg.ai .source-actions a.primary:hover{background:linear-gradient(135deg,#1f55c9,#2e4fd2)!important;color:#fff!important}
.msg.ai .source-actions a.source-open:not(.primary){background:#fff!important;border-color:#d7e1f1!important;color:#2856a8!important}

@media(min-width:1500px){.msg.ai{max-width:min(94%,1220px)!important}}