/*
 * Вміст вікна входу (js/new/auth.js).
 *
 * Сама коробка вікна — стандартна bootstrap-розмітка з js/my_modal.js;
 * її оформлення лежить у 04-components.css (.modal, .modal-dialog,
 * .modal-header/body/footer). Тут тільки те, що всередині: вкладки, форма,
 * помилки й другорядні дії.
 *
 * Гілка «публічний сайт»: вікно входу відкривається лише до авторизації.
 */

.auth-error{
  margin:0 0 14px; padding:9px 12px;
  font-size:14px; color:var(--crit);
  border:1px solid var(--crit); border-radius:2px;
}

/* вкладки «Користувач / Оператор» поверх bootstrap-их .nav-tabs */
.modal .auth-tabs{gap:22px; margin-bottom:0; border-bottom:1px solid var(--line)}
.modal .auth-tabs>li>a{
  padding:0 0 10px; border:0; border-bottom:2px solid transparent;
  font-size:14.5px; color:var(--ink-3); background:none;
}
.modal .auth-tabs>li>a:hover{color:var(--ink-2); background:none}
.modal .auth-tabs>li.active>a{
  color:var(--ink); font-weight:600; background:none;
  border:0; border-bottom:2px solid var(--brand); margin-bottom:0;
}

.auth-panes{padding-top:18px}

.auth-form{display:grid; gap:12px}
.auth-field{display:grid; gap:5px; margin:0}
/* підпис поля має читатися, а не бути виноскою */
.auth-field>span{font-size:14px; font-weight:500; color:var(--ink-2)}
/* саме поле — спільний компонент .field (global/03-components.css);
   тут лишається тільки те, що властиве формі входу */
.auth-field input{line-height:1.25}

/* підпис помилки під полем; клас вішає jquery-validate */
.auth-hint{display:block; font-size:12.5px; font-style:normal; color:var(--crit)}

.auth-submit{width:100%; min-height:44px; margin-top:4px; font-size:15.5px}

/* окремий рядок реєстрації — головна дія для того, хто ще не клієнт */
.auth-register{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--line);
  font-size:14.5px; color:var(--ink-2);
}
.auth-register-btn{
  padding:0; border:0; background:none; cursor:pointer;
  font:inherit; font-size:15px; font-weight:600; color:var(--brand);
  border-bottom:1px solid var(--brand);
}
.auth-register-btn:hover{filter:brightness(1.15)}

/* другорядні дії — текстом, щоб не сперечалися з кнопкою «Увійти» */
.auth-links{
  display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px;
  margin-top:12px;
}
.auth-link{
  padding:0; border:0; background:none; cursor:pointer;
  font:inherit; font-size:13.5px; color:var(--ink-3);
  border-bottom:1px solid transparent;
}
.auth-link:hover{color:var(--brand); border-bottom-color:var(--brand)}

.auth-note{margin:0; color:var(--ink-2); font-size:14px}

/* my_modal завжди малює футер для своїх кнопок; у вікні входу кнопок немає
   (вхід — кнопкою в самій формі), тож порожню смугу прибираємо */
#auth_user .modal-footer{display:none}