/* * Login e páginas guest (registo, recuperar senha): tema escuro Inbox. * Usar com e body.inbox-auth-body. * Fundo alinhado ao Landrick dark (#1c2836); toque leve de gradiente para identidade. * A variável --inbox-landrick-bg-dark vem de inbox-critical-paint (guest). */ html.inbox-auth, html.inbox-auth body.inbox-auth-body { min-height: 100%; } body.inbox-auth-body { margin: 0; color: #e6edf3; background-color: var(--inbox-landrick-bg-dark); background-image: radial-gradient(ellipse 100% 70% at 50% -30%, rgba(162, 255, 0, 0.06), transparent 55%); } .inbox-auth-section { min-height: 100vh; display: flex; align-items: center; padding: 2rem 0; } .inbox-auth-section .container { max-width: 480px; } .inbox-auth-section .card.form-signin { background: rgba(22, 27, 34, 0.94); border: 1px solid rgba(230, 237, 243, 0.1); box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55); backdrop-filter: blur(10px); } .inbox-auth-body .inbox-brand-logo--auth { max-height: 120px; max-width: 340px; } .inbox-auth-body h5, .inbox-auth-body .h5 { color: #f0f3f6; } .inbox-auth-body .text-muted, .inbox-auth-body .text-body-secondary { color: rgba(230, 237, 243, 0.55) !important; } .inbox-auth-body a:not(.btn) { color: #b8f633; } .inbox-auth-body a:not(.btn):hover { color: #d4ff66; } .inbox-auth-body .form-check-label { color: rgba(230, 237, 243, 0.85); } .inbox-auth-body .alert-info { background-color: rgba(13, 110, 253, 0.18); border-color: rgba(110, 168, 254, 0.35); color: #c5dcff; } /* Campos (Landrick / BS podem não aplicar tema escuro ao guest) */ .inbox-auth-body .form-control { --bs-body-color: #e8eef5; background-color: rgba(13, 17, 23, 0.88); border-color: rgba(230, 237, 243, 0.14); color: #e8eef5 !important; -webkit-text-fill-color: #e8eef5 !important; caret-color: #b8f633; } .inbox-auth-body .form-floating > .form-control, .inbox-auth-body .form-floating .form-control { color: #e8eef5 !important; -webkit-text-fill-color: #e8eef5 !important; } .inbox-auth-body .form-control::placeholder { color: rgba(230, 237, 243, 0.4); -webkit-text-fill-color: rgba(230, 237, 243, 0.4); } /* Autofill do browser: evita texto escuro / fundo a amarelo ilegível */ .inbox-auth-body .form-control:-webkit-autofill, .inbox-auth-body .form-control:-webkit-autofill:hover, .inbox-auth-body .form-control:-webkit-autofill:focus, .inbox-auth-body .form-floating .form-control:-webkit-autofill, .inbox-auth-body .form-floating .form-control:-webkit-autofill:focus { -webkit-text-fill-color: #e8eef5 !important; color: #e8eef5 !important; box-shadow: 0 0 0 1000px rgba(18, 22, 28, 0.98) inset; transition: background-color 9999s ease-out 0s; } .inbox-auth-body .form-control:focus { border-color: rgba(162, 255, 0, 0.55); box-shadow: 0 0 0 0.2rem rgba(162, 255, 0, 0.12); background-color: rgba(13, 17, 23, 0.95); color: #f6f8fb !important; -webkit-text-fill-color: #f6f8fb !important; } .inbox-auth-body .form-floating > label { color: rgba(230, 237, 243, 0.5); } .inbox-auth-body .form-floating > .form-control:focus ~ label, .inbox-auth-body .form-floating > .form-control:not(:placeholder-shown) ~ label { color: rgba(200, 255, 80, 0.95); } .inbox-auth-body .form-check-input { background-color: rgba(13, 17, 23, 0.9); border-color: rgba(230, 237, 243, 0.25); } .inbox-auth-body .form-check-input:checked { background-color: #a2ff00; border-color: #c4ff66; } .inbox-auth-body .btn-primary { background-color: #9fe020; border-color: #b8f633; color: #0a0e12; font-weight: 600; } .inbox-auth-body .btn-primary:hover, .inbox-auth-body .btn-primary:focus { background-color: #c4ff66; border-color: #d4ff80; color: #0a0e12; }