/* Illustration-only profile avatar chooser */
.neis-illustrated-avatar{display:inline-flex;overflow:hidden;padding:0!important;background:var(--accent2)!important;vertical-align:middle}
.neis-illustrated-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.neis-avatar-edit{margin-top:12px}
.neis-avatar-layer{position:fixed;z-index:20050;inset:0;background:rgba(10,18,19,.70);display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}
.neis-avatar-dialog{width:min(780px,100%);height:min(810px,calc(100dvh - 32px));min-height:0;display:flex;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:0 25px 90px #0004}
.neis-avatar-head{display:flex;justify-content:space-between;gap:15px;padding:22px 25px 13px}
.neis-avatar-head small{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.neis-avatar-head h2{margin:4px 0;font-size:24px}
.neis-avatar-head p{margin:0;color:var(--muted);font-size:12px}
.neis-avatar-head button{width:36px;height:36px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:24px}
.neis-avatar-preview{display:flex;align-items:center;gap:15px;padding:12px 25px}
.neis-avatar-preview img{width:78px;height:78px;border-radius:50%;background:var(--soft)}
.neis-avatar-preview div{display:grid;gap:5px}
.neis-avatar-preview b{font-size:14px}
.neis-avatar-preview span{font-size:12px;color:var(--muted)}
.neis-avatar-filters{padding:12px 25px 15px;border-bottom:1px solid var(--line)}
.neis-avatar-filters input{width:100%;height:43px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--ink);font:inherit;font-size:13px}
.neis-avatar-categories{display:flex;gap:7px;overflow-x:auto;padding-top:12px;scrollbar-width:thin}
.neis-avatar-categories button{white-space:nowrap;flex:none;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--muted);font-weight:650;font-size:11px}
.neis-avatar-categories button.active{background:var(--accent);color:white;border-color:var(--accent)}
.neis-avatar-scroll{overflow-y:auto;min-height:0;flex:1;padding:20px 25px;overscroll-behavior:contain}
.neis-avatar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}
.neis-illustration-choice{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:3px;background:var(--soft);cursor:pointer;overflow:hidden}
.neis-illustration-choice img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.neis-illustration-choice.is-selected{border-color:var(--accent)}
.neis-avatar-choice-tick{display:none;position:absolute;right:0;bottom:0;background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;place-items:center;font-size:12px}
.neis-illustration-choice.is-selected .neis-avatar-choice-tick{display:grid}
.neis-avatar-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 25px;border-top:1px solid var(--line)}
.neis-avatar-footer small{font-size:10px;color:var(--muted)}
.neis-avatar-footer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){.neis-avatar-layer{padding:0}.neis-avatar-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.neis-avatar-head{padding:19px 17px 9px}.neis-avatar-head h2{font-size:20px}.neis-avatar-preview{padding:9px 17px}.neis-avatar-filters{padding:12px 17px}.neis-avatar-scroll{padding:15px 17px}.neis-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.neis-avatar-footer{padding:13px 17px}}

.neis-avatar-profile-field{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 8px;padding:16px;border:1px solid var(--line);background:var(--soft);border-radius:14px}
.neis-avatar-profile-field>div{display:grid;gap:5px}
.neis-avatar-profile-field b{font-size:13px}
.neis-avatar-profile-field small{font-size:11px;color:var(--muted)}
.neis-avatar-profile-field button{flex-shrink:0}
@media(max-width:520px){.neis-avatar-profile-field{align-items:stretch;flex-direction:column}.neis-avatar-profile-field button{width:100%}}

/* Theme-aware illustrated avatar frame: separates light artwork from any profile background. */
.neis-illustrated-avatar{
  position:relative;isolation:isolate;
  box-sizing:border-box;
  border:2px solid var(--line)!important;
  background:var(--soft)!important;
  box-shadow:0 0 0 3px var(--card),0 2px 9px rgba(0,0,0,.06);
  border-radius:50%!important;
}
.neis-illustrated-avatar img{
  background:#f2f6f7;
  border-radius:50%!important;
  width:100%;height:100%;object-fit:contain;
}
.profile-hero .neis-illustrated-avatar{flex-shrink:0}
.neis-avatar-preview img,.neis-illustration-choice img{background:var(--soft);border:1px solid var(--line);box-sizing:border-box}
.neis-illustration-choice:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Keep profile illustrations circular and legible on mobile, without a square
   image background or theme-specific opaque overrides. */
.avatar.neis-illustrated-avatar,
.profile-hero .avatar.neis-illustrated-avatar,
.chat-head .avatar.neis-illustrated-avatar,
.circle-message .avatar.neis-illustrated-avatar {
 display:inline-flex!important;align-items:center;justify-content:center;
 overflow:hidden!important;padding:0!important;border-radius:50%!important;
 background:var(--soft)!important;border:1px solid var(--line)!important;
 box-shadow:0 0 0 2px var(--card),0 2px 8px rgba(0,0,0,.06);
}
.avatar.neis-illustrated-avatar>img {
 display:block;width:100%;height:100%;object-fit:contain;
 border-radius:50%!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
@media(max-width:760px) {
 .profile-hero .avatar.neis-illustrated-avatar {margin-inline:auto}
 .circle-message .avatar.neis-illustrated-avatar,
 .chat-head .avatar.neis-illustrated-avatar {flex-shrink:0}
}