/* BBC TimeClock global app styles (screen-specific CSS loads per page). */

body {
    min-height: 100vh;
}

main.container-fluid {
    max-width: 1400px;
}

/* Terminal setup code (large digits for reading to tablet) */
.setup-code-display {
    letter-spacing: 0.2em;
}

/* Settings section sub-headers (card titles) */
.settings-section-header {
    background-color: #495057;
    color: #fff;
    border-bottom-color: #3d4349;
}

.settings-section-header .h5,
.settings-section-header h2 {
    color: #fff;
}

/* Soft-voided punch rows */
tr.punch-voided td {
    text-decoration: line-through;
    opacity: 0.75;
}

tr.punch-voided td .badge,
tr.punch-voided td .btn,
tr.punch-voided td form {
    text-decoration: none;
    opacity: 1;
}

/* Punch direction dots (green = in, red = out) */
.punch-dot {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    vertical-align: middle;
}

.punch-dot-in {
    background-color: #198754;
}

.punch-dot-out {
    background-color: #dc3545;
}

/* Sites table: highlight the inline "New site" add row */
tr.site-new-row > * {
    border-top: 3px solid #212529 !important;
    border-bottom: 3px solid #212529 !important;
}

tr.site-new-row > *:first-child {
    border-left: 3px solid #212529 !important;
}

tr.site-new-row > *:last-child {
    border-right: 3px solid #212529 !important;
}