/* The Imaging Source — Statamic CP Login Branding */ /* White background — kill all theme gradients and glows */ body.outside, body.outside .outside-wrapper { background: #fff !important; background-image: none !important; } body.outside .outside-shadow { display: none !important; } /* Login card */ body.outside .card, body.outside .auth-card { background: #fff !important; color: #1a1a1a !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important; } /* Disable dark mode on login page — Tailwind dark: classes use .dark on */ html.dark:has(body.outside) { color-scheme: light; } /* Override ALL dark mode background utilities on inputs */ html.dark body.outside [class*="dark:bg-dark"] { background-color: #fff !important; } html.dark body.outside [class*="dark:text-dark"] { color: #111827 !important; } html.dark body.outside [class*="dark:border-dark"] { border-color: #d1d5db !important; } /* Input fields */ body.outside .input-text, html.dark body.outside .input-text { background-color: #fff !important; border: 1px solid #d1d5db !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; } /* Override browser autofill styling */ body.outside input:-webkit-autofill, body.outside input:-webkit-autofill:hover, body.outside input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #111827 !important; border: 1px solid #d1d5db !important; } body.outside .input-text:focus, body.outside input:focus { border-color: #2d6aad !important; box-shadow: 0 0 0 3px rgba(45, 106, 173, 0.15) !important; } /* Labels */ body.outside label { color: #374151 !important; } /* Primary button */ body.outside .btn-primary { background-color: #2d6aad !important; border-color: #2d6aad !important; color: #fff !important; } body.outside .btn-primary:hover { background-color: #245a94 !important; border-color: #245a94 !important; } /* Links */ body.outside a { color: #2d6aad !important; } body.outside a:hover { color: #245a94 !important; } /* Remember me, small text */ body.outside span, body.outside .text-sm, body.outside p { color: #4b5563 !important; } /* Logo */ body.outside .logo img { max-height: 48px; width: auto; } /* Statamic injects its own