/*
 * Admin: Användare (Admin.razor). Owner: package B5. Registered on the theme after documents.css.
 * Own classes (CssClass on the DevExpress components or on our own elements) with public --dxds-* / --eng-* values.
 */

/* ------------------------------------------------------------------ */
/* Toolbar of the grid: the labelled search box first, the Exportera menu at the end of the row */
/* ------------------------------------------------------------------ */
.eng-admin-toolbar {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--dxds-spacing-160);
    padding: var(--dxds-spacing-160);
}

.eng-admin-search {
    display: grid;
    flex: 1 1 18rem;
    max-width: 26rem;
    gap: var(--dxds-spacing-60);
}

.eng-admin-search label {
    font-weight: var(--dxds-font-weight-700);
}

/* ------------------------------------------------------------------ */
/* Status: an icon and the word. The colour only supports the words, it never carries the meaning alone. */
/* ------------------------------------------------------------------ */
.eng-admin-status {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--dxds-spacing-80);
}

.eng-admin-status-ok {
    color: var(--dxds-color-content-success-default-rest);
}

/* Not Fluent's orange: orange is the brand's one decoration (red thread 2). The hourglass and the words say "waiting". */
.eng-admin-status-pending {
    color: var(--dxds-color-content-neutral-subdued-rest);
}

/* ------------------------------------------------------------------ */
/* Row actions and the Exportera button: at least 44 px high (red thread 10) */
/* ------------------------------------------------------------------ */
.eng-admin-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--dxds-spacing-80);
}

.eng-admin-action,
.eng-admin-info,
.eng-admin-export {
    min-width: 2.75rem;
    min-height: 2.75rem;
}

/* ------------------------------------------------------------------ */
/* No users, or no match for the search */
/* ------------------------------------------------------------------ */
.eng-admin-empty {
    display: grid;
    justify-items: center;
    gap: var(--dxds-spacing-120);
    padding: var(--dxds-spacing-320) var(--dxds-spacing-160);
}

.eng-admin-empty p {
    margin: 0;
}

/* ------------------------------------------------------------------ */
/* A field error in an edit cell: text at the field, in the danger colour (the words carry the meaning) */
/* ------------------------------------------------------------------ */
.eng-admin-field-error {
    margin-top: var(--dxds-spacing-60);
    color: var(--dxds-color-content-danger-default-rest);
}