/* Стили страниц авторизации (V4 split-панель): login + forget-password.
   Подключается через registerCssFile в этих view (layout main-login.php теперь
   вызывает head()). Иллюстрация панели — /img/login/courtyard.svg. */

.auth-v4-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;
    background:radial-gradient(1200px 600px at 80% -10%, #e9f3f1 0%, #dbe6ee 45%, #d2dde8 100%);font-family:"Open Sans",Arial,sans-serif;}
.auth-v4-card{display:flex;width:100%;max-width:920px;min-height:540px;background:#fff;border-radius:18px;overflow:hidden;
    box-shadow:0 24px 60px -20px rgba(18,52,80,.35),0 6px 18px -8px rgba(18,52,80,.25);}
.auth-v4-art{position:relative;flex:0 0 44%;
    background:linear-gradient(180deg, rgba(2,20,31,.42) 0%, rgba(2,20,31,0) 24%, rgba(2,20,31,0) 60%, rgba(2,20,31,.62) 100%),
        url('/img/login/courtyard.svg') center/cover no-repeat, #1577a6;}
.auth-v4-art-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:26px;}
.auth-brand{display:flex;align-items:center;gap:11px;}
.auth-brand .chip{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.auth-brand .chip img{width:28px;height:28px;display:block;}
.auth-brand .name{font-size:15px;font-weight:600;color:#fff;line-height:1.25;}
.auth-brand .sub{font-size:11px;color:rgba(255,255,255,.82);}
.auth-feats{display:flex;flex-direction:column;gap:9px;}
.auth-feats .row{display:flex;align-items:center;gap:9px;font-size:12px;color:rgba(255,255,255,.94);}
.auth-feats .row svg{flex:0 0 auto;opacity:.92;}
.auth-v4-form{flex:1 1 56%;padding:44px 42px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
.auth-title{font-size:22px;font-weight:600;color:#1b2430;margin:0;}
.auth-desc{font-size:13px;color:#6b7382;margin:8px 0 26px;line-height:1.55;}
.auth-label{display:block;font-size:12px;color:#8a93a0;margin:0 0 6px;font-weight:600;}
.auth-field{position:relative;margin-bottom:16px;}
.auth-fg{margin:0;}
.auth-ic{position:absolute;left:14px;top:14px;color:#aab2bd;z-index:2;pointer-events:none;}
.auth-input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid #e3e7ee;border-radius:10px;background:#f6f8fa;
    font-size:14px;color:#2a323e;box-sizing:border-box;transition:border-color .15s, background .15s, box-shadow .15s;outline:none;}
.auth-input:focus{border-color:#12a08a;background:#fff;box-shadow:0 0 0 3px rgba(18,160,138,.14);}
.auth-input::placeholder{color:#aab2bd;}
.auth-submit{width:100%;height:48px;margin-top:8px;border:0;border-radius:10px;background:#12866f;color:#fff;
    font-size:15px;font-weight:600;cursor:pointer;transition:background .15s, transform .05s;}
.auth-submit:hover{background:#0f7460;}
.auth-submit:active{transform:translateY(1px);}
.auth-foot{text-align:center;margin-top:18px;}
.auth-link{font-size:13px;color:#12866f;text-decoration:none;}
.auth-link:hover{color:#0f7460;text-decoration:underline;}
.auth-v4-card .auth-fg .help-block{color:#d9534f;font-size:12px;margin:6px 0 0;}
@media (max-width:768px){
    .auth-v4-art{display:none;}
    .auth-v4-card{max-width:440px;min-height:0;border-radius:16px;}
    .auth-v4-form{padding:36px 28px;}
}