/* Misma composición y familia cromática del login de Vendedores. */
html, body { height: 100%; }
body { margin: 0; background: #022c22; }
.auth-wrap { min-height: 100vh; padding: 0; }
.auth-row { min-height: 100vh; }
.left { background: radial-gradient(circle at top, #0f766e 0%, #0d9488 42%, #022c22 72%); color: #fff; overflow: visible; }
.left-inner { max-width: 640px; }
.right { background: #fff; }
@media (min-width: 992px) { .right { box-shadow: -12px 0 40px rgba(2, 6, 23, .18); } }
.cardish { border: 1px solid rgba(15, 23, 42, .1); border-radius: 18px; box-shadow: 0 18px 45px rgba(2, 6, 23, .1); background: #fff; color: #0f172a; color-scheme: light; }
.hint { font-size: .95rem; color: rgba(255, 255, 255, .82); }
.left-illustration-box { overflow: visible; padding: 2rem !important; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); }
.left-illustration-box img { width: 100%; height: auto; transform: scale(1.45); transform-origin: center center; }
.left-brand-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: .5rem .75rem; margin-top: 2rem; }
.form-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #0f766e; z-index: 2; pointer-events: none; }
.input-wrap { position: relative; }
.input-wrap .form-control { padding-left: 2.5rem; border-radius: 12px; border-color: rgba(15, 118, 110, .35); color: #0f172a; background-color: #fff; -webkit-text-fill-color: #0f172a; }
.input-wrap .form-control:focus { border-color: #0d9488; box-shadow: 0 0 0 .2rem rgba(13, 148, 136, .2); color: #0f172a; background-color: #fff; -webkit-text-fill-color: #0f172a; }
.db-dropdown .dropdown-toggle { padding-left: 2.5rem; min-height: calc(1.5em + .75rem + 2px); border-radius: 12px; border-color: rgba(15, 118, 110, .35); color: #0f172a !important; background-color: #fff !important; }
.db-dropdown .dropdown-toggle:focus { border-color: #0d9488; box-shadow: 0 0 0 .2rem rgba(13, 148, 136, .2); }
.db-dropdown .dropdown-toggle::after { display: none !important; }
.db-dropdown .dropdown-menu { border-radius: 12px; border-color: rgba(15, 118, 110, .25); max-height: 260px; overflow-y: auto; }
.db-dropdown .dropdown-item { color: #0f172a; white-space: normal; }
.db-dropdown .dropdown-item:hover, .db-dropdown .dropdown-item:focus { background-color: rgba(13, 148, 136, .15); color: #0f172a; }
.db-dropdown .dropdown-item.active, .db-dropdown .dropdown-item:active { background-color: #0d9488; color: #fff; }
.btn-auth-entrar { color: #fff; font-weight: 600; border: none; padding: .65rem 1rem; border-radius: .5rem; background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #047857 100%); }
.btn-auth-entrar:hover, .btn-auth-entrar:focus { color: #fff; filter: brightness(1.06); }
.btn-auth-entrar:focus-visible { box-shadow: 0 0 0 .25rem rgba(13, 148, 136, .45); }
.btn-auth-entrar:disabled { opacity: .65; filter: none; }
.validation-summary-valid { display: none; }
.validation-summary-errors ul { margin: 0; padding-left: 1rem; }