/* IranniaN R167-D.2 — final visual refinement from live screenshots. */

/* Fixed profile medallion: no uploaded photo, no status dot, no monogram block. */
body:has(.dashboard-hero) .app-head .avatar{
  width:48px!important;
  height:48px!important;
  overflow:hidden!important;
  border:1px solid rgba(238,203,121,.38)!important;
  border-radius:50%!important;
  color:transparent!important;
  font-size:0!important;
  background-color:#091524!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='18' r='7' fill='none' stroke='%23efd385' stroke-width='2'/%3E%3Cpath d='M11 39c1.4-8.2 6.3-12.2 13-12.2S35.6 30.8 37 39' fill='none' stroke='%23efd385' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.11),transparent 30%),
    linear-gradient(145deg,#0d1d30,#050c16)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:31px 31px,auto,auto!important;
  box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 4px rgba(214,170,78,.04)!important;
}
body:has(.dashboard-hero) .app-head .avatar:before,
body:has(.dashboard-hero) .app-head .avatar:after{display:none!important;content:none!important}
body:has(.dashboard-hero) .app-head{gap:13px!important}
body:has(.dashboard-hero) .app-head .title{padding-block:2px!important}
body:has(.dashboard-hero) #helloName{white-space:normal!important;overflow-wrap:anywhere!important}

/* Compact support launcher: icon-first and quiet until requested. */
html body .r162-support-link{
  min-width:48px!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  color:transparent!important;
  font-size:0!important;
  transition:width .2s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body .r162-support-link:after{
  content:"پشتیبانی";
  display:block;
  max-width:0;
  margin-right:0;
  overflow:hidden;
  opacity:0;
  color:#f0dda8;
  font-size:.72rem;
  font-weight:700;
  white-space:nowrap;
  transition:max-width .2s ease,margin-right .2s ease,opacity .16s ease;
}
html body .r162-support-link:hover,
html body .r162-support-link:focus-visible{width:118px!important;padding:0 10px!important}
html body .r162-support-link:hover:after,
html body .r162-support-link:focus-visible:after{max-width:68px;margin-right:8px;opacity:1}
html body .r162-support-dot{
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 17v-2a10 10 0 0 1 20 0v2M6 17v6a3 3 0 0 0 3 3h2v-9H9a3 3 0 0 0-3 3m20-3h-2v9h2a3 3 0 0 0 3-3v-3a3 3 0 0 0-3-3M24 26c-1.5 2-4 3-7 3h-2' fill='none' stroke='%23efd385' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:25px 25px!important;
  box-shadow:none!important;
}
html body .r162-support-dot:after{display:none!important;content:none!important}

/* The source logo has transparent padding; scale its visible artwork, not the box. */
body:has(.r167d-support-layout) .brand{min-height:64px;gap:18px!important}
body:has(.r167d-support-layout) .brand img,
body:has(.r167d-overview) .brand img,
body:has(.admin-login) .brand img{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  transform:scale(1.42)!important;
  transform-origin:center!important;
  margin-inline:10px 4px!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.46))!important;
}

@media(max-width:620px){
  html body .r162-support-link,
  html body .r162-support-link:hover,
  html body .r162-support-link:focus-visible{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}
  html body .r162-support-link:after{display:none!important}
  body:has(.r167d-support-layout) .brand img,
  body:has(.r167d-overview) .brand img,
  body:has(.admin-login) .brand img{width:48px!important;height:48px!important;min-width:48px!important;margin-inline:7px 2px!important}
}