/* style.css */

/* Všeobecné nastavenie pre všetky stránky (bude to zarovnané HORE) */
body > main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Zmena z 'center' na 'flex-start' (zarovnanie hore) */
    min-height: 100vh;
    padding: 1rem;
}

/* Špeciálna trieda LEN pre prihlasovaciu obrazovku */
.center-screen {
    justify-content: center; /* Tu vrátime centrovanie */
}

/* Tvoja úprava pre šírku z minula (pre istotu ju tu nechávam) */
article {
    width: 100%;
    margin: 0 auto;
}

.login-card {
    max-width: 500px;
}

/* Ostatné štýly (farby, chyby atď.) ostávajú nezmenené... */
.error-message {
    color: #d93526;
    background-color: #ffb3b3;
    padding: 10px;
    border-radius: var(--pico-border-radius);
    text-align: center;
    margin-bottom: 1rem;
    font-weight: bold;
}

/* Kompaktnejšia tabuľka pre výpis dát */
table td, 
table th {
    padding-top: 0.25rem;    /* Menšia medzera hore */
    padding-bottom: 0.25rem; /* Menšia medzera dole */
    font-size: 0.9em;        /* Voliteľné: trochu menšie písmo pre viac dát */
}

/* Ak chceš, aby sa text v bunkách nelámal na nové riadky (voliteľné) */
table td {
    white-space: nowrap;
}