/* Auth Forms Styles (Login/Register/Lost) - Templines (https://templines.com/) */
.tlaw-form {
    max-width: 560px;
    margin: 2rem auto;
    padding: 4.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}
.tlaw-form--login,
.tlaw-form--register {
    max-width: 560px;
}
.tlaw-form__label { font-weight:600; font-size:1.5rem; margin-top: 10px; }
.tlaw-input { width:100%; padding:0.925rem 0.95rem; border:1px solid #d1d5db; border-radius:6px; font-size:1.2rem; }
.tlaw-input:focus { outline:none; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.15); }
.tlaw-button { display:inline-flex; align-items:center; justify-content:center; padding:0.6rem 1rem; border-radius:6px; border:1px solid transparent; cursor:pointer; font-weight:600; }
.tlaw-button--primary { background:#2563eb; color:#fff; }
.tlaw-button--primary:hover { background:#1d4ed8; }
.tlaw-link { color:#2563eb; text-decoration:none; }
.tlaw-link:hover { text-decoration:underline; }
.tlaw-checkbox { display:inline-flex; align-items:center; gap:0.4rem; }
.tlaw-flash { margin:1rem auto; max-width:520px; display:grid; gap:0.5rem; }
.tlaw-form__body {
    display: grid;
    gap: 0.75rem;
    background: #f9fafb;
    padding: 25px;
    border-radius: 12px;
}
.tlaw-form__row--remember {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    gap: 12px;
}
@media (max-width: 1199px) {
    .tlaw-form__row--remember {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
.tlaw-flash__item { padding:0.75rem 1rem; border-radius:6px; font-size:0.95rem; }
.tlaw-flash__item--success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.tlaw-flash__item--error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.tlaw-flash__item--info { background:#eff6ff; color:#1e3a8a; border:1px solid #bfdbfe; }
.tlaw-form__footer{
  padding-top:10px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.tlaw-form__footer-block{
  display:flex;
  align-items:center;
  gap:5px;
}
.tlaw-form__footer-icon{
  display:inline-flex;
  width:20px;
  height:20px;
  color:#2563eb;
}
.tlaw-form__footer-icon svg{
  width:100%;
  height:100%;
  display:block;
  fill:#777;
  position:relative;
  top:-2px;
}
.tlaw-form__footer-text{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.tlaw_autologin-box { display:flex; flex-direction:row; width:100%; }
.tlaw_autologin-box div[role='button']{ width:100% !important; max-width:100% !important; min-width:100% !important; }
.tlaw-form__dealer-group.is-hidden { display:none; }
.tlaw-form__role { padding:0; border:0; border-radius:8px; background:#f9fafb; margin-bottom:10px; }
.tlaw-form__role-options { display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:0.75rem; }
/*
.tlaw-form__role-options .tlaw-radio {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 150px;
}
*/
.tlaw-radio { flex:1 1 0; position:relative; }
.tlaw-radio input { position:absolute; inset:0; opacity:0; pointer-events:none; }
.tlaw-radio span { display:block; width:100%; text-align:center; padding:0.85rem 1rem; border:1px solid #d1d5db; border-radius:999px; font-weight:600; color:#4b5563; background:#fff; transition:all .2s ease; }
.tlaw-radio input:checked + span { border-color:#2563eb; background:#2563eb; color:#fff; box-shadow:0 10px 25px rgba(37,99,235,.25); }
.tlaw-radio input:focus-visible + span { outline:2px solid #93c5fd; outline-offset:3px; }
.tlaw-radio span .tlaw-role-label { display:inline-block; }
@media (max-width: 767px) {
  .tlaw-form { padding:2rem; margin:1.5rem auto; }
}
@media (max-width: 575px) {
  .tlaw-form { padding:1.5rem; margin:1rem; border-width:1px; }
}
@media (max-width: 480px) {
  .tlaw-form {
    max-width: 100% !important;
    margin: 2rem auto;
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .tlaw-form__role-options { flex-direction:column; }
  /*
  .tlaw-form__role-options .tlaw-radio {
    flex: 1 1 100%;
    min-width: 0;
  }
  */
}
.tlaw-form__dealer-group { margin-top:1rem; padding-top:0.5rem; border-top:1px dashed #e5e7eb; }