body.auth-page--admin[data-peso-page='admin-login'] {
    background:
        radial-gradient(circle at 18% 15%, rgba(8,116,67,.18), transparent 28rem),
        radial-gradient(circle at 83% 82%, rgba(231,190,58,.10), transparent 24rem),
        linear-gradient(145deg,#071a13,#0d241b) !important;
}

html[data-theme='light'] body.auth-page--admin[data-peso-page='admin-login'] {
    background:
        radial-gradient(circle at 18% 15%, rgba(8,116,67,.11), transparent 28rem),
        radial-gradient(circle at 83% 82%, rgba(200,151,0,.08), transparent 24rem),
        linear-gradient(145deg,#edf5f0,#f8faf8) !important;
}

body.auth-page--admin[data-peso-page='admin-login'] .auth-background::before {
    left: 50%;
    width: min(68vw, 690px);
    height: min(68vw, 690px);
    opacity: .045;
    filter: saturate(.62) brightness(1.08);
}

body.auth-page--admin[data-peso-page='admin-login'] .auth-toolbar {
    width: min(calc(100% - 32px), 1060px);
    min-height: 72px;
}

html body.peso-product-ui.auth-page--admin main.auth-shell.admin-login-shell,
body.auth-page--admin main.auth-shell.admin-login-shell {
    width: min(calc(100% - 28px), 420px) !important;
    max-width: 420px !important;
    margin: 6px auto 8px !important;
}

body.auth-page--admin .admin-login-card {
    padding: clamp(27px,5vw,32px) !important;
    background: color-mix(in srgb,var(--auth-surface) 97%,transparent);
    border: 1px solid color-mix(in srgb,var(--auth-line) 78%,#d9b337);
    border-radius: 22px;
    box-shadow: 0 26px 75px rgba(0,0,0,.34);
    backdrop-filter: blur(22px);
}

body.auth-page--admin .admin-login-card::before {
    left: 28px;
    right: 28px;
    height: 3px;
    background: linear-gradient(90deg,transparent,#e6bc37,transparent);
}

body.auth-page--admin .role-login-identity { margin-bottom: 20px; }
body.auth-page--admin .role-login-logo { width: 49px; height: 49px; border-radius: 13px; }
body.auth-page--admin .role-login-logo img { width: 43px; height: 43px; }
body.auth-page--admin .admin-form-marker { margin-bottom: 12px; }
body.auth-page--admin .admin-secure-state { color: var(--auth-muted); font-size: .64rem; }
body.auth-page--admin .admin-secure-state i { color: #e6bc37; font-size: .7rem; filter: none; }

html body.peso-product-ui.auth-page--admin[data-peso-page='admin-login'] #loginTitle {
    margin-bottom: 7px;
    font-size: clamp(1.7rem,5vw,2.15rem) !important;
    letter-spacing: -.035em !important;
}

body.auth-page--admin[data-peso-page='admin-login'] .auth-form-heading p { color: var(--auth-muted) !important; font-size: .8rem; }
body.auth-page--admin[data-peso-page='admin-login'] .auth-form { margin-top: 23px; gap: 16px; }
body.auth-page--admin[data-peso-page='admin-login'] .auth-input-wrap { min-height: 52px; border-radius: 12px; }
body.auth-page--admin[data-peso-page='admin-login'] .auth-input-wrap input { height: 50px; }
body.auth-page--admin[data-peso-page='admin-login'] .auth-submit { min-height: 52px; margin-top: 2px; border-radius: 12px; }

.admin-login-help { margin-top: -4px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--auth-muted); font-size: .68rem; line-height: 1.4; }
.admin-login-help a { flex: 0 0 auto; color: var(--auth-accent); font-weight: 800; text-decoration: none; }
.admin-login-help a:hover { text-decoration: underline; }
body.auth-page--admin .auth-security-note { margin-top: 14px; padding: 10px 12px; border-radius: 11px; font-size: .68rem; }

@media (max-width: 480px) {
    body.auth-page--admin[data-peso-page='admin-login'] .auth-toolbar { width: min(calc(100% - 22px),420px); }
    body.auth-page--admin[data-peso-page='admin-login'] .auth-theme-toggle span { display: none; }
    body.auth-page--admin .admin-login-card { padding: 28px 21px !important; border-radius: 19px; }
    .admin-login-help { align-items: flex-start; flex-direction: column; gap: 4px; }
}