/* Employee Punch Copier (v2) - app-only styles.
 * Shared chrome (stepper, tables, toolbar, search toggle, theme) lives in /vendor/failproof. */

/* Employee To header: title left, Intelligent Select right */
#employee-table th.epc-to-col,
#employee-table th.fp-table-head:has(.epc-to-col-head)
{
    vertical-align: middle;
}

.epc-to-col-head
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
}

.epc-to-col-title
{
    flex: 1 1 auto;
    min-width: 0;
}

.epc-intelligent-select-btn
{
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Destination MDB Selects inside the mapping table */
#employee-table .select-wrapper,
#employee-table .emp-map-select
{
    min-width: 14rem;
    max-width: 100%;
}

#employee-table .select-wrapper
{
    width: 100%;
}

#dest-to-date[readonly]
{
    background-color: var(--mdb-form-control-disabled-bg, #e9ecef);
    cursor: default;
}

html[data-theme="dark"] #dest-to-date[readonly]
{
    background-color: #1a222d;
}