html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder { text-align: start; }

.navbar { box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.table th { font-weight: 600; }

/* Ensure FontAwesome overrides template icon fonts in sidebar */
#sidebar-menu ul li a i.fas,
#sidebar-menu ul li a i.fab,
#sidebar-menu ul li a i.far,
.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}