/* IranniaN R167-D.1 — dashboard profile and support correction. */

:root{--irannian-ui-font:"DanaPro",Tahoma,Arial,sans-serif}
html,body,button,input,textarea,select{font-family:var(--irannian-ui-font)!important}

/* The dashboard profile element is intentionally fixed: no user photo is collected. */
body:has(.dashboard-hero) .app-head{
  min-height:76px!important;
  margin:8px 0 20px!important;
  padding:12px 14px!important;
  gap:12px!important;
  border:1px solid rgba(218,177,87,.18)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(218,177,87,.1),transparent 38%),
    linear-gradient(145deg,rgba(11,23,39,.96),rgba(3,10,19,.9))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045)!important;
}
body:has(.dashboard-hero) .app-head .avatar{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:50px!important;
  height:50px!important;
  border:1px solid rgba(244,211,130,.52)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(145deg,#d8a846,#70501f 58%,#182033)!important;
  color:#fff8e7!important;
  font-size:1rem!important;
  font-weight:800!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 0 4px rgba(214,170,78,.055)!important;
  isolation:isolate;
}
body:has(.dashboard-hero) .app-head .avatar:after{
  content:"";
  position:absolute;
  left:-2px;
  bottom:-2px;
  width:11px;
  height:11px;
  border:3px solid #07111e;
  border-radius:50%;
  background:#42d49c;
  box-shadow:0 0 12px rgba(66,212,156,.5);
}
body:has(.dashboard-hero) .app-head .title{
  display:block!important;
  min-width:0!important;
}
body:has(.dashboard-hero) .app-head .title:before{display:none!important;content:none!important}
body:has(.dashboard-hero) #helloName{
  display:block!important;
  margin:0 0 2px!important;
  color:#fffaf0!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.55!important;
}
body:has(.dashboard-hero) .app-head .title small{
  display:block!important;
  color:#95a2b3!important;
  font-size:.75rem!important;
  line-height:1.6!important;
}
body:has(.dashboard-hero) .app-head .icon-btn{
  flex:0 0 auto;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border-color:rgba(214,170,78,.22)!important;
  background:rgba(214,170,78,.065)!important;
  color:#efd58d!important;
}

/* Replace the old yellow pill with a restrained, accessible support control. */
html body .r162-support-link{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:22px!important;
  z-index:70!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:108px!important;
  width:auto!important;
  height:46px!important;
  padding:0 13px 0 10px!important;
  gap:9px!important;
  border:1px solid rgba(226,188,99,.34)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(12,25,42,.97),rgba(3,10,19,.98))!important;
  color:#f0dda8!important;
  font-size:.76rem!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 16px 40px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body .r162-support-link:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(243,211,133,.65)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.48),0 0 24px rgba(214,170,78,.08)!important;
}
html body .r162-support-dot{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:25px!important;
  height:25px!important;
  border:1px solid rgba(243,211,133,.32)!important;
  border-radius:9px!important;
  background:rgba(214,170,78,.1)!important;
  box-shadow:none!important;
}
html body .r162-support-dot:after{
  content:"؟";
  color:#f3d486;
  font-size:.75rem;
  font-weight:800;
  line-height:1;
}

@media(max-width:620px){
  body:has(.dashboard-hero) .app-head{min-height:70px!important;padding:10px 11px!important}
  body:has(.dashboard-hero) .app-head .avatar{width:46px!important;height:46px!important;border-radius:15px!important}
  html body .r162-support-link{
    left:10px!important;
    bottom:max(92px,calc(env(safe-area-inset-bottom) + 84px))!important;
    min-width:96px!important;
    height:42px!important;
    border-radius:14px!important;
  }
}