/* Login page: Unfold anchors the side image to the top-left, which crops it unevenly on different screen sizes. Centre it. */
.bg-cover[style*="background-image"] { background-position: center center; background-repeat: no-repeat; }

/* Maker credit inside the Unfold admin (it signals dark mode with an html.dark class) */
.nc-credit { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: #6b7280; }
.nc-credit img { border-radius: 50%; display: block; }
.nc-credit strong { color: #111827; font-weight: 600; }
.nc-credit:hover strong { color: #9333ea; }
html.dark .nc-credit { color: #9ca3af; } html.dark .nc-credit strong { color: #f3f4f6; } html.dark .nc-credit:hover strong { color: #c084fc; }
.nc-login-credit { display: flex; justify-content: center; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgb(128 128 128 / .2); }
.nc-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: 20px 24px; margin-top: 24px; color: #6b7280; font-size: 12px; border-top: 1px solid rgb(128 128 128 / .2); }
.nc-footer a { color: inherit; } .nc-footer a:hover { color: #9333ea; }
.nc-footer-links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
html.dark .nc-footer { color: #9ca3af; } html.dark .nc-footer a:hover { color: #c084fc; }