/* --- ZÁKLADNÍ NASTAVENÍ A POZADÍ --- */
body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: #121412; /* Velmi tmavá zeleno-černá */
    color: #c2c8bd; /* Světlá khaki/šedá pro dobrou čitelnost na tmavém */
    margin: 0; 
    padding: 20px; 
}

/* --- HLAVNÍ KONTEJNER --- */
.container { 
    max-width: 1600px; 
    margin: 0 auto; 
    background: #1e221e; /* Tmavá olivově šedá */
    padding: 20px; 
    border-radius: 4px; /* Ostřejší rohy pro vojenský vzhled */
    border: 1px solid #323832;
    box-shadow: 0 6px 15px rgba(0,0,0,0.6); 
}

h1, h2 { 
    color: #e0e4da; /* Téměř bílá s lehkým zeleným nádechem pro nadpisy */
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #363e32;
    padding-bottom: 5px;
}

/* --- KARTY (JEDNOTLIVÉ BLOKY/OTÁZKY) --- */
.card { 
    border: 1px solid #363c36; 
    padding: 15px; 
    margin-bottom: 20px; 
    border-radius: 3px; 
    background: #262a26; /* O něco světlejší než kontejner pro kontrast */
}

/* --- FORMULÁŘOVÉ PRVKY --- */
label { 
    font-weight: bold; 
    display: block; 
    margin-top: 10px; 
    color: #a7b09f;
}

input[type="text"], 
input[type="password"], 
input[type="number"], 
select, 
textarea { 
    width: 100%; 
    padding: 10px; 
    margin-top: 5px; 
    background-color: #121412; 
    color: #e0e4da;
    border: 1px solid #4a5445; 
    border-radius: 3px; 
    box-sizing: border-box; 
    font-family: inherit;
    transition: border 0.3s;
}

textarea {
    min-height: 100px; 
}

/* Efekt při kliknutí do textového pole */
input[type="text"]:focus, 
input[type="number"]:focus, 
select:focus, 
textarea:focus {
    outline: none;
    border-color: #7b8f5b; /* Zvýraznění aktivního pole */
    box-shadow: 0 0 5px rgba(123, 143, 91, 0.3);
}

/* --- TLAČÍTKA --- */
input[type="submit"], 
.btn { 
    background: #4b5e32; /* Taktická zelená (Olive Drab) */
    color: #e6e8e3; 
    border: 1px solid #3a4a26; 
    padding: 10px 20px; 
    cursor: pointer; 
    border-radius: 3px; 
    margin-top: 15px; 
    font-size: 14px; 
    font-weight: bold;
    text-transform: uppercase; /* Armádní styl nápisů */
    letter-spacing: 1px;
    text-decoration: none; 
    display: inline-block; 
    transition: background 0.2s, color 0.2s;
}

input[type="submit"]:hover, 
.btn:hover { 
    background: #5d753e; /* Světlejší zelená při najetí */
    color: #ffffff;
}

/* --- CHECKBOXY A RADIO BUTTONY --- */
.checkbox-group, 
.radio-group { 
    display: flex; 
    flex-direction: column; 
    gap: 8px; 
    margin-top: 10px; 
}

.checkbox-group label, 
.radio-group label { 
    font-weight: normal; 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    cursor: pointer; 
    color: #c2c8bd;
}

.answer-row { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    margin-top: 5px; 
}

.answer-row input[type="text"] { 
    flex-grow: 1; 
}

/* --- TABULKY (VÝSLEDKY) --- */
table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 20px; 
    background: #262a26;
}

table, th, td { 
    border: 1px solid #363c36; 
}

th, td { 
    padding: 12px; 
    text-align: left; 
}

th { 
    background-color: #1e221e; 
    color: #a7b09f;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

/* --- NAVIGACE --- */
nav { 
    margin-bottom: 25px; 
    padding-bottom: 10px;
    border-bottom: 1px dashed #363c36;
}

nav a { 
    margin-right: 15px; 
    color: #7b8f5b; 
    text-decoration: none; 
    font-weight: bold; 
    text-transform: uppercase;
    font-size: 14px;
}

nav a:hover {
    color: #a3b87f;
}

/* --- ALERT BOXY (HLÁŠENÍ) --- */
.success { 
    background: #202e20; /* Temně zelená */
    color: #8cba8c; 
    padding: 12px; 
    border-radius: 3px; 
    margin-bottom: 15px; 
    border-left: 4px solid #4b5e32; /* Pruh na boku */
}

/* --- STATUS ODZNAKY (BADGES) --- */
.badge { 
    padding: 4px 10px; 
    border-radius: 2px; /* Hranatější */
    font-size: 11px; 
    color: #fff; 
    font-weight: bold; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bg-warning { 
    background: #856404; /* Tmavá hořčicová/coyote brown pro čekající testy */
    color: #ffeeba;
}

.bg-success { 
    background: #2c5234; /* Tmavší zelená pro ohodnocené testy */
    color: #c3e6cb;
}

/* --- HODNOTÍCÍ BOX PRO INSTRUKTORA --- */
.grading-box { 
    border-left: 4px solid #856404; /* Zvýraznění coyote brown barvou pro admina */
    padding-left: 15px; 
    margin-top: 15px; 
    background: #1c201c; 
    padding-top: 10px; 
    padding-bottom: 10px; 
}

/* --- NAHRANÉ OBRÁZKY --- */
.uploaded-img { 
    max-width: 100%; 
    max-height: 300px; 
    border-radius: 3px; 
    margin-top: 10px; 
    border: 1px solid #4a5445; 
}