/* In deiner CSS-Datei (z.B. assets/dashboard_style.css oder assets/admin_style.css) */

* Allgemeine Formulargruppen-Stile anpassen */
.form-group {
    margin-bottom: 10px; /* Reduziert von z.B. 15px oder 20px */
}

.form-group label {
    display: block;
    margin-bottom: 3px; /* Reduziert von z.B. 5px oder 8px */
    font-weight: bold;
    font-size: 0.9em;  /* Macht die Label-Schrift etwas kleiner */
}

.form-control { /* Gilt für input, select, textarea mit dieser Klasse */
    width: calc(100% - 18px); /* Ggf. anpassen, wenn Padding sich ändert */
    padding: 8px;            /* Reduziert von z.B. 10px */
    font-size: 0.9em;        /* Macht die Schrift im Eingabefeld etwas kleiner */
    line-height: 1.4;        /* Ggf. anpassen für kleinere Schrift */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f4f7f6; /* Heller Hintergrund, ähnlich der Rangliste */
    color: #333;
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    box-sizing: border-box;
}

.container {
    background-color: #ffffff;
    padding: 30px 40px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 450px; /* Maximale Breite für Formulare */
}

h1 {
    color: #0056b3; /* Ein Blauton, ggf. anpassen */
    text-align: center;
    margin-bottom: 25px;
    font-size: 24px;
}

label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #555;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    width: calc(100% - 20px); /* Berücksichtigt Padding im Input */
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Wichtig für width: 100% */
    font-size: 16px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-color: #0056b3;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
}

.btn-small, 
a.btn-small { /* Wichtig: a.btn-small, um Spezifität für Links zu haben */
    display: inline-block; /* Essenziell für <a>-Tags, um Padding/Margin korrekt anzuwenden */
    padding: 4px 10px;     /* Leicht erhöhtes horizontales Padding für besseres Aussehen */
    font-size: 0.85em;
    font-weight: normal;   /* Buttons sind oft standardmäßig fett */
    line-height: 1.5;      /* Für konsistente Höhe */
    text-align: center;
    text-decoration: none; /* Wichtig für <a>-Tags */
    vertical-align: middle;
    cursor: pointer;
    user-select: none;     /* Verhindert Textauswahl beim Klicken */
    background-color: transparent; /* Wird durch Farbklassen überschrieben */
    border: 1px solid transparent; /* Wird durch Farbklassen überschrieben */
    border-radius: 0.25rem; /* Abgerundete Ecken, Standard Bootstrap-ähnlich */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 3px;
    margin-bottom: 5px; /* Angepasst für besseren Abstand bei Umbruch */
    color: white; /* Standardtextfarbe, wird von Farbklassen oft überschrieben */
}

/* Hover-Effekte für alle .btn-small */
.btn-small:hover,
a.btn-small:hover {
    text-decoration: none; /* Sicherstellen, dass kein Unterstrich beim Hover auf Links erscheint */
    filter: brightness(90%); /* Macht den Button etwas dunkler beim Hover */
}

/* Farbklassen (Beispiele, Farben anpassen) */
.btn-success, a.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-warning, a.btn-warning {
    color: #212529; /* Dunkle Schrift für gelb */
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-danger, a.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-primary, a.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-info, a.btn-info { /* Dies ist die Klasse für den "Bearbeiten"-Button */
    color: #fff;
    background-color: #17a2b8; /* Türkis/Info-Blau */
    border-color: #17a2b8;
}
.btn-secondary, a.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Wichtig für <button>-Elemente, um Browser-Standard-Styling zu normalisieren */
button.btn-small {
    font-family: inherit; /* Erbt die Schriftart der Seite */
}