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

body {
    min-height: 100vh;
}

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

/* 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;
}