/* compact_theme.css */

.card {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.card-header {
    padding: 0.5rem 0.75rem;
}

h5.mb-0 { 
    font-size: 1rem;
    font-weight: 500;
}

.card-body {
    padding: 0.5rem;
}

.form-label {
    margin-bottom: 0.15rem;
    font-size: 0.8rem;
}

.form-control, .form-select {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    height: auto;
}

.form-control-sm, .form-select-sm {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
}

.card-body .row {
    margin-bottom: 0.5rem;
}
 .card-body .row > [class*="col-"] {
    padding-top: 0; 
    padding-bottom: 0.25rem;
}

.mb-3 { 
    margin-bottom: 0.5rem !important;
}

.mt-3 { 
    margin-top: 0.5rem !important;
}

.card-body > .container-fluid > .row,
.card-body > .row {
    --bs-gutter-x: 0.5rem; 
}

.table th, .table td {
    padding: 0.35rem 0.4rem;
    font-size: 0.8rem;
    vertical-align: middle;
}
.table th {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}
.btn-sm {
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
}

/* Následující ID selektory jsou specifické pro prodej.html a podobné struktury.
   Pokud je jejich logika (odsazení za tabulkou, mezery mezi tlačítky) globální, je to v pořádku.
   Jinak by měly být řešeny třídami nebo lokálně. */
#material-table + .mt-3, 
#modal-material-table + .mt-3,
#pdf-items-table + .mt-3 {
    margin-top: 0.5rem !important;
}

#add-row-btn, #save-delivery-btn, #modal-add-row-btn, #process-pdf-btn, #add-pdf-items-to-dl-btn {
    margin-left: 0.25rem; 
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
#save-delivery-btn { /* Tento specifický margin může být potřeba jen v prodej.html */
     margin-left: 0.5rem; 
}

.nav-tabs .nav-link {
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
    margin-bottom: -2px;
}
.nav-tabs {
    margin-bottom: 0.5rem;
}