﻿:root {
    --brand: #137533;
    --bg: #f5f6f7;
    --text-muted: #5f6368;
    --row-light: #ffffff;
    --row-dark: #e9ebec;
    --row-hover: #d6dadc;
}

.app-header {
    background: var(--brand);
    color: #fff;
    font-weight: 800;
    text-align: center;
    padding: 14px 16px;
    font-size: 1.75rem;
    letter-spacing: .3px;
    border-radius: 10px 10px 0 0;
}

.app-main {
    min-height: calc(100vh - 64px);
    background: var(--bg);
    padding: 16px;
    display: block;
}

.status-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    max-width: 560px;
    width: 100%;
    text-align: center;
}

    .status-card h2 {
        color: var(--brand);
        font-weight: 800;
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .status-card p {
        color: var(--text-muted);
        margin: 0;
    }

.shadow-sm {
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* Tabuľka */
.table-fixed {
    table-layout: fixed;
    width: 100%;
}

    .table-fixed th,
    .table-fixed td {
        width: 9%;
        word-wrap: break-word;
        vertical-align: middle;
    }

        /* Špeciálne zarovnania */
        .table-fixed th.text-left-special,
        .table-fixed td.text-left-special {
            text-align: left !important;
        }

        .table-fixed th.text-right-special,
        .table-fixed td.text-right-special {
            text-align: right !important;
        }

    /* Pruhovanie */
    .table-fixed tbody tr:nth-child(odd) {
        background-color: var(--row-light);
    }

    .table-fixed tbody tr:nth-child(even) {
        background-color: var(--row-dark);
    }

    /* Hover */
    .table-fixed tbody tr:hover {
        background-color: var(--row-hover);
        transition: background-color 0.2s ease-in-out;
    }

/* Responzívne správanie */
@media (max-width: 992px) {
    .table-fixed th,
    .table-fixed td {
        font-size: 0.85rem;
        padding: 0.4rem;
        width: auto; /* nech sa prispôsobia obsahu */
    }

    .table-responsive {
        overflow-x: auto;
    }
}

@media (max-width: 576px) {
    .table-fixed th,
    .table-fixed td {
        font-size: 0.8rem;
        padding: 0.3rem;
    }
}
