.input-login {
    text-transform: lowercase; 
    width: 580px !important;
}

.importRoleRow {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.importRoleRow #importFileBtn {
    margin-left: auto;
}

.importFileInfo {
    font-size: 11px;
}

/* data columns need less horizontal padding than the administration tables */
table.importUsersTable th,
table.importUsersTable td {
    padding: 8px;
}

table.importUsersTable td {
    padding: 1px 1px !important;
}

table.importUsersTable thead th {
    white-space: nowrap;
}

table.importUsersTable input.importCell {
    padding: 5px 5px;
}

table.importUsersTable input.importCell,
table.importUsersTable select.importCell {

    font-size: 14px;
    box-shadow: none;
}

/* a long role name may never widen the column beyond its share */
table.importUsersTable select.importCell[data-field="role"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-inline: 4px;
}

table.importUsersTable td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* status stripe column (left marker for failed import rows) */
table.importUsersTable th.importStatusStripe,
table.importUsersTable td.importStatusStripe {
    width: 6px;
    min-width: 6px;
    max-width: 6px;
    padding: 0 !important;
    border: none;
}

/*
 * Failed import rows: light WARN red background, solid stripe in the status column.
 * DataTables paints stripes/hover via inset box-shadow on each cell, which covers a
 * plain background-color – reset the shadow and force the colours.
 */
table.importUsersTable tbody tr.importRowError > td {
    background-color: #fdd1d1 !important;
    box-shadow: none !important;
}

table.importUsersTable tbody tr.importRowError > td.importStatusStripe,
table.importUsersTable tbody tr.importRowError:hover > td.importStatusStripe {
    background-color: #F55050 !important;
    box-shadow: inset 0 0 0 9999px #F55050 !important;
}

.importUsersActions {
    padding: 12px 8px 8px 8px;
}