/* ==========================================================================
   DocCheck Access Frontend Styling
   ========================================================================== */

/* Haupt-Container für die Login/Logout-Weiche */
.doccheck-auth-zone-wrapper {}

/* Container für den Zustand "Eingeloggt" */
.doccheck-auth-zone-wrapper .doccheck-status-logged-in {
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.doccheck-auth-zone-wrapper .doccheck-status-logged-in p {
    color: #00629a;
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 16px;
}

/* Die Erfolgsmeldung */
.doccheck-auth-zone-wrapper .doccheck-status-text {
    color: #00629a;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-size: 16px;
}

/* Der Abmelden-Button (Styling als echter, schicker Button) */
.doccheck-auth-zone-wrapper .doccheck-logout-btn {
    display: inline-block;
    background-color: #CC0033;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none !important;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}

/* Hover-Effekt für den Abmelden-Button */
.doccheck-auth-zone-wrapper .doccheck-logout-btn:hover {
    background-color: #CC0033;
    color: #ffffff !important;
}

/* Klick-Effekt */
.doccheck-auth-zone-wrapper .doccheck-logout-btn:active {
    transform: scale(0.98);
}