/* Resetovanie defaultnych stylov prehliadaca */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* Zakladne nastavenia stranky */
body {
    font-family: Arial, sans-serif;
    background: #0d0d0d;
    color: #cccccc;
    padding: 50px;
}

/* Nadpisy */
h1, h2 {
    color: #ffffff;
    border-bottom: 1px solid #222;
    padding-bottom: 8px;
    margin: 24px 0 16px;
}

/* Tabulka */
table {
    width: 100%;
    border-collapse: collapse; /* zrusenie medzier medzi bunkami */
    margin-top: 10px;
}

/* Bunky tabulky */
th, td {
    padding: 10px 14px;
    border: 1px solid #222;
    text-align: left;
}

/* Hlavicka tabulky */
th {
    background: #111;
    color: #fff;
    letter-spacing: 0.5px;
}

/* Striedanie farieb riadkov */
tr:nth-child(even) td { background: #111; }

/* Hover efekt pri prejazde mysou */
tr:hover td { background: #1a1a1a; }

/* Zakladny styl linkov */
a { color: #cccccc; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }

/* Tlacidlo Zmaz - cervena */
a[href*="del"] { color: #cc3333; }

/* Tlacidlo Upravit - siva */
a[href*="update"] { color: #aaaaaa; }

/* Textove a ciselne inputy */
input[type="text"],
input[type="number"] {
    background: #111;
    border: 1px solid #333;
    color: #ccc;
    padding: 8px 10px;
    border-radius: 3px;
}

/* Efekt pri kliknuti na input */
input[type="text"]:focus,
input[type="number"]:focus {
    outline: none;
    border-color: #555;
}

/* Tlacidlo submit (hladat pridat ulozit) */
input[type="submit"] {
    background: #111;
    color: #ccc;
    border: 1px solid #333;
    padding: 8px 16px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 6px;
}

/* Hover efekt na submit tlacidlo */
input[type="submit"]:hover {
    background: #222;
    color: #fff;
    border-color: #555;
}

/* Odsadenie formulara od obsahu nad nim */
form { margin-bottom: 20px; 
}

/* Label - popis pred inputom vo formulari */
label { 
    display: block; 
    margin-bottom: 10px; 
    color: #888; 
}