/* Sakavets Mail Profile + Password UX V16 */

/* Password visibility */
.sak-password-field{
  position:relative;
  width:100%;
}
.sak-password-field input{
  padding-right:58px!important;
}
.sak-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:0;
  border-radius:11px;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:#76839a;
  background:transparent;
  transition:.18s ease;
}
.sak-password-toggle:hover,
.sak-password-toggle:focus-visible{
  color:#385ce9;
  background:#eef2ff;
  outline:none;
}
.sak-password-toggle svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sak-password-toggle .sak-eye-closed{display:none}
.sak-password-toggle.is-visible .sak-eye-open{display:none}
.sak-password-toggle.is-visible .sak-eye-closed{display:block}

/* Main-site launcher */
.sak-site-launch{
  position:relative;
  z-index:3;
  min-height:58px;
  margin:0 0 10px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  color:#fff;
  border:1px solid rgba(255,255,255,.105);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(92,116,255,.10));
  box-shadow:0 11px 30px rgba(4,12,36,.10);
  transition:.18s ease;
}
.sak-site-launch:hover{
  transform:translateY(-1px);
  border-color:rgba(137,160,255,.30);
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(92,116,255,.16));
}
.sak-site-launch-logo{
  width:40px;
  height:40px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 7px 20px rgba(57,90,255,.20);
}
.sak-site-launch-logo img{width:100%;height:100%;object-fit:cover;display:block}
.sak-site-launch-copy{display:flex;flex-direction:column;min-width:0}
.sak-site-launch-copy strong{font-size:11px;line-height:1.25}
.sak-site-launch-copy small{margin-top:3px;color:#aab6dc;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sak-site-launch>svg{
  width:17px;height:17px;fill:none;stroke:#9dacd8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}

/* Large clickable account block */
.sak-profile-menu{
  position:relative;
  z-index:40;
  margin-top:0;
  border-top:1px solid rgba(255,255,255,.09);
}
.sak-profile-menu>summary{
  list-style:none;
}
.sak-profile-menu>summary::-webkit-details-marker{display:none}
.sak-profile-menu .sak-profile{
  min-height:70px;
  padding:10px 9px;
  border:0;
  cursor:pointer;
  border-radius:15px;
  display:flex;
  align-items:center;
  gap:10px;
  transition:.18s ease;
  user-select:none;
}
.sak-profile-menu .sak-profile:hover,
.sak-profile-menu[open] .sak-profile{
  background:rgba(255,255,255,.07);
}
.sak-profile-menu .sak-profile-avatar{
  width:46px;
  height:46px;
  flex:0 0 46px;
  font-size:15px;
  box-shadow:0 8px 22px rgba(45,75,220,.16);
}
.sak-profile-menu .sak-profile-copy strong{
  font-size:13px;
  line-height:1.2;
}
.sak-profile-menu .sak-profile-copy span{
  margin-top:5px;
  font-size:10px;
  color:#a2aed1;
}
.sak-profile-chevron{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#9ba9d0;
  transition:.18s ease;
}
.sak-profile-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sak-profile-menu[open] .sak-profile-chevron{transform:rotate(180deg);background:rgba(255,255,255,.07);color:#fff}

/* Popover opens upward so it fits the bottom-left corner */
.sak-profile-popover{
  position:fixed;
  left:15px;
  bottom:92px;
  width:312px;
  padding:15px;
  color:#1d2940;
  border:1px solid #e1e7f0;
  border-radius:19px;
  background:rgba(255,255,255,.985);
  box-shadow:0 24px 70px rgba(5,16,45,.28);
  transform-origin:bottom left;
  animation:sakProfileIn .15s ease-out;
}
@keyframes sakProfileIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
.sak-profile-popover-head{
  display:flex;
  gap:11px;
  align-items:center;
  padding:2px 2px 13px;
  border-bottom:1px solid #edf0f5;
}
.sak-profile-avatar.large{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  font-size:15px!important;
}
.sak-profile-popover-head>div:last-child{display:flex;min-width:0;flex-direction:column}
.sak-profile-popover-head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sak-profile-popover-head span{margin-top:4px;color:#7f899b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sak-profile-name-form{padding:13px 1px 11px}
.sak-profile-name-form label{display:block;margin:0 0 7px;color:#616e84;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.sak-profile-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.sak-profile-edit-row input{
  min-width:0;
  height:39px;
  padding:0 10px;
  border:1px solid #dfe5ee;
  border-radius:10px;
  outline:none;
  color:#202c42;
  background:#fff;
  font-size:12px;
}
.sak-profile-edit-row input:focus{border-color:#8ca2ff;box-shadow:0 0 0 3px rgba(69,99,255,.09)}
.sak-profile-edit-row button{
  height:39px;
  padding:0 11px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,#4563ff,#637eff);
  font-size:10px;
  font-weight:800;
}

.sak-profile-email-lock{
  min-height:51px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #e8ecf2;
  border-radius:12px;
  background:#f7f9fc;
}
.sak-profile-email-lock>div{display:flex;flex:1;min-width:0;flex-direction:column}
.sak-profile-email-lock span:first-child{color:#7f899b;font-size:9px}
.sak-profile-email-lock strong{margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sak-copy-email{
  min-width:96px;
  height:32px;
  flex:0 0 auto;
  padding:0 12px;
  border:0;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#5574ff,#6658ee);
  font-size:10px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 5px 12px rgba(69,99,255,.18);
  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}
.sak-copy-email:hover{
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(69,99,255,.24);
}
.sak-copy-email:active{transform:scale(.97)}
.sak-copy-email:focus-visible{outline:2px solid #4563ff;outline-offset:2px}
.sak-copy-email.is-copied{
  background:#e8edff;
  color:#4563ff !important;
  -webkit-text-fill-color:#4563ff !important;
  box-shadow:none;
}
.sak-copy-email-label{
  display:block;
  pointer-events:none;
}
.sak-profile-lock-note{display:block;margin:6px 4px 12px;color:#929caf;font-size:9px;line-height:1.4}

.sak-profile-menu-actions{display:grid;gap:6px;padding-top:11px;border-top:1px solid #edf0f5}
.sak-profile-menu-actions>a{
  min-height:49px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  gap:9px;
  align-items:center;
  border-radius:12px;
  color:#24324a;
  transition:.16s ease;
}
.sak-profile-menu-actions>a:hover{background:#f3f6fb}
.sak-profile-menu-actions>a>img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.sak-profile-menu-actions>a>span:not(.sak-menu-action-icon){display:flex;min-width:0;flex-direction:column}
.sak-profile-menu-actions>a strong{font-size:11px}
.sak-profile-menu-actions>a small{margin-top:2px;color:#8390a4;font-size:9px}
.sak-profile-menu-actions>a>svg{width:16px;height:16px;fill:none;stroke:#8290a6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sak-profile-menu-actions>a.danger{grid-template-columns:34px minmax(0,1fr);color:#c84654}
.sak-profile-menu-actions>a.danger:hover{background:#fff1f3}
.sak-menu-action-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff0f2;color:#d54f5d}
.sak-menu-action-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:820px){
  .sak-site-launch{grid-template-columns:40px;justify-content:center;padding:8px}
  .sak-site-launch-copy,.sak-site-launch>svg{display:none}
  .sak-profile-menu .sak-profile{justify-content:center;padding:8px}
  .sak-profile-menu .sak-profile-copy,.sak-profile-chevron{display:none}
  .sak-profile-popover{left:calc(100% + 12px);bottom:0;width:min(312px,calc(100vw - 100px));transform-origin:bottom left}
}

@media(max-width:560px){
  .sak-profile-popover{position:fixed;left:84px;right:12px;bottom:12px;width:auto;max-width:360px}
}

/* v16.2 — consent checkbox alignment + checkmark */
.sak-auth-check > span{
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  border-radius:5px !important;
  position:relative !important;
}
.sak-auth-check input:checked + span{
  background:#4563ff !important;
  border-color:#4563ff !important;
  box-shadow:none !important;
}
.sak-auth-check input:checked + span::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}


/* v16.3 — account popover: copy email + registration target */