/* Login page specific styles (extracted from templates/fleet/login.html) */
:root{
	--glico-deep:#253a7f;
	--glico-sea:#2fabe2;
	--primary-gradient:linear-gradient(90deg,var(--glico-deep),var(--glico-sea));
	--bg:#f6fbff;
	--card:#ffffff;
	--muted:#6b7280;
	--radius:14px;
}
*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
body{margin:0;background:var(--bg);color:#0f172a;min-height:100vh;display:flex;align-items:center;justify-content:center}

.layout{width:100%;max-width:420px;padding:28px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 18px 40px rgba(14,30,84,0.08);padding:28px}
.brand{display:flex;align-items:center;flex-direction:column;gap:12px;margin-bottom:6px}
.logo img{width:100%;height:auto;object-fit:contain;border-radius:50%}
h1{font-size:20px;margin:0;text-align:center;font-weight:700}
p.lead{color:var(--muted);font-size:13px;margin:0 0 16px;text-align:center}

.form-group{margin-bottom:14px}
label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e6edf7;background:#fbfdff}
.input:focus{outline:none;box-shadow:0 6px 18px rgba(47,171,226,0.12);border-color:var(--glico-sea)}

.controls{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.forgot{font-size:13px;color:var(--glico-sea);text-decoration:none}
.btn-primary{background:var(--primary-gradient);border:none;color:#fff;padding:10px 14px;border-radius:10px;width:100%;font-weight:600}

.foot{margin-top:14px;text-align:center;color:var(--muted);font-size:13px}

.error{color:#b91c1c;font-size:13px;margin-top:6px;display:none}

.show-pass{background:transparent;border:none;color:var(--muted);cursor:pointer}

@media (max-width:420px){.layout{padding:18px}.card{padding:18px}}