/* App-wide compact/small-font mode. Bootstrap's own sizing (text, buttons, form
   controls, badges, table padding, headings) is defined in rem, so shrinking the
   root font-size scales all of it down together instead of overriding each piece. */
html {
    font-size: 77.5%; /* ~14px when the browser default is 16px - still respects user zoom/accessibility settings */
}

body {
    background-color: #f5edd8;
}

.login-body {
    background-color: #c1ff70;
    min-height: 100vh;
}

.navbar-brand {
    font-weight: 500;
}

table td, table th {
    vertical-align: middle;
}

/* Tighten every table's row height, not just ones explicitly marked .table-sm. */
.table > :not(caption) > * > * {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.card-body {
    padding: 0.85rem 1rem;
}

.form-label {
    margin-bottom: 0.25rem;
}

.btn {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-sm {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}