/* Geo-location check-in / check-out widget */
.emp-mgmt-geo-punch {
    margin: 0 0 24px;
    padding: 20px 22px;
    border: 1px solid #d8dee6;
    border-radius: 8px;
    background: #f8fafc;
}
.emp-mgmt-geo-punch-header h3 {
    margin: 0 0 6px;
    font-size: 1.15em;
}
.emp-mgmt-geo-punch-lead {
    margin: 0 0 12px;
    color: #546071;
}
.emp-mgmt-geo-locations-list {
    margin: 0 0 14px 1.2em;
    color: #334155;
}
.emp-mgmt-geo-punch-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}
.emp-mgmt-geo-punch-section {
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}
.emp-mgmt-geo-punch-section--wfh {
    border-color: #bfdbfe;
    background: #eff6ff;
}
.emp-mgmt-geo-punch-section-title {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #334155;
}
.emp-mgmt-geo-btn--wfh {
    border-color: #2563eb !important;
    color: #1e40af !important;
    background: #fff !important;
}
.emp-mgmt-geo-punch-msg {
    min-height: 1.2em;
    margin: 8px 0 0;
    font-weight: 500;
}
.emp-mgmt-geo-punch-msg.is-error {
    color: #b32d2e;
}
.emp-mgmt-geo-punch-msg.is-ok {
    color: #1a7f37;
}
.emp-mgmt-geo-punch-warn {
    color: #9a6700;
}
.emp-mgmt-geo-punch-done {
    margin: 0;
    font-weight: 600;
    color: #1a7f37;
}