/* ONECOM Login UI v3.6 — аккуратная единая сетка без изменения логики входа */
#modal-login-form .oc-auth-actions-row,
.modal-login .oc-auth-actions-row,
#modal-login .oc-auth-actions-row,
[data-modal="login"] .oc-auth-actions-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  position:relative!important;
  box-sizing:border-box!important;
}

#modal-login-form .oc-auth-native-login,
.modal-login .oc-auth-native-login,
#modal-login .oc-auth-native-login,
[data-modal="login"] .oc-auth-native-login{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:78px!important;
  max-width:120px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 17px!important;
  float:none!important;
  border:1px solid rgba(239,46,79,.13)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#151922,#0b0e14)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
#modal-login-form .oc-auth-native-login:hover,
.modal-login .oc-auth-native-login:hover,
#modal-login .oc-auth-native-login:hover,
[data-modal="login"] .oc-auth-native-login:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  border-color:rgba(238,38,74,.28)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.31),0 0 18px rgba(225,28,61,.08),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#modal-login-form .oc-auth-native-login:active,
.modal-login .oc-auth-native-login:active,
#modal-login .oc-auth-native-login:active,
[data-modal="login"] .oc-auth-native-login:active{transform:translateY(0) scale(.985)!important}

#modal-login-form .oc-auth-hub,
.modal-login .oc-auth-hub,
#modal-login .oc-auth-hub,
[data-modal="login"] .oc-auth-hub{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
  float:none!important;
  margin:14px 0 8px!important;
  padding:0!important;
  position:relative!important;
  box-sizing:border-box!important;
}

.oc-auth-divider{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0 0 13px!important;color:#b8bdc9!important;font-size:13px!important;line-height:1!important;clear:both!important;float:none!important}
.oc-auth-divider:before,.oc-auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13))}
.oc-auth-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}
.oc-auth-divider span{white-space:nowrap;text-shadow:0 1px 10px rgba(255,255,255,.08)}

