/* ═══════════════════════════════════════════════════════════
   AUTH PAGES — премиум-стили для логина/регистрации.
   Перекрывают inline-стили в auth/login.blade.php.
═══════════════════════════════════════════════════════════ */

/* Фон страницы */
#authRoot{
    background:radial-gradient(900px 600px at 20% 20%,rgba(93,187,60,.08),transparent 60%),
               radial-gradient(900px 600px at 80% 80%,rgba(245,166,35,.05),transparent 60%),
               linear-gradient(180deg,#11111a 0%,#0c0c14 100%) !important;
    background-image:radial-gradient(900px 600px at 20% 20%,rgba(93,187,60,.08),transparent 60%),
                     radial-gradient(900px 600px at 80% 80%,rgba(245,166,35,.05),transparent 60%),
                     repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.012) 31px,rgba(255,255,255,.012) 32px),
                     repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(255,255,255,.012) 31px,rgba(255,255,255,.012) 32px),
                     linear-gradient(180deg,#11111a 0%,#0c0c14 100%) !important;
    background-size:auto,auto,32px 32px,32px 32px,auto !important;
}

/* Хедер auth-страниц */
#authRoot > header{
    background:rgba(14,14,22,.85) !important;
    backdrop-filter:blur(14px) saturate(1.4);
    border-bottom:1.5px solid rgba(255,255,255,.05) !important;
    box-shadow:0 8px 24px -12px rgba(0,0,0,.6) !important;
    position:relative;
}
#authRoot > header::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.5),rgba(80,140,220,.4),transparent);
    opacity:.65;
}
#authRoot > header > div > a:first-child > div:first-child{
    background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26) !important;
    border:none !important;border-radius:10px !important;
    box-shadow:0 6px 20px -4px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.2) !important;
    transform:rotate(-3deg);
}
#authRoot > header a[href$="/"]:last-child{
    color:#aef88b !important;transition:color .15s;
}
#authRoot > header a[href$="/"]:last-child:hover{color:#fff !important}

/* Главная карточка (двух-колоночная) */
#authRoot > div:nth-child(2) > div{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.98)) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:22px !important;
    box-shadow:0 30px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow:hidden;position:relative;
}
#authRoot > div:nth-child(2) > div::before,
#authRoot > div:nth-child(2) > div::after{
    content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;
}
#authRoot > div:nth-child(2) > div::before{width:280px;height:280px;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);top:-100px;left:-80px}
#authRoot > div:nth-child(2) > div::after{width:240px;height:240px;background:radial-gradient(circle,#508cdc 0%,transparent 70%);bottom:-100px;right:-80px}

/* Левая промо-колонка */
#authRoot > div:nth-child(2) > div > div:first-child{
    background:linear-gradient(160deg,rgba(13,42,16,.6),rgba(15,26,16,.85)) !important;
    border-right:1px solid rgba(93,187,60,.15);
    position:relative;z-index:1;
}

/* Вкладки Войти/Регистрация */
#authRoot button#tabLoginBtn,
#authRoot button#tabRegBtn{
    transition:background .2s,color .2s !important;
    font-weight:900 !important;
}
#authRoot button#tabLoginBtn[style*="background: var(--green)"],
#authRoot button#tabRegBtn[style*="background: var(--green)"],
#authRoot button#tabLoginBtn[style*="background:var(--green)"],
#authRoot button#tabRegBtn[style*="background:var(--green)"]{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;
}

/* Контейнер вкладок */
#authRoot div[id="formLogin"],
#authRoot div[id="formRegister"]{
    position:relative;z-index:1;
}

/* Поля ввода */
#authRoot input[type="text"],
#authRoot input[type="email"],
#authRoot input[type="password"],
#authRoot input[type="tel"],
#authRoot input[type="number"]{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    color:#fff !important;
    padding:12px 14px !important;
    font-size:14px !important;
    transition:border-color .2s,background .2s,box-shadow .2s !important;
    backdrop-filter:blur(4px);
}
#authRoot input[type="text"]::placeholder,
#authRoot input[type="email"]::placeholder,
#authRoot input[type="password"]::placeholder{color:rgba(255,255,255,.4);font-weight:600}
#authRoot input[type="text"]:focus,
#authRoot input[type="email"]:focus,
#authRoot input[type="password"]:focus,
#authRoot input[type="tel"]:focus{
    border-color:#5dbb3c !important;
    background:rgba(93,187,60,.06) !important;
    box-shadow:0 0 0 3px rgba(93,187,60,.15) !important;
    outline:none !important;
}

/* Лейблы */
#authRoot label{
    font-size:11px !important;
    font-weight:900 !important;
    color:var(--muted) !important;
    text-transform:uppercase;
    letter-spacing:.07em;
}

/* Главная кнопка submit (button type=submit, без onclick) */
#authRoot button[type="submit"]{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:11px !important;
    padding:13px 22px !important;
    font-size:14px !important;
    font-weight:900 !important;
    cursor:pointer;
    box-shadow:0 8px 22px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s !important;
    position:relative;overflow:hidden;
    font-family:'Nunito',sans-serif !important;
}
#authRoot button[type="submit"]::before{
    content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    animation:authBtnShine 4s ease-in-out infinite;pointer-events:none;
}
@keyframes authBtnShine{0%,80%{left:-100%}90%{left:100%}100%{left:100%}}
#authRoot button[type="submit"]:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px -6px rgba(93,187,60,.7) !important;
    filter:brightness(1.06);
}

/* Чекбоксы */
#authRoot input[type="checkbox"]{
    accent-color:#5dbb3c !important;
    width:18px !important;height:18px !important;
}

/* Заголовок в промо-колонке */
#authRoot > div:nth-child(2) > div > div:first-child > div > div:nth-child(2){
    background:linear-gradient(90deg,#fff 0%,#fff 45%,#aef88b 85%,#5dbb3c 100%) !important;
    background-clip:text !important;-webkit-background-clip:text !important;
    color:transparent !important;
    filter:drop-shadow(0 0 12px rgba(93,187,60,.3));
}

/* Подсказка про подтверждение пароля и пр. */
#authRoot small{color:var(--muted) !important;font-size:11.5px !important}

/* Ошибки */
#authRoot div[style*="rgba(224,48,48"]{
    background:linear-gradient(135deg,rgba(224,48,48,.12),rgba(224,48,48,.04)) !important;
    border:1.5px solid rgba(224,48,48,.35) !important;
    color:#ff8585 !important;
    border-radius:10px !important;
    padding:10px 14px !important;
    font-weight:700;
}

@media(max-width:780px){
    #authRoot > div:nth-child(2) > div{
        grid-template-columns:1fr !important;
    }
    #authRoot > div:nth-child(2) > div > div:first-child{
        border-right:none !important;
        border-bottom:1px solid rgba(93,187,60,.15);
    }
}