/* SoraKai — меню аватара в шапке. Изолировано от CSS личного кабинета. */
.sk-hp { position:relative; flex:0 0 auto; display:flex; align-items:center; }
.sk-hp-trigger {
  display:flex; align-items:center; justify-content:center; gap:4px;
  min-height:45px; padding:4px 7px 4px 5px;
  border:1px solid #6d49b1; border-radius:13px;
  background:linear-gradient(135deg,#25183f,#17152c); color:#cdb1ff;
  box-shadow:inset 0 1px 0 #ffffff12,0 0 15px #7547fa18;
  cursor:pointer; transition:background .18s,border-color .18s,box-shadow .18s;
}
.sk-hp-trigger:hover,.sk-hp-trigger[aria-expanded="true"] {
  border-color:#a37cf1; background:#342153; box-shadow:0 0 19px #8b56f73b;
}
.sk-hp-trigger:focus-visible,.sk-hp-dropdown a:focus-visible,.sk-hp-logout:focus-visible {
  outline:2px solid #c49aff; outline-offset:3px;
}
.sk-hp-avatar {
  width:36px;height:36px;flex:none;display:grid;place-items:center;
  overflow:hidden;border-radius:50%;border:1px solid #b197e8a1;
  font-size:16px;font-weight:800;color:#fff;line-height:1;
  text-transform:uppercase;user-select:none;
}
.sk-hp-avatar img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sk-hp-avatar--violet {background:linear-gradient(145deg,#a66cf3,#5f37b6 65%,#34235c)}
.sk-hp-avatar--blue {background:linear-gradient(145deg,#49beff,#305bcb 65%,#27306c)}
.sk-hp-avatar--rose {background:linear-gradient(145deg,#ff8ca9,#b344aa 65%,#5e2477)}
.sk-hp-avatar--mint {background:linear-gradient(145deg,#70e5c7,#238d91 65%,#164a63)}
.sk-hp-avatar--amber {background:linear-gradient(145deg,#ffcb74,#cf7541 65%,#754056)}
.sk-hp-avatar--night {background:linear-gradient(145deg,#676f95,#313457 65%,#101429)}
.sk-hp-chevron {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.sk-hp-trigger[aria-expanded="true"] .sk-hp-chevron {transform:rotate(180deg)}
.sk-hp-dropdown[hidden],.sk-hp-error[hidden] {display:none!important}
.sk-hp-dropdown {
  position:absolute;top:calc(100% + 10px);right:0;z-index:200;
  width:250px;max-width:calc(100vw - 24px);
  padding:9px;border:1px solid #43345f;border-radius:17px;
  background:linear-gradient(160deg,#171a30,#0e1424 85%);
  box-shadow:0 22px 60px #000b,0 0 23px #643b9e17;
  animation:sk-hp-appear .16s ease both;
}
.sk-hp-identity {display:flex;align-items:center;gap:11px;padding:9px 9px 12px;border-bottom:1px solid #30324d}
.sk-hp-identity .sk-hp-avatar {width:42px;height:42px;font-size:19px}
.sk-hp-identity-copy {flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sk-hp-identity-copy strong {display:block;min-width:0;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4edff;font-size:13px;font-weight:800}
.sk-hp-identity-copy span {color:#969fbe;font-size:10px}
.sk-hp-links {display:flex;flex-direction:column;padding:7px 0;gap:2px}
.sk-hp-links a,.sk-hp-logout {
  display:flex;align-items:center;gap:11px;width:100%;min-height:37px;
  padding:8px 10px;border:0;border-radius:9px;background:transparent;
  color:#d6d9ee;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;
  text-align:left;cursor:pointer;transition:background .15s,color .15s;
}
.sk-hp-links a:hover,.sk-hp-links a:focus-visible {background:#30254e;color:#f6eeff}
.sk-hp-links svg,.sk-hp-logout svg {width:18px;height:18px;flex:none;fill:none;stroke:#af91e8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sk-hp-bottom {border-top:1px solid #30324d;padding-top:6px}
.sk-hp-logout {color:#f0bdcf}
.sk-hp-logout svg {stroke:#d994af}
.sk-hp-logout:hover {background:#3c2339;color:#ffd8e5}
.sk-hp-logout:disabled {opacity:.6;cursor:wait}
.sk-hp-error {margin:7px 7px 3px;color:#ffc1d5;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
@keyframes sk-hp-appear {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px) {
  .sk-hp-trigger {min-height:40px;padding:3px 5px 3px 3px;border-radius:11px}
  .sk-hp-avatar {width:32px;height:32px}
  .sk-hp-identity .sk-hp-avatar {width:42px;height:42px}
  .sk-hp-chevron {width:12px;height:12px}
  .sk-hp-dropdown {right:0}
}
@media(prefers-reduced-motion:reduce){.sk-hp-dropdown{animation:none}.sk-hp-chevron,.sk-hp-trigger{transition:none}}

/* Исправление: выпадающее меню всегда поверх содержимого сайта. */
.site-header {
  z-index: 1000;
  overflow: visible;
}
.site-header .header-inner,
.site-header .header-actions,
.site-header .sk-hp {
  overflow: visible;
}
.site-header .header-actions {
  position: relative;
  z-index: 1001;
}
.site-header .sk-hp {
  z-index: 1002;
}
.site-header .sk-hp-dropdown {
  z-index: 1003;
  pointer-events: auto;
}
.site-header .sk-hp-dropdown a,
.site-header .sk-hp-dropdown button {
  position: relative;
  pointer-events: auto;
}