/* =============================================
   DMN Admin Panel - Login Page Styles
   Pure Black Minimal Design
   ============================================= */

/* Login hat keine Sidebar — Body zentriert */
body {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    min-height: 100vh;
}

/* =============================================
   Login Card
   ============================================= */
.login-container {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 44px 40px;
    text-align: center;
    max-width: 380px;
    width: 90%;
    position: relative;
}

/* Crimson Akzent-Strich oben */
.login-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--accent);
    box-shadow: 0 0 12px var(--accent-glow);
}

/* =============================================
   Logo
   ============================================= */
.login-banner-img {
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -44px;
    margin-bottom: 28px;
    display: block;
    border-radius: var(--radius-sm);
}

.login-container .logo {
    font-size: var(--dmn-t-h1);
    line-height: var(--dmn-lh-h1);
    letter-spacing: var(--dmn-ls-h1);
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

/* =============================================
   Subtitle
   ============================================= */
/* #555555 gemessen 2,56:1 auf #0f100f — und es ist derselbe Wert, den
   dmn-tokens.css als „lag in JEDEM Theme unter dem Boden" aus --text-dim
   entfernt hat. Repariert wurde damals das Token, nicht diese Datei. */
.login-container .subtitle {
    color: var(--dmn-fg-2);
    margin-bottom: 32px;
    font-size: var(--dmn-t-lead);
    line-height: var(--dmn-lh-lead);
    letter-spacing: var(--dmn-ls-lead);
    font-weight: 400;
}

/* =============================================
   Info Section
   ============================================= */
.login-container .info-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

/* #3a3a3a war 1,68:1 — dunkler als der Hintergrund heller ist. Auf der
   einzigen Seite, die jeder vor dem Anmelden sieht. */
.login-container .info-section p {
    color: var(--dmn-fg-3);
}

/* =============================================
   Error Message
   ============================================= */
.login-container .message-error {
    margin-bottom: 20px;
}

/* =============================================
   Footer
   ============================================= */
.site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 24px;
}