/**
 * Event-Furs – Orga Login
 * Datei: /orga/assets/css/orga-login.css
 *
 * Styling ausschließlich für die Orga-Login-Seite.
 * Baut auf orga-base.css und orga-header.css auf.
 * Keine Grundfarben, kein Header/Footer.
 */

/* ------------------------------
   Login-Container
------------------------------ */

.orga-login {
    max-width: 420px;
    margin: 80px auto 0 auto;
    padding: 32px 36px;

    background: linear-gradient(
        180deg,
        rgba(20, 24, 36, 0.9),
        rgba(15, 17, 21, 0.9)
    );

    border: 1px solid var(--orga-border-soft);
    border-radius: var(--orga-radius);

    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.02),
        0 20px 60px rgba(0, 0, 0, 0.45);
}

/* ------------------------------
   Überschrift & Intro
------------------------------ */

.orga-login h1 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 1.6rem;
    text-align: center;
}

.orga-login p {
    margin: 0 0 28px 0;
    text-align: center;
}

/* ------------------------------
   Fehlermeldung (vorbereitet)
------------------------------ */

.orga-login-error {
    margin-bottom: 20px;
    padding: 12px 16px;

    background-color: rgba(255, 80, 80, 0.12);
    border: 1px solid rgba(255, 80, 80, 0.35);
    border-radius: 8px;

    color: #ffb3b3;
    font-size: 0.9rem;
}

/* ------------------------------
   Formular
------------------------------ */

.orga-login-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.orga-login-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.orga-login-field label {
    font-size: 0.85rem;
    color: var(--orga-text-muted);
}

.orga-login-field input {
    padding: 10px 12px;

    font-size: 0.95rem;
    color: var(--orga-text-strong);

    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--orga-border-soft);
    border-radius: 6px;

    outline: none;
}

.orga-login-field input:focus {
    border-color: rgba(120, 64, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.06);
}

/* ------------------------------
   Aktionen
------------------------------ */

.orga-login-actions {
    margin-top: 8px;
}

.orga-login-actions button {
    width: 100%;
    padding: 10px 0;

    font-size: 0.95rem;
    font-weight: 600;

    color: var(--orga-text-strong);
    background: linear-gradient(
        135deg,
        rgba(120, 64, 255, 0.7),
        rgba(64, 140, 255, 0.7)
    );

    border: none;
    border-radius: 999px;

    cursor: pointer;
    transition:
        transform 0.12s ease,
        box-shadow 0.12s ease,
        opacity 0.12s ease;
}

.orga-login-actions button:hover {
    opacity: 0.95;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.orga-login-actions button:active {
    transform: translateY(1px);
}