/* Styles for ClientDevices.razor (moved from its inline <style> block). */

.device-type-icon {
    font-size: 1.4rem;
}

.device-type-icon--retail {
    color: var(--rz-primary);
}

.device-type-icon--restaurant {
    color: var(--rz-info);
}

.client-devices-detail-card {
    margin: 0.5rem 1rem 0.75rem;
    background: var(--rz-base-100);
}

.client-devices-nested-grid {
    cursor: pointer;
}

    .client-devices-nested-grid .rz-data-row:hover {
        background: var(--rz-base-200) !important;
    }