/* Tema Taxinexo — tela de login (fiel à referência: mobile, laranja).
   Carregado só nas telas de auth (via themes/taxinexo/layouts/auth.html). */
:root{
  --tx-bg-top:#E7EAF0; --tx-bg-mid:#EEF0F4; --tx-bg-bottom:#F5F6F9;
  --tx-ink:#1C1F26; --tx-welcome:#A7ADB7; --tx-label:#6E7580;
  --tx-placeholder:#B7BCC5; --tx-field-ink:#2A2E36; --tx-field-border:#ECEDF2;
  --tx-orange:#F26A1C; --tx-orange-deep:#EC5F12; --tx-text-dark:#3A3F47;
  --tx-check-border:#CFD3DA; --tx-error:#E5484D;
}
body{ margin:0; }
.tx-auth{ min-height:100dvh; display:flex; align-items:center; justify-content:center;
  background:#D7DADF; padding:16px;
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif; }
.tx-auth *{ box-sizing:border-box; }

.tx-screen{ position:relative; width:100%; max-width:400px; min-height:560px;
  background:linear-gradient(180deg,var(--tx-bg-top) 0%,var(--tx-bg-mid) 26%,var(--tx-bg-bottom) 70%);
  border-radius:30px; box-shadow:0 30px 70px rgba(26,31,46,.22); overflow:hidden;
  display:flex; flex-direction:column;
  padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(28px + env(safe-area-inset-bottom,0px)); }
.tx-screen::before{ content:""; position:absolute; top:-130px; right:-90px; width:340px; height:340px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 32% 32%,rgba(255,255,255,.85),rgba(255,255,255,0) 68%); }
.tx-screen::after{ content:""; position:absolute; top:-40px; right:60px; width:260px; height:260px;
  border-radius:50%; pointer-events:none; transform:rotate(12deg);
  background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%); }
.tx-screen > *{ position:relative; z-index:1; }

.tx-back{ width:40px; height:40px; margin-left:-8px; display:flex; align-items:center;
  justify-content:center; color:#2B2E34; text-decoration:none; }
.tx-intro{ margin-top:26px; }
.tx-welcome{ margin:0; font-size:15px; color:var(--tx-welcome); font-weight:400; }
.tx-title{ margin:6px 0 0; font-size:44px; line-height:1.05; font-weight:700;
  color:var(--tx-ink); letter-spacing:-.5px; }

.tx-form{ display:flex; flex-direction:column; flex:1; margin-top:36px; }
.tx-group{ margin-bottom:20px; }
.tx-label{ display:block; font-size:14.5px; color:var(--tx-label); font-weight:500; margin-bottom:10px; }
.tx-field{ width:100%; height:56px; border-radius:14px; background:#fff; border:1px solid var(--tx-field-border);
  padding:0 16px; font-size:15px; color:var(--tx-field-ink); font-family:inherit; outline:none;
  box-shadow:0 2px 6px rgba(20,25,40,.03); }
.tx-field::placeholder{ color:var(--tx-placeholder); }
.tx-field:focus{ border-color:#D8DBE2; box-shadow:0 2px 10px rgba(20,25,40,.06); }

.tx-phone-row{ display:flex; gap:10px; }
.tx-cc{ flex:0 0 auto; height:56px; border-radius:14px; background:#fff; border:1px solid var(--tx-field-border);
  padding:0 12px; display:flex; align-items:center; gap:7px; font-size:15px; color:var(--tx-field-ink);
  box-shadow:0 2px 6px rgba(20,25,40,.03); }
.tx-flag{ width:20px; height:14px; border-radius:2px; display:block; }
.tx-chev{ color:#9AA0A9; }
.tx-phone-row .tx-field{ flex:1 1 auto; min-width:0; }

.tx-pwd-wrap{ position:relative; }
.tx-pwd-wrap .tx-field{ padding-right:48px; }
.tx-eye{ position:absolute; right:8px; top:50%; transform:translateY(-50%); width:40px; height:40px;
  display:flex; align-items:center; justify-content:center; background:none; border:none; color:#8A9099; cursor:pointer; }

.tx-row{ display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.tx-remember{ display:inline-flex; align-items:center; gap:9px; font-size:14px; color:var(--tx-text-dark);
  cursor:pointer; user-select:none; }
.tx-remember input{ position:absolute; opacity:0; width:0; height:0; }
.tx-cbox{ width:20px; height:20px; border-radius:6px; border:1.5px solid var(--tx-check-border); background:#fff;
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; transition:.15s; }
.tx-cbox svg{ opacity:0; transform:scale(.6); transition:.15s; }
.tx-remember input:checked + .tx-cbox{ background:var(--tx-orange); border-color:var(--tx-orange); }
.tx-remember input:checked + .tx-cbox svg{ opacity:1; transform:scale(1); }
.tx-remember input:focus-visible + .tx-cbox{ box-shadow:0 0 0 3px rgba(242,106,28,.25); }
.tx-forgot{ font-size:14px; color:var(--tx-orange); font-weight:500; text-decoration:none; }

.tx-error{ margin:8px 2px 0; font-size:13px; color:var(--tx-error); }

.tx-spacer{ flex:1; min-height:44px; max-height:72px; }
.tx-submit{ width:100%; height:56px; border:none; border-radius:16px; cursor:pointer;
  background:linear-gradient(180deg,#F7811F 0%,var(--tx-orange-deep) 100%); color:#fff; font-family:inherit;
  font-size:17px; font-weight:700; box-shadow:0 12px 24px rgba(238,100,18,.28);
  transition:transform .08s,box-shadow .2s,opacity .2s; }
.tx-submit:active{ transform:translateY(1px); box-shadow:0 8px 16px rgba(238,100,18,.24); }