/* Základní font & overlay */
@import url('https://fonts.googleapis.com/css?family=Numans');

/*START - login.php*/
body {
    min-height: 100vh;
    background: linear-gradient(120deg,#243b55,#141e30 90%);
}
.dashboard-padding {
    /* Pokud je navbar fixed-top, nastav zde přesnou výšku! */
    height: 56px; /* Bootstrap 5 default navbar height */
}
@media (max-width: 768px) {
    .dashboard-padding { height: 48px; }
}
        #top-bar {
            background: linear-gradient(90deg, #243b55 60%, #141e30);
            color: #ffc107;
            font-size: 1.3rem;
            letter-spacing: .04em;
            font-weight: 700;
            padding: 16px 0 14px 0;
            text-align: center;
            box-shadow: 0 5px 16px #243b5522;
        }
        .centerbox {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 8px 32px rgba(36,59,85,.13), 0 1.5px 6px #243b5522;
            padding: 36px 28px 28px 28px;
            max-width: 380px;
            margin: 2.8vw auto 0 auto;
        }
        h2 { color: #243b55; margin-bottom:1.2em;}
        .form-label { color: #243b55; font-weight: 500;}
        .btn-primary {
            background: linear-gradient(90deg,#243b55,#006cbb);
            border: none;
        }
        .btn-primary:hover {
            background: linear-gradient(90deg,#141e30,#243b55);
        }
        .forgot-link {
            display: block;
            margin-top: 0.8em;
            text-align: right;
        }
        .portal-info {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 14px rgba(36,59,85,.10), 0 1.5px 6px #243b5522;
            max-width: 530px;
            margin: 48px auto 24px auto;
            padding: 22px 27px 15px 27px;
        }
        .company-logo {
            max-width: 120px;
            margin-bottom: 12px;
            display: block;
        }
/*END - login.php*/

/*sSTART - index.php*/
 

/* mainbox - přilepený co nejvýše pod navbar, roztažený */
.mainbox {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(36,59,85,.16), 0 1.5px 6px #243b5522;
    padding: 32px 28px 28px 28px;
    max-width: 1200px;
    width: 95vw;
    margin: 0 auto 0 auto; /* už žádný margin-top */
    transition: max-width 0.2s, padding 0.2s;
}
@media (max-width:1300px) {
    .mainbox { max-width:98vw; padding:24px 2vw; }
}
@media (max-width:900px) {
    .mainbox { max-width:98vw; padding:14px 1vw; }
}
@media (max-width:600px) {
    .mainbox { max-width:100vw; border-radius:7px; padding:6px 3vw; }
}
/*END - index.php*/

/*START- recorddata.php*/

 
 
        h2, h4, .table thead {
            color: #243b55;
        }
        .table-custom thead {
            background: linear-gradient(90deg,#243b55,#006cbb);
            color: #fff;
            letter-spacing: .04em;
        }
        .btn-primary, .btn-success {
            background: linear-gradient(90deg,#243b55,#006cbb);
            border: none;
        }
        .btn-primary:hover, .btn-success:hover {
            background: linear-gradient(90deg,#141e30,#243b55);
        }
        .btn-danger {
            background: #e74c3c;
            border: none;
        }
        .btn-danger:hover {
            background:#c0392b;
        }
        .btn-secondary {
            background: #888;
            border: none;
        }
        label {
            color: #243b55;
        }
        /* Zvýraznění tlačítek v tabulce */
        .table .btn-sm {
            font-size: 0.95em;
        }
        /* Podtržení odstavce Recorded */
        .underlined {
            border-bottom: 3px solid #243b55;
            display: inline-block;
            margin-bottom: 8px;
        }