.oc-auth-provider-grid{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;clear:both!important;box-sizing:border-box!important}
.oc-auth-provider{appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:46px!important;margin:0!important;padding:10px 13px!important;float:none!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important;outline:none!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;vertical-align:middle!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
.oc-auth-provider:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 46%,rgba(255,255,255,.035));opacity:.58;pointer-events:none;z-index:-1}
.oc-auth-provider:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;text-decoration:none!important}
.oc-auth-provider:active{transform:translateY(0) scale(.965)!important}
.oc-auth-provider:focus-visible{box-shadow:0 0 0 3px rgba(54,177,255,.28),0 12px 28px rgba(0,0,0,.28)!important}
.oc-auth-provider__icon{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}
.oc-auth-provider__icon svg{width:24px;height:24px;display:block}
.oc-auth-provider__text{display:block;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}
.oc-auth-provider__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#modal-login-form .oc-auth-actions-row>.oc-auth-provider--icon-only,
.modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,
#modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,
[data-modal="login"] .oc-auth-actions-row>.oc-auth-provider--icon-only{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  border-radius:14px!important;
  line-height:1!important;
}
.oc-auth-actions-row>.oc-auth-provider--icon-only .oc-auth-provider__icon,
.oc-auth-actions-row>.oc-auth-provider--icon-only .oc-auth-provider__icon svg{width:25px!important;height:25px!important}
.oc-auth-provider--google{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(229,235,246,.96))!important;color:#202124!important;border-color:rgba(255,255,255,.88)!important;box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 #fff!important}
.oc-auth-provider--google:hover{border-color:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 22px rgba(255,255,255,.12),inset 0 1px 0 #fff!important}
.oc-auth-provider--telegram{background:linear-gradient(145deg,#35baf4,#148bca)!important;color:#fff!important;border-color:rgba(129,215,255,.46)!important;box-shadow:0 10px 25px rgba(26,155,218,.30),inset 0 1px 0 rgba(255,255,255,.31)!important}
.oc-auth-provider--telegram:hover{border-color:rgba(190,236,255,.82)!important;box-shadow:0 14px 32px rgba(24,156,221,.42),0 0 27px rgba(43,174,235,.24),inset 0 1px 0 rgba(255,255,255,.39)!important}
.oc-auth-provider--telegram .oc-auth-provider__icon svg{filter:drop-shadow(0 3px 7px rgba(0,0,0,.16))}

.oc-auth-provider--phone{display:flex!important;width:100%!important;max-width:100%!important;min-height:50px!important;margin:0!important;padding:10px 16px!important;float:none!important;clear:both!important;background:linear-gradient(135deg,#ff3455,#df153b)!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 9px 24px rgba(215,25,56,.29),inset 0 1px 0 rgba(255,255,255,.22)!important;white-space:nowrap!important}
.oc-auth-provider--phone:hover{box-shadow:0 13px 30px rgba(215,25,56,.38),0 0 24px rgba(237,45,74,.16),inset 0 1px 0 rgba(255,255,255,.25)!important}
.oc-auth-provider--wide{width:100%!important;flex:0 0 100%!important}

.oc-auth-support{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;max-width:100%!important;min-height:30px!important;margin:10px auto 0!important;padding:6px 11px!important;float:none!important;clear:both!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;box-sizing:border-box!important;background:rgba(255,255,255,.03)!important;color:#aeb6c5!important;font-family:inherit!important;font-size:12.5px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.oc-auth-support:hover{color:#fff!important;border-color:rgba(46,174,236,.28)!important;background:rgba(37,160,220,.09)!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;text-decoration:none!important}
.oc-auth-support:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(46,174,236,.20)!important}
.oc-auth-support__icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:#37b7ef}
.oc-auth-support__icon svg{width:15px;height:15px;display:block}
.oc-auth-support__arrow{font-size:12px;color:#6f7888;transition:transform .18s ease,color .18s ease}
.oc-auth-support:hover .oc-auth-support__arrow{color:#37b7ef;transform:translate(1px,-1px)}

@media(max-width:560px){
  #modal-login-form .oc-auth-actions-row,.modal-login .oc-auth-actions-row,#modal-login .oc-auth-actions-row,[data-modal="login"] .oc-auth-actions-row{gap:9px!important;margin-top:15px!important}
  #modal-login-form .oc-auth-native-login,.modal-login .oc-auth-native-login,#modal-login .oc-auth-native-login,[data-modal="login"] .oc-auth-native-login{min-width:76px!important;height:46px!important;min-height:46px!important;padding:0 15px!important;font-size:13.5px!important}
  #modal-login-form .oc-auth-actions-row>.oc-auth-provider--icon-only,.modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,#modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,[data-modal="login"] .oc-auth-actions-row>.oc-auth-provider--icon-only{flex-basis:46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
  .oc-auth-provider--phone{min-height:50px!important;padding:10px 14px!important;font-size:13.5px!important}
  .oc-auth-support{margin-top:9px!important}
}

@media(max-width:340px){
  #modal-login-form .oc-auth-actions-row,.modal-login .oc-auth-actions-row,#modal-login .oc-auth-actions-row,[data-modal="login"] .oc-auth-actions-row{gap:7px!important}
  #modal-login-form .oc-auth-native-login,.modal-login .oc-auth-native-login,#modal-login .oc-auth-native-login,[data-modal="login"] .oc-auth-native-login{min-width:70px!important;height:43px!important;min-height:43px!important;padding:0 12px!important;font-size:13px!important}
  #modal-login-form .oc-auth-actions-row>.oc-auth-provider--icon-only,.modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,#modal-login .oc-auth-actions-row>.oc-auth-provider--icon-only,[data-modal="login"] .oc-auth-actions-row>.oc-auth-provider--icon-only{flex-basis:43px!important;width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;border-radius:13px!important}
  .oc-auth-actions-row>.oc-auth-provider--icon-only .oc-auth-provider__icon,.oc-auth-actions-row>.oc-auth-provider--icon-only .oc-auth-provider__icon svg{width:23px!important;height:23px!important}
  .oc-auth-provider--phone{font-size:13px!important}
}

.oc-phone-auth{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s ease}
.oc-phone-auth.is-open{visibility:visible;opacity:1}
.oc-phone-auth__backdrop{position:absolute;inset:0;background:rgba(3,7,15,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.oc-phone-auth__dialog{position:relative;width:min(100%,420px);max-height:calc(100vh - 40px);overflow:auto;padding:28px 26px 24px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(180deg,#171b22,#10131a);box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 35px rgba(215,25,56,.12);color:#fff;box-sizing:border-box;transform:translateY(10px) scale(.985);transition:transform .18s ease}
.oc-phone-auth.is-open .oc-phone-auth__dialog{transform:translateY(0) scale(1)}
.oc-phone-auth__close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:26px;line-height:32px;cursor:pointer}
.oc-phone-auth__badge{width:54px;height:54px;margin:0 auto 14px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ed3d48,#d71938);box-shadow:0 8px 24px rgba(215,25,56,.28)}
.oc-phone-auth__badge svg{width:28px;height:28px}
.oc-phone-auth h3{margin:0 34px 8px;text-align:center;color:#fff;font:700 22px/1.25 inherit}
.oc-phone-auth p{margin:0 0 20px;text-align:center;color:#aeb4c1;font:400 14px/1.5 inherit}
.oc-phone-auth label{display:block;margin:0 0 7px;color:#dce0e8;font:600 13px/1.3 inherit}
.oc-phone-auth input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#eef3ff;color:#111827;box-sizing:border-box;outline:none;font-family:inherit;font-size:16px;font-weight:600;line-height:1;transition:border-color .15s ease,box-shadow .15s ease}
.oc-phone-auth input:focus{border-color:#e33447;box-shadow:0 0 0 3px rgba(227,52,71,.16)}
.oc-phone-auth__code{text-align:center;letter-spacing:.28em;font-size:22px!important;padding-left:calc(15px + .28em)!important}
.oc-phone-auth__primary{width:100%;height:50px;margin-top:13px;border:0;border-radius:13px;background:linear-gradient(135deg,#ed3d48,#d71938);color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(215,25,56,.25)}
.oc-phone-auth__primary:disabled,.oc-phone-auth__actions button:disabled{opacity:.58;cursor:not-allowed}
.oc-phone-auth__message{min-height:20px;margin-top:8px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:left}
.oc-phone-auth__message.is-error{color:#ff8b95}
.oc-phone-auth__message.is-success{color:#72d49a}
.oc-phone-auth__actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.oc-phone-auth__actions button{padding:5px 0;border:0;background:transparent;color:#b8bfcc;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
html.oc-phone-auth-open,html.oc-phone-auth-open body{overflow:hidden!important}

@media(max-width:560px){
  .oc-phone-auth{padding:0;align-items:flex-end}
  .oc-phone-auth__dialog{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:27px 18px calc(22px + env(safe-area-inset-bottom))}
  .oc-phone-auth h3{font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  .oc-auth-provider,.oc-auth-native-login,.oc-auth-support,.oc-phone-auth,.oc-phone-auth__dialog{transition:none!important}
}