body.tech-admin.page-login .login-notices {
    position: fixed;
    z-index: 3500;
    top: max(24px, env(safe-area-inset-top));
    right: max(24px, env(safe-area-inset-right));
    width: min(380px, calc(100vw - 32px));
    pointer-events: none;
}
body.tech-admin.page-login .login-notice[v-cloak] { display: none; }
body.tech-admin.page-login .login-notice {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    padding: 22px 48px 24px 20px;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    border-radius: 12px;
    background: #fffdf8;
    color: var(--tech-ink);
    box-shadow: 0 12px 44px rgba(13, 23, 17, .22);
    pointer-events: auto;
}
body.tech-admin.page-login .login-notice__icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #faeddf;
    color: #a86231;
}
body.tech-admin.page-login .login-notice svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body.tech-admin.page-login .login-notice__icon svg { width: 22px; height: 22px; }
body.tech-admin.page-login .login-notice__context { margin: 0 0 7px; color: #788076; font-size: 11px; }
body.tech-admin.page-login .login-notice h2 { margin: 0 0 8px; font-size: 16px; line-height: 1.5; font-weight: 700; }
body.tech-admin.page-login #login-notice-message { margin: 0; color: #60695f; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
body.tech-admin.page-login .login-notice .login-notice__close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #788076;
    background: transparent;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}
body.tech-admin.page-login .login-notice .login-notice__close:hover { color: #263c2d; background: #edf2e9; }
body.tech-admin.page-login .login-notice .login-notice__close:focus-visible { outline: 2px solid #7a9284 !important; outline-offset: -4px !important; }
body.tech-admin.page-login .login-notice__close svg { width: 18px; height: 18px; }
body.tech-admin.page-login .login-notice-enter-active,
body.tech-admin.page-login .login-notice-leave-active { transition: opacity 180ms ease, transform 180ms ease; }
body.tech-admin.page-login .login-notice-enter,
body.tech-admin.page-login .login-notice-leave-to { opacity: 0; transform: translateX(24px); }
@media (max-width: 600px) {
    body.tech-admin.page-login .login-notices { top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); }
    body.tech-admin.page-login .login-notice { padding: 18px 44px 20px 16px; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    body.tech-admin.page-login .login-notice-enter-active,
    body.tech-admin.page-login .login-notice-leave-active { transition: none; }
}