/* public/assets/css/style.css - FINALE VERSION */

body {
    font-family: sans-serif;
    background-color: #f8f9fa;
    margin: 0;
    padding: 20px;
}

.container, .page-container {
    max-width: 1000px;
    margin: auto;
}

.content-box {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
    color: #333;
}

h1 { text-align: center; }
h2 { border-bottom: 2px solid #eee; padding-bottom: 5px; color: #007bff; margin-top: 30px;}


/* --- Navigation --- */
.main-nav {
    background-color: #343a40;
    padding: 0 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.main-nav ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; min-height: 50px; }
.main-nav ul li a { display: block; color: #f8f9fa; text-decoration: none; padding: 15px 20px; font-weight: bold; }
.main-nav ul li a:hover { background-color: #495057; }

/* KORREKTUREN FÜR DEN RECHTEN TEIL */
.main-nav .nav-right { margin-left: auto; display: flex; align-items: center; gap: 15px; }
.main-nav .nav-right .player-info { display: flex; align-items: center; color: #adb5bd; padding: 0 10px; gap: 15px; }
.main-nav .nav-right .player-info span { font-size: 0.9em; }
.main-nav .nav-right a.logout-btn { 
    background-color: #dc3545; 
    border-radius: 5px; 
    padding: 8px 15px; /* Kleinere Füllung für bessere Höhe */
    margin: 0;
}
.main-nav .admin-link a { background-color: #ffc107; color: #212529; }
.admin-nav { text-align: center; margin-bottom: 20px; }
.admin-nav a { text-decoration: none; background-color: #6c757d; color: white; padding: 10px 15px; border-radius: 5px; margin: 0 10px; }
.admin-nav a.active { background-color: #007bff; }


/* --- Info Box & Flash Message --- */
.info-box { background-color: #e7f3fe; border-left: 6px solid #2196F3; margin-bottom: 20px; padding: 15px; font-size: 16px; }
.info-box h4 { margin-top: 0; color: #1a73e8; }
.flash-message { padding: 15px; margin-bottom: 20px; border-radius: 4px; background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460; }


/* --- Listen & Formulare --- */
.item-list-entry { border: 1px solid #dee2e6; padding: 15px; margin-bottom: 10px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; transition: box-shadow 0.2s ease-in-out; }
.item-list-entry:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.08); }
.item-list-entry .details { flex-grow: 1; padding-right: 15px; }
.item-list-entry .details h3 { margin: 0 0 5px 0; }
.item-list-entry .details p { margin: 0; color: #6c757d; }
.item-list-entry .action a { text-decoration: none; color: white; background-color: #007bff; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }

table { width: 100%; border-collapse: collapse; margin-top: 20px;}
th, td { padding: 12px; border: 1px solid #dee2e6; text-align: left; }
th { background-color: #e9ecef; }
form input, form select, form label { width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 10px; }
form label { padding: 0; margin-bottom: 2px; }
button { display: block; width: 100%; padding: 15px; margin-top: 10px; background-color: #28a745; color: white; border: none; font-size: 18px; cursor: pointer; border-radius: 5px; }
hr { border: 0; border-top: 1px solid #eee; margin: 20px 0; }