/* The handful of Worldnic theme (plugin/Worldnic/css/style.css) rules the login page actually shows. The page used
   to load the whole theme - about 1 MB plus four Google font families and five icon sets - which held it up for
   minutes on the slow host. Load this file where style.css used to sit (after Bootstrap), and keep :where() on the
   selectors that the theme matched at low specificity, so the same rules win as before. */

:where(html):has(body.login-page) { font-size: 14px; }
body.login-page { --bs-border-radius: 8px; --bs-border-color: #E7E8ED; font-size: 0.875rem; line-height: 1.5; color: #666666; background-color: #F9F9FB; }
:where(body.login-page) p { line-height: 1.8; }
:where(body.login-page) a { color: #666666; text-decoration: none; }
:where(body.login-page) label { margin-bottom: 0.5rem; }
:where(body.login-page) .form-label { color: #10131E; margin-bottom: 8px; }
:where(body.login-page) :is(h1, h2, h3, h4, h5, h6) { line-height: 1.5; color: #10131E; }

:where(body.login-page) .form-control { font-size: 0.875rem; line-height: 1.5; padding: 0.3125rem 1.25rem; color: #666666; height: 2.9rem; background: #fff; border: 0.0625rem solid #DEE1ED; border-radius: 8px; }
:where(body.login-page) .form-control::placeholder { color: #666666; }
:where(body.login-page) .input-group-text { background: #F9F9FB; border: 0.0625rem solid #DEE1ED; color: #393939; min-width: 3.125rem; justify-content: center; padding: 0.532rem 0.75rem; border-radius: 0.5rem; font-size: 1rem; }
:where(body.login-page) .input-group-text i { font-size: 1rem; }
body.login-page .input-group .input-group-text:first-child { border-radius: 8px 0 0 8px; }
body.login-page .input-group .form-control { border-radius: 0 8px 8px 0; }
body.login-page .input-group .input-group-text:last-child { border-radius: 0 8px 8px 0; }

:where(body.login-page) .footer { font-size: 0.875rem; margin-top: 1rem; }
:where(body.login-page) .footer .copyright { padding: 20px; border-top: 1px solid #DEE1ED; }
:where(body.login-page) .footer .copyright p { text-align: center; margin: 0; color: #666666; }
:where(body.login-page) .footer .copyright a { color: #0074FF; }

body.login-page div:where(.swal2-container) div:where(.swal2-popup) { background: #fff !important; color: #10131E !important; }