/* Custom styles */
body {
    background-color: #f8f9fa;
}

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

.card {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.table {
    background-color: white;
}

.btn-sm {
    margin-right: 2px;
}

.form-label {
    font-weight: 500;
}

.btn-group .btn {
    margin-right: 2px;
}

.btn i {
    margin-right: 0;
}

.btn:not(.btn-sm) i {
    margin-right: 5px;
}

.table .btn-group {
    white-space: nowrap;
}

/* Spare hit count row backgrounds */
.table-striped > tbody > tr.spare-hit-green,
.table-striped > tbody > tr.spare-hit-green > td {
    background-color: #e8f5e9 !important;
}

.table-striped > tbody > tr.spare-hit-green:hover > td {
    background-color: #dcedc8 !important;
}

.table-striped > tbody > tr.spare-hit-amber,
.table-striped > tbody > tr.spare-hit-amber > td {
    background-color: #fff8e1 !important;
}

.table-striped > tbody > tr.spare-hit-amber:hover > td {
    background-color: #ffecb3 !important;
}

.table-striped > tbody > tr.spare-hit-red,
.table-striped > tbody > tr.spare-hit-red > td {
    background-color: #fce4ec !important;
}

.table-striped > tbody > tr.spare-hit-red:hover > td {
    background-color: #f8bbd0 !important;
}

#tools-table .spare-code-col {
    min-width: 100px;
}

#tools-table .spare-code-col .form-select {
    min-width: 100px;
}

#tools-table .repl-field-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.15rem;
}