.admin-employee-code-preview,
.admin-employee-role-consistency {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    grid-column: 1 / -1;
    padding: 12px 14px;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #f8fafc;
    color: #4b5563;
}

.admin-employee-code-preview i,
.admin-employee-role-consistency i {
    flex: 0 0 auto;
    margin-top: 2px;
}

.admin-employee-code-preview div {
    display: grid;
    gap: 3px;
}

.admin-employee-code-preview strong {
    color: #111827;
}

.admin-employee-code-preview[data-state="success"] {
    border-color: #9dddc8;
    background: #effcf7;
    color: #087f5b;
}

.admin-employee-code-preview[data-state="error"],
.admin-employee-role-consistency {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b42318;
}

.admin-employee-role-consistency[hidden] {
    display: none;
}

@media (max-width: 720px) {
    .admin-employee-code-preview,
    .admin-employee-role-consistency {
        padding: 10px 12px;
    }
}